C# + element ui 实现表格数据的分页,不用传Pageindex,pageSize到后端(数据量小可用)

本文讨论了一次性加载大量数据到前端导致的性能问题,并提出了改进方案。通过结合ElementUI的分页组件和后端数据交互,只在页面切换时按需加载指定数量的数据,显著提高了用户体验。同时,强调了需要总数据条数来精确计算分页,并给出了查询数据的SQL示例。这种方法有效地避免了数据量大时的延迟问题。
摘要由CSDN通过智能技术生成

第一步 先获取表格数据

在这里插入图片描述

第二步 在表格下面添加Element UI的分页组件,事件方法在第一步

在这里插入图片描述

第三步 定义属性

在这里插入图片描述

第四步 设置每页的开始和结束

在这里插入图片描述

总结: 通过以上操作可以不用进行后端操作,只需要拿出数据即可实现分页。 测试过没有什么问题,上下页跳转选择总数据都是正确的,不知道会不会有其他说明问题,等碰到了,在调整吧~

事隔一天,发现弊端了,这样一次性查完放前端,数据量少还行,数据量大,简直GG,今天查了几万条数据,等了半分钟,每次改变页码都会查询一次全部数据,则滋味简直啧啧

还是要根据current-change方法每次变动页码查询,每次查询自己设定的数据条数,需要传pageNum pageSize,算出开始数据,结束数据, (pageNum-1)*pagesize 每页开始 pagesize显示数据

除此之外还需要一个总数据条数total,我是用包装返回结果信息,将查询出来的总数据(直接查询总数)存放到int类型的count里,最后在响应回去,在前端拿取出来使用。

例:select count(*) from table_name

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值