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

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 页了(用户感觉不到已经加载了下一页)。
7032 次点击
所在节点    程序员
62 条回复
king2014
2017-04-06 13:28:05 +08:00
原理一样,只是显示效果,这个你觉得哪个好选哪个
Quaintjade
2017-04-06 13:47:48 +08:00
如果只是表格数据,我喜欢不分页……
http://mleibman.github.io/SlickGrid/examples/example-optimizing-dataview.html
http://w2ui.com/web/blog/7/JavaScript-Grid-with-One-Million-Records

如果要分页,我还是喜欢第一种。
BoiledEgg
2017-04-06 13:55:31 +08:00
最好不要第一种,省的 count 算总页数
ivvei
2017-04-06 14:12:34 +08:00
1 的方式 比较吃性能。总数少还行,总数太大的话有点压力。 2 感觉最简单,体验也不错,加个跳页就完美了。 3 4 5 都给我滚……
atnopc
2017-04-06 14:31:46 +08:00
第一种的优化,不大量显示页码
只针对当前页显示前 3 和后 3 页的直连外加一个用户自选跳转
wjh3936
2017-04-06 15:12:50 +08:00
我在上一个项目,因为没要求就做了 4 ,而且也没有加载动画哈哈滑到底卡一下就加载了
misaka20038numbe
2017-04-06 15:24:20 +08:00
3,4,5 在电脑上是反人类的行为,当下拉多次之后右侧的滚动条会越来越短,如果这时我想回去看之前的内容,将会越来越难。
eseeker
2017-04-06 16:10:33 +08:00
@Yunhao 我也想说这个问题
changwei
2017-04-06 17:08:41 +08:00
@yejinmo 对,淘宝就是这个样子,搞不懂既然这样设计,那 footer 存在的意义是什么?
flowfire
2017-04-06 17:18:21 +08:00
显示 《 < 1 ... 56789 ... 12 > 》
我 github 上有一个 js 写的翻页方法,可以直接拿来 new
Phariel
2017-04-06 17:20:50 +08:00
自动加载太多非常烦,我明明是要去看 footer 里的内容的,但是如果要看到 footer 我还有很长的路要走,全是自动加载,烦死了。
Limius
2017-04-06 17:53:58 +08:00
@misaka20038numbe 完全可以拉下来自动加载,同时保留页数指示,可以随便跳。
340244120
2017-04-06 18:33:08 +08:00
得看场景呀 比如看小说 你用 2,3,4,5 试试
Coder0
2017-04-06 18:46:13 +08:00
论坛帖子这种一般是 1 ,因为随时可能被回复顶上来
4,5 适合 APP 每日推送新闻的那种,最新的东西一般都在上面 找几天前的东西这种需求比较少
mingyun
2017-04-06 22:46:20 +08:00
第二种,非常讨厌 4,5 因为很难找,也不知道什么时候刷到头
shayuvpn0001
2017-04-06 23:02:45 +08:00
@gdtv
@yejinmo
@Antidictator
@phithon
@Phariel

我很想问候一下整出 3 , 4 , 5 这种必须要一页页翻的脑残设计 or 前端 or 产品,你们的灵感是不是来自于拉不尽的隔夜屎?
him007
2017-04-06 23:25:11 +08:00
不喜欢第 4 、第 5 种
wdlth
2017-04-06 23:26:43 +08:00
只显示首页、前一页、当前页和下一页,点击某个区域后才会查询总数返回末页,因为数据量过大时,查记录总数用于分页耗费太多时间了。
Antidictator
2017-04-06 23:30:00 +08:00
@shayuvpn0001 我怎么有种感觉这句话是你对我们说的。。。
zhudou
2017-04-07 11:21:44 +08:00
恶心微博的信息流。

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

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

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

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

© 2021 V2EX