前端vue2+axios后端spring boot+mybatisplus怎么实现分页查询

在前端使用axios发送分页查询请求时，需要设置请求参数，包括当前页码和每页显示的记录数。假设每页显示10条记录，当前页码为2，请求参数可以设置为：

{
  page: 2,
  limit: 10
}

在后端使用Spring Boot和MyBatis Plus实现分页查询的步骤如下：

1. 在MyBatis Plus的Mapper接口中定义分页查询方法，例如：

List<User> selectUserPage(Page<User> page);

2. 在Service层中调用Mapper中的分页查询方法：

@Override
public IPage<User> getUserPage(int page, int limit) {
    Page<User> userPage = new Page<>(page, limit);
    userMapper.selectUserPage(userPage);
    return userPage;
}

3. 在Controller层中接收前端发送的分页查询请求参数，调用Service层中的分页查询方法，将查询结果封装成JSON格式返回给前端：

@GetMapping("/user")
public Result getUserPage(@RequestParam(name = "page") int page,
                          @RequestParam(name = "limit") int limit) {
    IPage<User> userPage = userService.getUserPage(page, limit);
    return Result.success(userPage);
}

4. 在前端使用axios发送分页查询请求，接收后端返回的JSON格式数据，渲染分页列表：

axios.get('/user', {
  params: {
    page: 2,
    limit: 10
  }
}).then(response => {
  console.log(response.data);
  // 渲染分页列表
}).catch(error => {
  console.log(error);
});

以上就是实现前端Vue2和后端Spring Boot、MyBatis Plus的分页查询的步骤。