RuoYi分页功能分析

前端代码

以ruoyi 字典管理功能举例,以下是分页功能展示
在这里插入图片描述在这里插入图片描述
pagination即为分页功能的组件 其中total初始化为零 由后端返回的数据来显示
在这里插入图片描述点击第几页会触发getList函数
在这里插入图片描述
addDataRange函数会返回日期范围 其作用 体现在前端为
在这里插入图片描述

在这里插入图片描述
listType可以发现是向后端发送get请求的
在这里插入图片描述
f12也可以查看具体请求信息
其中pageSize是每页多少条数据
pageNum是第几页
在这里插入图片描述
total被赋值一共28条数据 rows是每页十条数据

在这里插入图片描述

后端代码

在这里插入图片描述响应前端的get请求
startPage控制分页数据
getDataTable控制返回的数据
在这里插入图片描述
在这里插入图片描述前端的rows数据以及total均为下面这个类setrows,setTotal返回在这里插入图片描述

限制数据数量

在这里插入图片描述在这里插入图片描述total显示一页多少条数据 LIMIT后问号暂时不清楚
在这里插入图片描述
在这里插入图片描述
调整为第二页限制为十条时 total显示正确一页显示十条 LIMIT问号变为两个 猜测问号是第几页

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值