大数据表 分页查询终极设计交互优化方案(附MP实现方案)
王磊 | 610 |
2022-07-29
1、遇到的问题
去年我们做了一套停车系统,车辆的出入场记录数据量非常大,每次列表加载都很慢。定位问题后发现是COUNT语句执行效率较低。
2、初步处理
当然是加索引,建分区,前端自动设置当天起止时间一波操作
3、终极解决方案
和甲方商量,他们反馈说总数他们很少去关心100次使用这个功能需要看总数的次数不超过10次。于是前端加了一个可选项,是否显示总数,默认是不显示的,在分页插件那里checkbox选中才去走count,否则不走count。
4、前端逻辑
如果一页10条,本次返回了不满十条,前端禁用下一页,满十条启用下一页。
如果下一页数据是空的,则不替换列表数据,只提示已经是最后一页,然后禁用掉下一页按钮。
5、MP相关API
分页接口IPage提供了searchCount方法,默认返回true,咱们可以提供过一个setSearchCount方法来改变次方法的返回值控制本次是否只是走limit,不走count。
推荐指数:
真诚点赞 诚不我欺~