一、功能页面说明选择系统管理 → 用户管理这是若依系统最典型、最常用的分页列表页面非操作日志符合作业要求。页面效果展示用户列表底部分页栏页码、每页条数、总条数、跳转支持条件查询 分页二、为什么要分页简要回顾前端一次性加载大量数据卡顿、内存占用高网络传输耗时、占用带宽后端数据库查询压力大、内存开销高体验加载慢、数据更新不及时三、前端代码解析1. 页面分页组件index.vue文件路径ruoyi-ui/src/views/system/user/index.vuetotal总条数后端返回page.sync当前页码 pageNumlimit.sync每页条数 pageSizepaginationgetList切换页码触发查询2. 查询数据方法3. API 请求user.js文件路径ruoyi-ui/src/api/system/user.js四、前端开发者工具Network请求开发者工具查看前端接收到后端的回应信息五、后端代码解析1.Controller 层2. BaseController 分页核心3.函数startPage和getDataTable4.selectUserList () 对应的 XML5.后端日志DEBUG c.r.s.m.S.selectUserList_COUNT : Preparing: SELECT count(0) FROM sys_user u LEFT JOIN sys_dept d ON u.dept_id d.dept_id WHERE u.del_flag 0 DEBUG c.r.s.m.S.selectUserList_COUNT : Total: 1 DEBUG c.r.s.m.S.selectUserList : Preparing: select u.user_id, u.dept_id, u.nick_name, u.user_name, u.email... from sys_user u left join sys_dept d on u.dept_id d.dept_id where u.del_flag 0 LIMIT ? DEBUG c.r.s.m.S.selectUserList : Parameters: 10(Integer)selectUserList_COUNT→ PageHelper 自动查询总条数SELECT count(0)→ 统计用户表总数据量selectUserList→ 查询当前页用户数据LIMIT ? → Parameters: 10→ 分页核心LIMIT 10取 10 条数据
