瑞吉外卖 - 分页查询分类功能（12）

news2024/11/27 18:47:10

某马瑞吉外卖单体架构项目完整开发文档，基于 Spring Boot 2.7.11 + JDK 11。预计 5 月 20 日前更新完成，有需要的胖友记得一键三连，关注主页 “瑞吉外卖” 专栏获取最新文章。
相关资料：https://pan.baidu.com/s/1rO1Vytcp67mcw-PDe_7uIg?pwd=x548
提取码：x548

文章目录

- 1.需求分析
- 2.代码开发
- - 2.1 执行过程分析
  - 2.2 代码实现
- 3.功能测试

1.需求分析

系统中的分类很多的时候，如果在一个页面中全部展示出来会显得比较乱，不便于查看，所以一般的系统中都会以分页的方式来展示列表数据。

2.代码开发

2.1 执行过程分析

在开发代码之前，需要梳理一下整个程序的执行过程：

页面发送 ajax 请求，将分页查询参数(page、pageSize)提交到服务端；
服务端 Controller 接收页面提交的数据并调用 Service 查询数据；
Service 调用 Mapper 操作数据库，查询分页数据；
Controller 将查询到的分页数据响应给页面；
页面接收到分页数据并通过 Element Ul 的 Table 组件展示到页面上。

分页发送的请求信息如下：

2.2 代码实现

CategoryController 中处理分页相关部分代码如下：

@RestController
@RequestMapping("/category")
public class CategoryController {
    @Resource
    private CategoryService categoryService;
    
    /**
     * 分页查询
     * @param page 当前页
     * @param pageSize 每页显示条数
     * @return R
     */
    @GetMapping("/page")
    public R<Page<Category>> page(int page,int pageSize){
        // 1.创建分页构造器
        Page<Category> pageInfo = new Page<>(page, pageSize);
        // 2.构造查询条件
        QueryWrapper<Category> queryWrapper = new QueryWrapper<>();
        // 根据 sort 字段进行排序（Asc 升序、Desc 降序）
        queryWrapper.orderByAsc("sort");
        // 3.执行分页查询
        categoryService.page(pageInfo, queryWrapper);
        // 4.返回结果
        return R.success(pageInfo);
    }
    
    // 省略其他方法
}