一种页面刷新方法及装置制造方法及图纸

本申请涉及互联网技术领域，尤其涉及一种页面刷新方法及装置，用以解决目前在进行页面刷新时，存在页面上显示白屏的时间较长的问题。本申请实施例提供的一种页面刷新方法包括：客户端提供第一显示页面，所述第一显示页面包括有多个第一模块；接收第一显示页面的页面刷新指令；保留所述第一显示页面；基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，并根据获取的所述页面内容新建第二显示页面，所述第二显示页面包括多个第二模块；将显示的第一显示页面的所述多个第一模块替换为第二显示页面的所述多个第二模块。

【技术实现步骤摘要】
一种页面刷新方法及装置
本申请涉及互联网
，尤其涉及一种页面刷新方法及装置。
技术介绍
原生页面的制作方式一般有两种，一种是通过硬编码实现，另一种是通过流式布局的方式实现。这里的原生页面又称Native页面，不管是硬编码，还是流式布局，都是使用移动设备系统本身提供的方法进行页面制作，例如Android手机设备基于Java制作原生页面，苹果手机设备基于ObjectiveC、Swift等制作原生页面。通过硬编码实现原生页面制作不可以进行页面刷新，因此制作出的页面不具备动态可变功能，这里的页面刷新也即对当前显示页面的页面内容进行更新的过程。通过流式布局实现原生页面制作，能够实现页面刷新，但进行页面绘制需要一定的时间；由于在原有页面内容被销毁后，新页面内容没有布局完成，因此会导致在新老页面内容交替之际出现白屏，页面越复杂，绘制时间也就越长，出现白屏的时间也就越长，从而导致用户体验较差。可见，目前在进行页面刷新时，存在页面上显示白屏的时间较长的问题。
技术实现思路
本申请实施例提供一种页面刷新方法及装置，用以解决目前在进行页面刷新时，存在页面上显示白屏的时间较长的问题。本申请实施例提供的一种页面刷新方法，包括：提供第一显示页面，所述第一显示页面包括有多个第一模块；客户端接收第一显示页面的页面刷新指令；保留所述第一显示页面；基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，并根据获取的所述页面内容新建第二显示页面，所述第二显示页面包括多个第二模块；将显示的所述第一显示页面的多个第一模块替换为所述第二显示页面的多个第二模块。可选地，根据获取的所述页面内容新建第二显示页面，包括：将所述多个第二模块按照流式布局的布局顺序部署在新建的所述第二显示页面中。可选地，基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，包括：基于所述页面刷新指令获取所述多个第二模块中每个第二模块的页面内容和显示逻辑；将所述多个第二模块按照流式布局的布局顺序部署在新建的所述第二显示页面中，包括：针对所述多个第二模块中的每个第二模块，根据该第二模块的显示逻辑，判断是否需要在所述第二显示页面中显示该第二模块；若是，则将该第二模块部署在所述第二显示页面中。可选地，若存在至少一个第二模块包含多个子模块，则根据该第二模块的显示逻辑，判断是否需要在所述第二显示页面中显示该第二模块，包括：根据该第二模块中每个子模块的显示逻辑，判断该第二模块中是否存在需要在所述第二显示页面中显示的子模块；若是，则将该第二模块部署在所述第二显示页面中，包括：若该第二模块中存在一个需要在所述第二显示页面中显示的子模块，则将该子模块按照流式布局的布局顺序部署在所述第二显示页面中；若该第二模块中存在多个需要在所述第二显示页面中显示的子模块，则按照流式布局的布局顺序确定该第二模块中需要显示的多个子模块的相对位置，并将该需要显示的多个子模块按照确定的相对位置合成为一个新的第二模块；将该新的第二模块按照流式布局的布局顺序部署在所述第二显示页面中。可选地，客户端基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，包括：客户端根据所述页面刷新指令，向服务端发送页面请求消息；接收所述服务端反馈的所述第一显示页面刷新的页面内容。本申请实施例提供一种页面刷新装置，包括：显示模块，提供第一显示页面，所述第一显示页面包括有多个第一模块；接收模块，用于接收第一显示页面的页面刷新指令；页面创建模块，用于基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，并保留所述第一显示页面，根据获取的所述页面内容新建第二显示页面，所述第二显示页面包括多个第二模块；替换模块，用于将显示的所述第一显示页面的多个第一模块替换为所述第二显示页面的多个第二模块。可选地，所述页面创建模块具体用于：将所述多个第二模块按照流式布局的布局顺序部署在新建的所述第二显示页面中。可选地，所述页面创建模块具体用于：基于所述页面刷新指令获取所述多个第二模块中每个第二模块的页面内容和显示逻辑；所述页面创建模块具体用于：针对所述多个第二模块中的每个第二模块，根据该第二模块的显示逻辑，判断是否需要在所述第二显示页面中显示该第二模块；若是，则将该第二模块部署在所述第二显示页面中。可选地，若存在至少一个第二模块包含多个子模块，则所述页面创建模块具体用于：根据该第二模块中每个子模块的显示逻辑，判断该第二模块中是否存在需要在所述第二显示页面中显示的子模块；若是，则若该第二模块中存在一个需要在所述第二显示页面中显示的子模块，则将该子模块按照流式布局的布局顺序部署在所述第二显示页面中；若该第二模块中存在多个需要在所述第二显示页面中显示的子模块，则按照流式布局的布局顺序确定该第二模块中需要显示的多个子模块的相对位置，并将该需要显示的多个子模块按照确定的相对位置合成为一个新的第二模块；将该新的第二模块按照流式布局的布局顺序部署在所述第二显示页面中。本申请方案在得到刷新后的页面内容后，在保留原页面内容的条件下，创建一个新页面，在该新页面上进行流式布局，待将新页面布局完善之后，将其显示到移动设备屏幕中，替换原页面。这种方式不需要呈现较长的白屏时间，可以给用户带来一种平滑过度的体验，从而提升了用户体验。附图说明图1为本申请实施例一提供的页面刷新方法流程图；图2为本申请实施例二提供的页面刷新方法流程图；图3为对各模块进行流式布局的流程图；图4为页面刷新示意图；图5为本申请实施例提供的页面刷新装置结构示意图。具体实施方式本申请实施例应用于页面刷新中，页面刷新是对当前显示页面的页面内容进行更新的过程。页面刷新一般需要在获取到刷新后的页面内容后，删除原页面内容，并基于获取到的刷新后的页面内容对当前页面重新进行流式布局。在完成页面布局前，当前页面呈现白屏，尤其在页面复杂度较高的情况下，白屏时间就更长。基于此，本申请提出了一种可以减少白屏呈现时间的方案。下面结合说明书附图对本申请实施例作进一步详细描述。实施例一如图1所示，为本申请实施例一提供的页面刷新方法流程图，包括以下步骤：S101：客户端提供第一显示页面，该第一显示页面中包括有多个第一模块。这里，客户端根据用户指令打开第一显示页面，比如可以是火车票查询页面，在该页面中有多个第一模块，这里的多个第一模块是按照内容属性、显示位置等划分的。比如，页面中的新闻栏目、广告栏目、游戏栏目分别为一个模块。S102：接收第一显示页面的页面刷新指令。这里，用户在需要刷新页面时，在当前的第一显示页面触发页面刷新指令。比如，用户在火车票查询页面查询火车票时，可以通过刷新页面来得到最新的火车票剩余票数。S103：保留第一显示页面。S104：基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，并根据获取的页面内容新建第二显示页面，该第二显示页面包括多个第二模块。在具体实施中，客户端可以根据页面刷新指令，向服务端发送页面请求消息，并接收服务端反馈的刷新的页面内容。这里，客户端在得到刷新的页面内容后，并没有删除第一显示页面的页面内容并在第一显示页面中重新进行页面布局，而是保留第一显示页面，在后台新建包括多个第二模块的第二显示页面。同第一模块，这里的多个第二模块同样是按照内容属性、显示位置等划分的。在具体实施中，客户端可以根据获本文档来自技高网...

