“分页”的方式,大家通常怎么处理?

2017-04-06 08:59:48 +08:00
 rogwan
遇到五种分页方式,大家都怎么处理:

1 、 Discuz! 那种全功能分页:<< 1 2 3 ... 5 6 7 ... 31 32 33 >>

2 、第 2 种是第 1 种的简化版: < 上一页 6 下一页 >

3 、第 3 种是不显示页码,只显示:点击加载更多 / 或点击加载下一页

4 、第 4 种是页面滚动到底部,自动加载下一页

5 、第 5 种是第 4 种的加强版,在用户访问第 6 页时,就预加载第 7 页了(用户感觉不到已经加载了下一页)。
7010 次点击
所在节点    程序员
62 条回复
iRiven
2017-04-06 09:36:30 +08:00
讨厌无限下拉,上下页最舒服
Yunhao
2017-04-06 09:36:42 +08:00
有时候我只是想看一下页面的 footer ,那些自动加载的让我很无奈
alvy
2017-04-06 09:37:01 +08:00
python pagination
hasbug
2017-04-06 09:37:02 +08:00
纠正一下
比较喜欢这种:
下拉上一页,上滑下一页,永远只显示一页的内容(前端路由)
Reign
2017-04-06 09:37:58 +08:00
看性能要求,如果千万级 or 亿级数据, 1 这种方式就有点吃力了,因为 1 这种方式 mysql 只能 offset limit 方式查询。所以只能 2 、 3 、 4 、 5
solidsnake
2017-04-06 09:40:32 +08:00
按需
houshengzi
2017-04-06 09:46:16 +08:00
@Reign 难道其他 4 种不是 offset limit ?
gdtv
2017-04-06 09:47:41 +08:00
@Reign
@houshengzi
同问,难道其他 4 种不是 offset limit ?
gdtv
2017-04-06 09:49:07 +08:00
@houshengzi
@Reign
哦,明白了,其他方式应该是 where time<xxxx limit xxx ,不用 offset
willakira
2017-04-06 09:50:24 +08:00
这么明显的 A/B test 需求…
不要瞎选,你把几个关键指标的监控放好,然后做 A/B Test ,每个样式给 5%-10%的用户,然后看看哪种样式的结果最好就行。例如停留时间,翻页点击等等
AlisaDestiny
2017-04-06 10:31:57 +08:00
@Yunhao +1.自动加载更多真的很烦。
yidinghe
2017-04-06 10:42:16 +08:00
在性能方面来说,不跳页(或者说不往后跳页,往前跳可以通过缓存解决)是最好的,因为这时候查询就不需要 skip 了,不管从什么位置开始查,所需要的时间都是一样的。
rocksolid
2017-04-06 11:06:33 +08:00
最讨厌第一种,特别是没有跳页的
alex321
2017-04-06 11:16:11 +08:00
就产品设计初衷选择而言,在后台管理量级列表上 1 很实用,当然还有个跳页,比如各种 CMS 、 CRM 和 ERP ;在轻量级别的触屏版上 2 更加合适,比如 Google 触屏版的搜索;追求简洁设计的情况下,在 APP 上更多的会是 3 、 4 ,这个太多了就不说了。
有交互的,我更加倾向使用 1 和 4 的集合版本,通过鼠标或者手指滑动触发加载前 3~5 页,然后后续显示分页组件,类似色魔张大妈的效果。

然后,多嘴一下,我觉得 layui 的分页组件挺不错, https://www.layui.com/doc/modules/laypage.html
BlueWolf
2017-04-06 12:06:55 +08:00
我就是想看总共有多少条记录 4 5 不满足吧
jiangzhuo
2017-04-06 12:20:53 +08:00
在第一页的时候把 querystring 的参数都列全 让用户自己改 querystring 去
比如
https://www.v2ex.com/t/352832?page=<页>&skip=<跳过>&limit=<限制>
用户想翻页或者看第几条就自己改参数就好了
mcfog
2017-04-06 12:35:27 +08:00
所以后端接口直接提供 offset 和 limit 参数,前端随便玩去吧

phithon
2017-04-06 12:40:51 +08:00
非常讨厌下拉加载,不是社交类型的网站(用户喜欢刷刷刷的)千万别用。。。有的博客用这种方式,导致想找资料和文章,非常不方便。
debye
2017-04-06 13:10:42 +08:00
下拉加载都是 app 的模式, pc 还是第一种比较好
不过确实要按照产品王的来最好
anthozoan77
2017-04-06 13:10:49 +08:00
整理得很全,收藏。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/352832

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX