第02讲：uni-pagination实现表格分页查询

最新推荐文章于 2024-04-26 17:54:09 发布

萧篱衣

最新推荐文章于 2024-04-26 17:54:09 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_47272508/article/details/125520701

API帮助文档

在uniapp中通过uni-pagination组件实现表格内容的分页查询，实现思路和简单，分为两个步骤：

1、使用MySQL的Limit语句按照要求查询出符合分页要求的记录；

2、通过MySQL的COUNT函数获取该表中的全部记录；

接下来我们结合前两个章节的内容实现表格的分页查询。

一、分页查询微服务

在idea中使用通用Mapper实现单表的分页查询，用户访问controller时需要传递2个参数，分别是从第page条记录开始查，每次查询pageSize条数据，controller按照要求从数据库中查询相关的记录并返回，同时返回该表中的全部记录。以下是相关代码：

mapper.xml

<select id="selectByLimt" parameterType="int" resultMap="BaseResultMap">
    select * from user order by id desc limit #{page},#{pageSize}
  </select>

controller

@Autowired(required = false)
    private UserMapper userMapper;

    /**
     * 测试查询
     * @return
     */
    @GetMapping("/t1")
    @ResponseBody
    @CrossOrigin(origins = "*")//允许跨源请求
    public HttpResult getuser(int pageIndex,int pageSize){
        List<User> users = userMapper.selectByLimt((page