如何设计好一个分页功能

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

场景

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

存在的问题

  • 数据重复

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

设计

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

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

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

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

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

总结

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

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

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

    91 引用 • 384 回帖 • 2 关注
  • 设计
    115 引用 • 797 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

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

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

    这一点没看明白。


    limit offset 这个方式我觉得没问题,因为服务端的数据变化对于客户端来说在时间这个维度上是不可感知的,
    精确地和所有客户端保持状态同步不是不可能,但实际上是不可行的。

  • 其他回帖
  • kanner
    作者

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

  • 88250

    @mainlove 分页问题邀请 🚁

  • JellyfishMIX

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

  • 查看全部回帖