一种页面显示方法及装置、存储介质、计算机设备制造方法及图纸

本发明专利技术适用于互联网技术领域，提供了一种页面显示方法及装置、存储介质、计算机设备，响应于应用程序的启动指令，显示启动页面并持续预设第一时长；在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；在所述启动页面结束显示后，显示所述主页面。本发明专利技术通过预加载、预渲染主页面的方式，利用启动页面的显示时间完成主页面的生成，从而在启动页面显示结束后，能够快速显示出主页面，不会有短暂白屏或者空数据显示的现象，提升了页面的显示效果和显示效率，减少用户等待时间，提升用户体验。用户体验。用户体验。

【技术实现步骤摘要】
一种页面显示方法及装置、存储介质、计算机设备


[0001]本专利技术属于互联网
，尤其涉及一种页面显示方法及装置、存储介质、计算机设备。

技术介绍

[0002]随着智能电子设备的不断普及以及互联网技术的不断发展，越来越多的人通过智能电子设备进行信息浏览。现有技术中，用户打开应用程序进入应用程序的主页面时，先加载该页面的页面信息，再基于页面信息进行主页面的渲染和显示。由于加载信息、渲染页面的过程通常比较耗费时间，对用户来说从点击进入页面到设备上显示出页面，需要等待较长时间，页面显示速度较慢，用户体验差。

技术实现思路

[0003]本专利技术实施例提供一种页面显示方法，旨在解决应用程序页面显示慢、用户等待页面完全显示的时间较长的问题。
[0004]本专利技术实施例是这样实现的，一种页面显示方法，所述方法包括：
[0005]响应于应用程序的启动指令，显示启动页面并持续预设第一时长；
[0006]在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
[0007]在所述启动页面结束显示后，显示所述主页面。
[0008]更进一步地，所述依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面，具体包括：
[0009]检测第一当前网络信号质量；
[0010]若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
[0011]若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
[0012]更进一步地，所述基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面，具体包括：
[0013]识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；
[0014]基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
[0015]更进一步地，所述从服务器获取主页面网络UI数据，具体包括：
[0016]向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；
[0017]相应地，所述识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据，具体包括：
[0018]将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。
[0019]更进一步地，所述显示主页面之后，所述方法还包括：
[0020]响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长；
[0021]在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面；
[0022]所述当前页面延时显示后，显示所述目标页面。
[0023]更进一步地，所述当前页面延时显示后，显示所述目标页面，具体包括：
[0024]所述当前页面延时显示后，展示从当前页面向目标页面的跳转动画；
[0025]在所述跳转动画展示结束后，显示所述目标页面。
[0026]更进一步地，所述依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面，具体包括：
[0027]检测第二当前网络信号质量；
[0028]若第二当前网络信号质量大于预设质量阈值，则从服务器获取目标页面网络UI数据，并基于所述目标页面网络UI数据，对所述目标页面UI布局进行UI渲染，生成所述目标页面；
[0029]若第二当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取目标页面本地UI数据并从服务器获取目标页面网络UI数据，基于所述目标页面本地UI数据，对所述目标页面UI布局进行UI渲染，生成初始目标页面；基于所述目标页面网络UI数据对所述初始目标页面进行填充，得到所述目标页面。
[0030]本专利技术实施例还提供一种页面显示装置，其特征在于，所述装置包括：
[0031]页面显示模块，用于响应于应用程序的启动指令，显示启动页面并持续预设第一时长；
[0032]页面生成模块，用于在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
[0033]所述页面显示模块，还用于在所述启动页面结束显示后，显示所述主页面。
[0034]更进一步地，所述页面生成模块，具体用于：
[0035]检测第一当前网络信号质量；
[0036]若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
[0037]若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面
本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
[0038]更进一步地，所述页面生成模块，还用于：
[0039]识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；
[0040]基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
[0041]更进一步地，所述页面生成模块，还用于：
[0042]向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；
[0043]将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。
[0044]更进一步地，所述显示模块，还用于：所述显示主页面之后，响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长；
[0045]所述页面生成模块，还用于：在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面显示方法，其特征在于，所述方法包括：响应于应用程序的启动指令，显示启动页面并持续预设第一时长；在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；在所述启动页面结束显示后，显示所述主页面。2.根据权利要求1所述的方法，其特征在于，所述依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面，具体包括：检测第一当前网络信号质量；若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。3.根据权利要求2所述的方法，其特征在于，所述基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面，具体包括：识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。4.根据权利要求3所述的方法，其特征在于，所述从服务器获取主页面网络UI数据，具体包括：向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；相应地，所述识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据，具体包括：将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。5.根据权利要求1所...

【专利技术属性】
技术研发人员：张星亮，吴剑文，
申请(专利权)人：深圳市六度人和科技有限公司，
类型：发明
国别省市：