[RuoYi二次开发]数据分页

目录

一、前言

 二、RuoYi中的数据分页案例

三、源码分析 

 1、前端代码

2、后端代码

四、总结 

一、前言

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

数据分页的核心思想是将大数据集合分割成多个小数据集合，每个小数据集合包含指定数量的数据，例如每页显示10条数据。在显示数据时，将数据按照指定的顺序和格式进行分页，每次显示一个页面或数据块。当需要访问下一页数据时，再加载下一个页面或数据块，以此类推。这样可以减少一次性加载大量数据的压力，提高数据的响应速度和用户体验。

 二、RuoYi中的数据分页案例

在登录日志中，我们可以看到若依界面处理数据，在一个界面展示不过来的情况下会选择采纳多页处理，其中就使用到了数据分页，以下就是若依中的登录日志的分页效果。

三、源码分析 

 1、前端代码

在src->views->monitor->logininfor->index.vue我们可以看到登录日志的前端代码，其中的<pagination/> 为分页组件。

 初始化了total为0 所返回的total的值取决于后台所传来的数据条数； @pagination所绑定的getList方法 负责处理所返回的数据 实现分页功能。