如何设计好一个分页功能

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

场景

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

存在的问题

  • 数据重复

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

设计

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

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

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

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

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

总结

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

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

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

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

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • zk123 1 赞同

    另外想补充的,如果整体数据很大,将整体数据快照不易,可以采用定时快照的方式进行。所有查询维护一份快照,快照由定时任务控制,定时更新。

    这样牺牲了一部分的实时性,但是内存空间节约了下来。可能在缓存交替时,仍会出现重复现象,但是出现的几率更小了;假如不能忍受的话,可以考虑对整个快照加标识,如果发现客户端请求的是过期的快照时,应让它重新刷新列表。

    1 回复
  • 其他回帖
  • 88250

    @kanner 论坛发帖这个场景很正常,比如有人顶贴了、被投反对了,这些都会影响到数据最终的展现。
    我觉得这个过程对于用户来说不重要,不会出现困扰。

  • 88250

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

    这一点没看明白。


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

  • 88250

    @mainlove 分页问题邀请 🚁

  • 查看全部回帖