如何设计好一个分页功能

本贴最后更新于 3214 天前,其中的信息可能已经天翻地覆

场景

在网站开发、移动 APP 开发的时候,遇到数据量多的时候,都会有人性化的分页功能。但是,看似简单的分页功能,其实存在很多的设计技巧以及不少的坑。

存在的问题

  • 数据重复

  • 一次性加载大量信息,加载缓慢

设计

下面以移动 APP 开发为例,谈谈分页功能的设计。

最常见的设计方案是,服务器接收客户端提供的两个参数:页码和每页数据量大小,服务器返回数据和分页栏(包括下一页和上一页)。这里的重点在于服务器是如何根据参数查询到数据的。

  • 服务根据参数到数据库直接查询(limit offset count),这种方式简单明了好理解。但是会存在一定的问题,比如数据重复。因为数据库的数据是会实时改变的,当在查询过程中,表里面增加或者删除了数据后,这时候再使用 limit offset count 进行查询,那么每页返回的数据可能会有重复的情况或者出现数据丢失的情况。

  • 服务器每次进行第一页查询时生成一个数据集快照,以后每次分页查询时直接查询快照即可。这种方式可以避免数据重复、数据丢失的问题。缺点是每次进行第一页查询时会相对比较耗时,这是一个优化的重点。

  • 服务器每次查询时生成下一次查询的游标返回客户端,客户端在下次请求时会把游标原样返回给服务器。

总结

最近开发生成的一些想法,欢迎各位指教,提供更好的设计方案。

打赏 10 积分后可见
10 积分 • 3 打赏
  • 分页
    6 引用 • 51 回帖
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    90 引用 • 383 回帖 • 1 关注
  • 设计
    111 引用 • 796 回帖 • 1 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • JellyfishMIX

    谢谢。今天跟同学讨论分页的时候,也意识到了这个问题,但是想不出可行的解决办法。您的解释的很详细,解答了我的疑惑。

  • 其他回帖
  • kanner
    作者

    @88250 快照就是会把符合条件的数据存储起来(缓存)。limit offset 没问题,是因为查询的时候会带个第一次查询的时间作为条件?sym 的分页不知是如何实现的?

  • kanner
    作者

    @88250 假如我现在浏览到第二页,接着有人发了篇帖子 A 也属于某个标签的,这时候浏览第三页可能就会由于 A 正好位于第二页的位置而导致原先第二页的数据往第三页移动,查询第三页时就会把原先第二页的某条数据带出来。

  • 88250

    @mainlove 分页问题邀请 🚁

  • 查看全部回帖