【技术保护点】
一种页面刷新方法，其特征在于，该方法包括：客户端提供第一显示页面，所述第一显示页面包括有多个第一模块；接收第一显示页面的页面刷新指令；保留所述第一显示页面；基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，并根据获取的所述页面内容新建第二显示页面，所述第二显示页面包括多个第二模块；将显示的第一显示页面的所述多个第一模块替换为第二显示页面的所述多个第二模块。

【技术特征摘要】
1.一种页面刷新方法，其特征在于，该方法包括：客户端提供第一显示页面，所述第一显示页面包括有多个第一模块；接收第一显示页面的页面刷新指令；保留所述第一显示页面；基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，并根据获取的所述页面内容新建第二显示页面，所述第二显示页面包括多个第二模块；将显示的第一显示页面的所述多个第一模块替换为第二显示页面的所述多个第二模块。2.如权利要求1所述的方法，其特征在于，根据获取的所述页面内容新建第二显示页面，包括：将所述多个第二模块按照流式布局的布局顺序部署在新建的所述第二显示页面中。3.如权利要求2所述的方法，其特征在于，基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，包括：基于所述页面刷新指令获取所述多个第二模块中每个第二模块的页面内容和显示逻辑；将所述多个第二模块按照流式布局的布局顺序部署在新建的所述第二显示页面中，包括：针对所述多个第二模块中的每个第二模块，根据该第二模块的显示逻辑，判断是否需要在所述第二显示页面中显示该第二模块；若是，则将该第二模块部署在所述第二显示页面中。4.如权利要求3所述的方法，其特征在于，若存在至少一个第二模块包含多个子模块，则根据该第二模块的显示逻辑，判断是否需要在所述第二显示页面中显示该第二模块，包括：根据该第二模块中每个子模块的显示逻辑，判断该第二模块中是否存在需要在所述第二显示页面中显示的子模块；若是，则将该第二模块部署在所述第二显示页面中，包括：若该第二模块中存在一个需要在所述第二显示页面中显示的子模块，则将该子模块按照流式布局的布局顺序部署在所述第二显示页面中；若该第二模块中存在多个需要在所述第二显示页面中显示的子模块，则按照流式布局的布局顺序确定该第二模块中需要显示的多个子模块的相对位置，并将该需要显示的多个子模块按照确定的相对位置合成为一个新的第二模块；将该新的第二模块按照流式布局的布局顺序部署在所述第二显示页面中。5.如权利要求1所述的方法，其特征在于，所述基于所述页面刷新指令获取所述第一显示页面刷新的页面内容，包括：根...

【专利技术属性】
技术研发人员：刘力，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY