vue 整合springboot整合mybatis-plus做增删改查

首先，需要在后端环境中搭建好 Spring Boot 和 MyBatis Plus 的开发环境，可以使用 Maven 或 Gradle 等构建工具来引入所需的依赖。

接下来，需要创建一个数据表对应的 Java 实体类，并使用 MyBatis Plus 提供的注解来标识表名、主键、字段等信息。例如：

@Data
@TableName("user")
public class User {
    @TableId(type = IdType.AUTO)
    private Long id;
    private String name;
    private Integer age;
}

然后，创建一个 Mapper 接口，继承自 MyBatis Plus 提供的 BaseMapper 接口，用于定义增删改查等基本操作。例如：

public interface UserMapper extends BaseMapper<User> {
}

在 Spring Boot 的配置文件中，配置数据库连接信息和 MyBatis Plus 相关配置，例如：

spring.datasource.url=jdbc:mysql://localhost:3306/test
spring.datasource.username=root
spring.datasource.password=root
spring.datasource.driver-class-name=com.mysql.jdbc.Driver

mybatis-plus.configuration.map-underscore-to-camel-case=true

最后，在 Spring Boot 中创建一个 Controller 类，定义对应的请求处理方法，例如：

@RestController
@RequestMapping("/user")
public class UserController {
    @Autowired
    private UserMapper userMapper;

    @GetMapping("/{id}")
    public User getUserById(@PathVariable("id") Long id) {
        return userMapper.selectById(id);
    }

    @PostMapping("")
    public void createUser(@RequestBody User user) {
        userMapper.insert(user);
    }

    @PutMapping("/{id}")
    public void updateUser(@PathVariable("id") Long id, @RequestBody User user) {
        user.setId(id);
        userMapper.updateById(user);
    }

    @DeleteMapping("/{id}")
    public void deleteUser(@PathVariable("id") Long id) {
        userMapper.deleteById(id);
    }
}

这样，就完成了 Vue 和 Spring Boot 整合 MyBatis Plus 做增删改查的基本流程。在前端中，可以使用 Axios 等 HTTP 请求库来调用后端的接口。