前端代码

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

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

在这里插入图片描述

后端代码

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

限制数据数量

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

Logo

快速构建 Web 应用程序

更多推荐