系统中的分类很多的时候,如果在一个页面中全部展示出来会显得比较乱,不便于查看,所以一般的系统中都会以分页的方式来展示列表数据。
在开发代码之前,需要梳理一下整个程序的执行过程:
1、页面发送ajax
请求,将分页查询参数(page
、pageSize
)提交到服务端
2、服务端Controller
接收页面提交的数据并调用Service查询数据
3、Service
调用Mapper
操作数据库,查询分页数据
4、Controller
将查询到的分页数据响应给页面
5、页面接收到分页数据并通过ElementUI
的Table
组件展示到页面上
/**
* 分页查询
* @param page
* @param pageSize
* @return
*/
@GetMapping("/page")
public R<Page> page(int page, int pageSize) {
//分页构造器
Page<Category> pageInfo = new Page<>(page, pageSize);
//条件构造器
LambdaQueryWrapper<Category> queryWrapper = new LambdaQueryWrapper<>();
//添加排序条件,根据sort进行排序
queryWrapper.orderByAsc(Category::getSort);
//进行分页查询
categoryService.page(pageInfo, queryWrapper);
return R.success(pageInfo);
}