news 2026/4/23 19:07:50

ruoyi 新增每页分页条数

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ruoyi 新增每页分页条数

正文开始:

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

问题提出:

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

解决办法:

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

具体代码:

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

pageSizes:{ type:Array, default(){ return[10,20,30,50] } },

pageSizes:{ type:Array, default(){ return[5,10,20,30,50,100] } },

运行结果:

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 12:25:43

在trae、qoder、Claude Code、Cursor等AI IDE中使用ui-ux-pro-max-skill

ui-ux-pro-max-skill官方地址 全局安装 uipro-cli npm install -g uipro-cli 进入你的前端项目 cd /your/project 初始化并绑定 Claude Code 作为 AI uipro init --ai claude # 如果你用 Cursor 就用 --ai cursor uipro init --ai cursor # Cursor uipro init --ai qode…

作者头像 李华
网站建设 2026/4/23 16:08:22

HMI信息架构设计:四层金字塔模型——构建符合认知负荷的高效界面

在信息爆炸的现代工业现场,将成百上千个数据点杂乱地堆砌在HMI屏幕上,是对操作员认知能力的巨大挑战,尤其在压力下极易导致误判。优秀的HMI设计,本质是信息架构的设计。四层金字塔模型为此提供了一个经过验证的、符合人类认知规律…

作者头像 李华
网站建设 2026/4/23 13:10:33

导师严选2026 AI论文工具TOP8:继续教育必备测评

导师严选2026 AI论文工具TOP8:继续教育必备测评 2026年学术AI写作工具测评:精准匹配继续教育需求 在当前快速发展的科研环境中,学术写作已成为高校师生、研究人员等群体的核心任务之一。然而,面对繁重的论文撰写压力,传…

作者头像 李华
网站建设 2026/4/23 14:48:20

海关智慧监管空间智能平台专项技术方案——基于空间视频感知与统一空间智能底座的非侵入式监管路径

海关智慧监管空间智能平台专项技术方案——基于空间视频感知与统一空间智能底座的非侵入式监管路径建设单位:镜像视界(浙江)科技有限公司一、建设背景与监管挑战随着国际贸易规模扩大和跨境要素流动频率持续提升,海关监管对象呈现…

作者头像 李华
网站建设 2026/4/23 11:18:50

2026年最新论文降ai全攻略,教你如何快速实现aigc免费降重并降低ai率。

又到了论文开题季,很多同学发现,自己用AI辅助写完的论文,AIGC率高得吓人。明明只是润色,检测却显示“高风险AI生成”。面对这个论文降ai的难题,盲目手改往往收效甚微。 别慌。市面上已经有很多工具可以辅助降低ai率。今…

作者头像 李华
网站建设 2026/4/23 13:54:37

Flutter for OpenHarmony 实战:TextButton 文本按钮详解

Flutter for OpenHarmony 实战:TextButton 文本按钮详解 摘要:本文将深入探讨 Flutter 框架在 OpenHarmony 平台上 TextButton 控件的应用实践。作为 Flutter 中最常用的交互控件之一,TextButton 以其简洁的设计风格和灵活的定制能力成为构建…

作者头像 李华