Ruoyi-vue项目中用户列表分页数据错乱的解决办法

背景:使用ruoyi-vue项目中我的用户列表有11个用户,然而每次点击第二页都是第一页显示过的重复数据,并且打印出的sql又是正常的,

第一页sql中是limit 10,

第二页是LIMIT 10 OFFSET 10

第三页的查询应该是LIMIT 10 OFFSET 20

最后问文心一言给我的回答中,就是没有order by的原因 :

ORDER BY缺失:如果在多个分页查询之间没有对结果进行排序,那么数据库可能会返回不同的记录顺序,导致分页结果出现问题。在分页查询中添加一个ORDER BY子句来确保结果的顺序一致。

解决办法:  添加

ORDER BY user_id   即可解决
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
RuoYi-Vue3是一个基于Vue3和Element Plus的前端管理系统框架,是RuoYi项目的升级版。该项目提供了一些通用的后台管理界面的组件和页面,可以快速开发出美观、响应式的管理系统。 RuoYi-Vue3的特点包括: 1. 基于Vue3和Element Plus,使用Vue3的最新特性和Element Plus的组件。 2. 支持响应式布局,可以适配各种设备。 3. 提供了丰富的组件和页面,可以快速开发出功能完善的管理系统。 4. 代码结构清晰,易于理解和维护。 5. 支持国际化和权限控制。 在RuoYi-Vue3,可以使用Vue3的Composition API来编写组件。例如: ``` <template> <div> <h1>{{ message }}</h1> <button @click="increment">增加计数器</button> </div> </template> <script> import { reactive } from 'vue' export default { setup() { const state = reactive({ message: '欢迎使用RuoYi-Vue3', counter: 0 }) const increment = () => { state.counter += 1 } return { message: state.message, increment } } } </script> ``` 在RuoYi-Vue3,还可以使用Element Plus的组件来构建页面。例如: ``` <template> <el-table :data="users" style="width: 100%"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column prop="gender" label="性别"></el-table-column> </el-table> </template> <script> import { reactive } from 'vue' export default { setup() { const state = reactive({ users: [ { name: '张三', age: 20, gender: '男' }, { name: '李四', age: 25, gender: '女' }, { name: '王五', age: 30, gender: '男' } ] }) return { users: state.users } } } </script> ``` 总之,RuoYi-Vue3是一个功能强大、易于开发和维护的Vue3前端管理系统框架,具有广泛的应用前景。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

往事不堪回首..

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值