[week12]若依数据分页分析

目录

一:为什么要数据分页

二:数据分页前端分析

①前端页面

②前端代码分析

③开发者工具的信息

三:数据分页后端分析

①后端代码分析

②后端Log分析

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

①前端请求

②后端Log

五:自定义类继承List

①MyPage类

②Main类​编辑

③输出


一:为什么要数据分页

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

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

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

二:数据分页前端分析
①前端页面

这是前端分页组件:0a5000949c68463f88b5d9219c3332d0.png

②前端代码分析

1.分页器源码分析

6827e4634541411ebf9d6b65fe729673.png

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

237eb8a07c304c0294fca5aecbc4a31f.png

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

76327210edf94e3a85b725a553c6d826.png

③开发者工具的信息

1.网络-标头中的信息

13a1a00271bf4f1b92416f26bd2e0679.png

2.网络-预览中的信息

ba2984ed2d6340e7afb2eb2e1ee0533c.png

三:数据分页后端分析
①后端代码分析

1.后端对应的接口

75057589ced14a9f9f378fb7faa4d227.png

2.进入startPage()里看看
72d8dc1330654088bd6d88eca7073e1b.png

3.PageUtils类中的startPage()方法

c9aa9251a4b64056af68e9b4e6b7292e.png

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

31fb9f7aefd74a41be5d043a6ad735c1.png

5.进入setTotal方法看看

0c83aac177c74a78bb32ab7c3057c215.png

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

d2d68e25e2f447ff9fc9e0c42e8b64aa.png

②后端Log分析

eabdd235a3ee442d9de1f6a822a00996.png

四:前端请求对应的Log解释
①前端请求

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

f0033042b5f4417692370f7f8589f024.png

②后端Log

6b8bcd7aac524448bfa226c0559d6978.png

五:自定义类继承List
①MyPage类

605910f4384244a3a17017188725ccac.png

②Main类b1e814a429be441195225d6893694724.png
③输出

cc17bd487e004ffc9b5acfd8ef25a7e7.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值