Ruoyi数据分页实例简介

目录

 一、登录日志查询

二、源码分析

1、前端代码

2、后端代码

---

 一、登录日志查询

进入方式：系统管理 -> 日志管理 -> 登录日志

二、源码分析

1、前端代码

打开登录日志页面源码文件，如下图所示，其中<pagination> 组件为分页组件

函数调用链：getList -> list -> request[axios]

开发者工具查看前端访问后端信息

 开发者工具查看前端接收到后端的回应信息

2、后端代码

后端响应代码如下图，要实现分页需要使用如下两个函数：

1. startPage [使用前端分页参数第几页pageNum 和每页的数量pageSize ]

2. getDataTable

 LIMIT对查询数据做了行数输出限制

Log

19:26:24.499 [http-nio-8080-exec-2] 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 ?

对应前端参数pageNum=2&pageSize=10
19:43:27.275 [http-nio-8080-exec-16] 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 ?, ? 问号表示参数，个问号表示结果集的偏移量 (即从第几行开始) ，第二个问号表示要返回的行数。
19:43:27.276 [http-nio-8080-exec-16] DEBUG c.r.s.m.S.selectLogininforList - [debug,137] - ==> Parameters: 10(Long), 10(Integer)    与limit对应，第一个10表示偏移量从第10条数据开始返回记录，数据类型为long第二个10表示返回10条记录，数据类型是Integer
19:43:27.279 [http-nio-8080-exec-16] DEBUG c.r.s.m.S.selectLogininforList - [debug,137] - <==      Total: 4