目录

一：为什么要数据分页

二：数据分页前端分析

①前端页面

②前端代码分析

③开发者工具的信息

三：数据分页后端分析

①后端代码分析

②后端Log分析

四：前端请求对应的Log解释

①前端请求

②后端Log

五：自定义类继承List

①MyPage类

②Main类​编辑

③输出

---

一：为什么要数据分页

1.在前端页面上，数据分页能更好的展示数据，页面也更美观

2.在前后端内存开销上，每次只读取定量的数据，也能减少内存开销，提高页面加载速度

3.在传输上，通过分页功能，把大数据分割成一个个小的数据块，也可以降低服务器压力

二：数据分页前端分析

①前端页面

这是前端分页组件：

②前端代码分析

1.分页器源码分析

2.使用分页器时，会触发这个getList()

3.上面的getList()会调用下面这个Api，和后端通信

③开发者工具的信息

1.网络-标头中的信息

2.网络-预览中的信息

三：数据分页后端分析

①后端代码分析

1.后端对应的接口

2.进入startPage()里看看

3.PageUtils类中的startPage()方法

4.在list方法最后调用的getDataTable方法

5.进入setTotal方法看看

6.查看对应的xml文件，分析为什么可以得到total值

②后端Log分析

四：前端请求对应的Log解释

①前端请求

前端请求参数为pageNum=2，pageSize=10

②后端Log

五：自定义类继承List

①MyPage类

②Main类

③输出