RuoYi-Vue中数据分页功能分析（前后端）

---

一、数据分页

1.什么是数据分页？

数据分页是指将一批数据按照指定的大小分割成多个页面或数据块，每个页面或数据块包含一部分数据，用于分批显示和处理数据。数据分页通常用于网站、应用程序等需要处理大量数据的场景，以提高数据的加载速度和响应速度。

数据分页通常需要考虑以下因素：

• 分页大小：每页显示的数据数量，通常设置为10、20、50、100等。
• 数据排序：按照哪个字段进行排序，例如按照时间、价格、名称等。
• 数据筛选：需要显示哪些数据，可以根据不同的条件进行筛选，例如按照类别、地理位置等。
• 分页控制：需要提供分页控制功能，例如上一页、下一页、跳转等。
• 数据缓存：需要缓存已经加载的数据，以便用户快速访问，减少加载时间和服务器负载。

2.数据分页的主要目的是什么？

数据分页的主要目的是提高数据的加载速度和响应速度，以提升用户体验和减轻服务器负载。

在处理大量数据时，一次性加载所有数据可能会导致加载时间过长、带宽压力过大，甚至会导致服务器崩溃。因此，数据分页可以将大数据集合分割成多个小数据集合，每个小数据集合包含指定数量的数据，例如每页显示10条数据。在显示数据时，只加载当前页面或数据块，当需要访问下一页数据时，再加载下一个页面或数据块，以此类推。这样可以减少一次性加载大量数据的压力，提高数据的响应速度和用户体验。

数据分页还可以减轻服务器负载和带宽压力。当需要显示大量数据时，数据分页可以将数据分割成多个小数据块，只加载当前需要显示的数据块，这可以减轻服务器负载和带宽压力，提高系统的稳定性和可靠性。

二、源码分析

以ruoyi中的登录日志为示例

前端

根据路径找到前端分页组件pagination

函数调用链:getList->list->request[axios]

用浏览器的开发者工具查看前端访问后端数据

后端

函数startPage()

函数getDataTable()

后端log

三、参考

https://cloud.tencent.com/developer/techpedia/1732