mybatisplus page分页 layui

Mybatis-Plus 是一个 Mybatis 的增强工具包，提供了许多实用的功能，其中包括分页查询。Layui 是一款基于前端框架的 UI 组件库，可以用于构建漂亮的网页界面。

下面是 Mybatis-Plus 和 Layui 实现分页查询的示例代码：

1. Mybatis-Plus 分页查询

// 创建分页对象
Page<User> page = new Page<>(1, 10);
// 执行分页查询
IPage<User> userPage = userMapper.selectPage(page, null);
// 获取查询结果
List<User> userList = userPage.getRecords();

2. Layui 分页展示

// 引入 layui 模块
layui.use(['layer', 'table'], function(){
  var layer = layui.layer
  ,table = layui.table;
  // 渲染表格
  table.render({
    elem: '#userTable'
    ,url:'/user/list' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'name', title: '用户名', width:120}
      ,{field: 'age', title: '年龄', width:80, sort: true}
      ,{field: 'email', title: '邮箱', width:150}
    ]]
  });
});

在上面的示例中，我们使用 Mybatis-Plus 进行分页查询，再将查询结果通过 Layui 的表格组件进行展示。其中，`Page` 类表示分页对象，`IPage` 接口表示分页查询结果，`selectPage` 方法用于执行分页查询。同时，Layui 的表格组件需要设置 `url` 为数据接口地址，`page` 属性为 true 表示开启分页功能。