mybatisplus分页查询前端代码

以下是使用 MyBatisPlus 进行分页查询的前端代码示例：

1. 引入 MyBatisPlus 分页插件：

<!-- MyBatisPlus 分页插件 -->
<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter-pagehelper</artifactId>
    <version>3.4.3.3</version>
</dependency>

2. 前端代码调用后端接口：

// 定义分页参数
let query = {
  pageNum: 1, // 当前页码
  pageSize: 10 // 每页记录数
};

// 发送请求
axios.get('/api/users', { params: query }).then(response => {
  // 处理响应数据
  console.log(response.data);
}).catch(error => {
  // 处理异常情况
  console.error(error);
});

3. 后端接口实现 MyBatisPlus 分页查询：

// 引入 MyBatisPlus 分页插件
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;

// 分页查询用户列表
@GetMapping("/users")
public List<User> getUsers(@RequestParam("pageNum") int pageNum, @RequestParam("pageSize") int pageSize) {
  // 构建分页对象
  Page<User> page = new Page<>(pageNum, pageSize);
  // 执行分页查询
  IPage<User> userPage = userService.page(page, null);
  // 返回查询结果
  return userPage.getRecords();
}