ruoyi 新增每页分页条数

正文开始:

ruoyi的分页原理,大致就是使用MyBatis提供的插件接口,实现自定义插件,在插件的拦截方法内拦截待执行的 SQL,然后重写 SQL,实现分页查询。

问题提出:

若依框架中,使用的是 PageHelper 分页对象进行分页查询,若依自带的分页条数只有4种,有时需要其他数量的分页条数,比如5条/页,100条/页

解决办法:

找到控制分页查询的组件(ruoyi-ui/src/components/Pagination/index.vue),修改分页查询的数据量。

具体代码:

在ruoyi-ui/src/components/Pagination/index.vue 下,找到 pageSizes 数组中新增想要分页的数据量 :

javascript 复制代码
pageSizes:{
type:Array,
default(){
return[10,20,30,50]
}
},
javascript 复制代码
pageSizes:{
type:Array,
default(){
return[5,10,20,30,50,100]
}
},

运行结果:

相关推荐
vx_Biye_Design10 分钟前
springboot宠物领养与救助平台64334-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·mysql·课程设计·宠物
泡茶喝茶写代码12 分钟前
A股量化数据工程:从 REST 接口到策略信号(第 5 篇):板块成分股映射与对齐
java·python·股票数据api·股票数据·股票数据api接口·股票api数据接口·股票量化数据接口
vx_Biye_Design13 分钟前
django就业信息推荐系统61953-计算机课程设计、毕业设计
java·vue.js·spring boot·python·架构·django·课程设计
Elastic 中国社区官方博客17 分钟前
错误最多的服务运行正常:使用 ES|QL 从日志进行根因分析
大数据·运维·数据库·sql·elasticsearch·搜索引擎·全文检索
知守观30 分钟前
HTML 转 PDF 方案实战:iTextPDF 与 wkhtmltopdf 踩坑复盘,附 Flying Saucer / openhtmltopdf 选型对比
java·后端
2601_9620715732 分钟前
类变量和全局变量的隔离性有什么区别?
java·开发语言·jvm
海绵宝宝转agent39 分钟前
LeetCode100 LRU缓存思路讲解
java·开发语言·缓存
专业程序开发源40 分钟前
springboot高校学生社团管理系统74810-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计
做运维的阿瑞44 分钟前
mysql数据库视图笔记:创建、修改、删除与适用场景
数据库·笔记·mysql
youdexiang1 小时前
AI 生成会议纪要好用吗?多款 APP 功能分析
java·人工智能·音视频