美文网首页
APP分页服务端设计

APP分页服务端设计

作者: 互联网职场进阶 | 来源:发表于2018-04-19 17:29 被阅读0次

1、传统Web式分页

web开发中常用的分页方式,根据页码进行分页。暂且称为Web式分页


传统Web式分页

根据页码pageIndex和分页大小pageSize进行分页。

-- offset = (pageIndex-1)*pageSize
select * from table limit offset,pageSize;

这种分页方式,在web中使用没有什么太大问题,但是在App分页中能否套用这种分页方式呢?

2、App上拉加载的流式分页

App流式分页

App上的分页方式从表现上看,基本都是上拉加载更多形式的流式分页。如果后台接口仍然按照Web式分页方式进行设计,会有如下问题:
a、数据重复

数据重复

b、数据缺失

数据缺失

c、offset过大时查询效率低
MySQL的limit给分页带来了极大的方便,但数据量一大的时候,limit的性能就急剧下降。
由此可见,传统Web式分页接口并不适合App分页。
3、App流式分页服务端设计

a、cursor游标式分页

select * from table where id >cursor limit pageSize

优点:
1)、能够避免数据重复/遗漏
2)、limit性能不会cursor数值大小影响,性能稳定
缺点:
1)、适用于只是按照时间追加的方式的简单排序

b、按照时间分片缓存
非全量数据,只是部分热门数据,因为数据变化太快,可以基于时间段生成多个缓存。对于数据可以按时间段(5分钟)生成一个缓存分片。
具体流程如下:


按时间分片式缓存流程

此处的timestamp值,请求第1页数据时,timestamp传0,服务端检查timestamp<=0,就将当前系统时间赋值给timestamp返回,请求第2,3,...n页数据时,将系统返回的timestamp传入。
缓存的key是根据timestamp进行计算的,比如5分钟一个分片,key=list_201605231700。

if(timestamp>0){
  // 返回timestamp原值
}else{
  // timestamp=系统时间
}
分片缓存请求处理过程

应用场景

比如简书首页热门,只是一些热门文章,排序有一定的复杂性,且相对容易变动。


简书首页热门

目前简书专题中列表排序是按照点赞数排序的,分页请求

http://www.jianshu.com/collections/47/notes?order_by=likes_count&page=48
简书专题页列表分页传参

出现了重复的数据,是因为该排序是实时数据,且没有游标,无法感知前面加载的数据。

c、id列表一次性下发给App
1、请求第一页数据之前先缓存所有id列表
2、请求每页数据时,只需带入相关的id列表参数

这种方式适用于id列表不会很大(数百条数据)的业务场景,例如腾讯新闻。

转发作者:江湖一键飘
链接:https://www.jianshu.com/p/13941129c826
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章

  • APP分页服务端设计

    1、传统Web式分页 web开发中常用的分页方式,根据页码进行分页。暂且称为Web式分页 根据页码pageInde...

  • 浅谈APP流式分页服务端设计

    1、传统Web式分页 web开发中常用的分页方式,根据页码进行分页。暂且称为Web式分页 根据页码pageInde...

  • iView的表格Table(1)

    服务端分页及自定义序号 应用场景,数据量十分庞大,不适合一次性返回给前端 示例代码 服务端分页并排序、过滤 这里的...

  • Spring Boot简明教程--Jpa分页

    分页参数 现在的分页形式有两种: PC端分页,参数为:页码 page和每页的条数 size 小程序、app端分页,...

  • 分页的封装

    分页的封装设计

  • 【Victorian】Android APP UI 设计

    【Victorian】一款提供西餐美食、线上订餐、线下送餐服务的APP。 设计用时15天,上传部分页面,希望大家喜...

  • Axure RP原型0027

    作者l李鹏星 编号:0027 医生类APP产品Axure RP原型(有部分页面是设计图) -作者- 李鹏星,一只爱...

  • 开发一个社交APP要多少钱?

    一般APP开发的流程 1)用户需求分析2)产品原型设计3)UI视觉设计4)数据库搭建5)服务端开发6)iOS客户端...

  • iOS程序员利用分页和模糊查询技术实现一个App接口

    摘要: 模糊查询技术、分页技术、App接口 1、分页问题 可以对limit函数进行封装:select from u...

  • Mybatis 分页查询

    该篇博客记录采用pagehelper分页插件实现Mybatis分页功能 一、依赖 pom.xml 二、配置 app...

网友评论

      本文标题:APP分页服务端设计

      本文链接:https://www.haomeiwen.com/subject/wtawkftx.html