Ruoyi-vue数据分页

前端

前端页面

页面

点击页面后对应接口

接口参数

前端代码

页面对应文件，ruoyi-ui/src/views/monitor/logininfor/index.vue

按钮对应代码

ruoyi-ui/src/api/monitor/logininfor.js

后端

后端代码

ruoyi-admin/src/main/java/com/ruoyi/web/controller/monitor/SysLogininforController.java

ruoyi-common/src/main/java/com/ruoyi/common/core/controller/BaseController.java

ruoyi-common/src/main/java/com/ruoyi/common/utils/PageUtils.java

后端日志

11:11:41.212 [http-nio-8080-exec-73] DEBUG c.r.s.m.S.selectLogininforList_COUNT - [debug,137] - ==>  Preparing: SELECT count(0) FROM sys_logininfor
11:11:41.213 [http-nio-8080-exec-73] DEBUG c.r.s.m.S.selectLogininforList_COUNT - [debug,137] - ==> Parameters: 
11:11:41.219 [http-nio-8080-exec-73] DEBUG c.r.s.m.S.selectLogininforList_COUNT - [debug,137] - <==      Total: 1
11:11:41.220 [http-nio-8080-exec-73] DEBUG c.r.s.m.S.selectLogininforList - [debug,137] - ==>  Preparing: select info_id, user_name, ipaddr, login_location, browser, os, status, msg, login_time from sys_logininfor order by info_id desc LIMIT ?, ?
11:11:41.221 [http-nio-8080-exec-73] DEBUG c.r.s.m.S.selectLogininforList - [debug,137] - ==> Parameters: 10(Long), 10(Integer)
11:11:41.222 [http-nio-8080-exec-73] DEBUG c.r.s.m.S.selectLogininforList - [debug,137] - <==      Total: 2

重点看第四条第五条，显示了一条准备执行的查询语句，该查询从名为sys_logininfor的表中选择特定列，并按info_id字段的降序返回结果，查询结果将通过LIMIT子句进行限制。

我们可以在第四条得出查询语句为

select info_id, user_name, ipaddr, login_location, browser, os, status, msg, login_time from sys_logininfor order by info_id desc LIMIT ?, ?

可以从第五句得到查询语句的参数：LIMIT 10(Long), 10(Integer)。这意味着查询结果将从偏移量为10的位置开始，返回10条记录。

分页原理

实际上是MyBatis 通过startPage 中的函数PageHelper.startPage 做到了对SQL 语句的修改，达到了查询所需记录的效果