uni-pagination实现表格分页查询

最新推荐文章于 2024-09-18 17:51:46 发布

zys_QAQ

最新推荐文章于 2024-09-18 17:51:46 发布

阅读量322

点赞数

文章标签： java

本文链接：https://blog.csdn.net/zys_QAQ/article/details/124854326

版权

本文介绍如何在uni-app中利用uni-pagination组件配合MySQL的Limit和COUNT函数实现表格分页查询。首先，通过Java的通用Mapper在IDEA中进行单表分页查询，用户传递start和pageSize参数。接着，详细展示了mapper.xml、service和controller的相关代码。然后，演示在uni-app中，使用uni-table结合uni-pagination进行分页，说明分页器所需的参数，并提供了测试示例。

摘要由CSDN通过智能技术生成

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

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

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

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

一.分页查询微服务

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

相关代码如下：

mapper.xml

 
<select id="selectAllByLimt" parameterType="int" resultMap="BaseResultMap">
    SELECT * FROM auth_user ORDER BY id DESC LIMIT #{pageIndex}, #{pageSize}
  </select>

service

 @Autowired(required = false)
 private AuthUserMapper authUserMapper;
 
/**
         * 查询用户列表，分业查询
         * @param pageIndex
         * @param pageSize
         * @return
         */