数据分页--以ruoyi为例

目录

一.数据分页的意义

二.ruoyi代码分析

1.前端

2.后端

---

一.数据分页的意义

分页功能随处可见，使用分页功能后，用户一次看到的不是全部的信息，而是分成多页多批次来展现，用户可以选择翻页来获得更多的信息，这其实符合人们对书籍阅读方式的习惯

 但重点在于，分页很大程度的减少了前端和后端的工作量，让前端浏览器不用一次加载过多的数据，挽救内存开销，同时后端也不用向数据库请求过多的数据，让加载时间减小，数据更新及时，拯救系统速度，分页义不容辞。

这里以ruoyi为例，简单讨论一下分页功能的实现。

二.ruoyi代码分析

1.前端

首先选择从前端页面开始，首先找到一个使用了分页的页面，比如说这里

 可以看到，这里是前端请求完成后，由后端返回的值，去看看它所调用的接口

 也就是这个接口

 

 甚至还得到了total，它真的，我哭死。

2.后端

顺着接口扒过去，我们首先找到后端对接口的代码

 完成分页所需要的两个函数：

1. startPage [使用前端分页参数第几页pageNum 和每页的数量pageSize ]

2. getDataTable

 

 以及

 两个函数完成了后端分页的工作，同时将前端所需要的值传回前端。

打印的log信息如下

 LIMIT参数代表一次取得当前页面能展示的所有信息。