CN115292642A - 一种页面显示方法及装置、存储介质、计算机设备 - Google Patents
一种页面显示方法及装置、存储介质、计算机设备 Download PDFInfo
- Publication number
- CN115292642A CN115292642A CN202210912265.3A CN202210912265A CN115292642A CN 115292642 A CN115292642 A CN 115292642A CN 202210912265 A CN202210912265 A CN 202210912265A CN 115292642 A CN115292642 A CN 115292642A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- main
- main page
- network
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明适用于互联网技术领域，提供了一种页面显示方法及装置、存储介质、计算机设备，响应于应用程序的启动指令，显示启动页面并持续预设第一时长；在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；在所述启动页面结束显示后，显示所述主页面。本发明通过预加载、预渲染主页面的方式，利用启动页面的显示时间完成主页面的生成，从而在启动页面显示结束后，能够快速显示出主页面，不会有短暂白屏或者空数据显示的现象，提升了页面的显示效果和显示效率，减少用户等待时间，提升用户体验。
Description
技术领域
本发明属于互联网技术领域，尤其涉及一种页面显示方法及装置、存储介质、计算机设备。
背景技术
随着智能电子设备的不断普及以及互联网技术的不断发展，越来越多的人通过智能电子设备进行信息浏览。现有技术中，用户打开应用程序进入应用程序的主页面时，先加载该页面的页面信息，再基于页面信息进行主页面的渲染和显示。由于加载信息、渲染页面的过程通常比较耗费时间，对用户来说从点击进入页面到设备上显示出页面，需要等待较长时间，页面显示速度较慢，用户体验差。
发明内容
本发明实施例提供一种页面显示方法，旨在解决应用程序页面显示慢、用户等待页面完全显示的时间较长的问题。
本发明实施例是这样实现的，一种页面显示方法，所述方法包括：
响应于应用程序的启动指令，显示启动页面并持续预设第一时长；
在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
在所述启动页面结束显示后，显示所述主页面。
更进一步地，所述依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面，具体包括：
检测第一当前网络信号质量；
若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
更进一步地，所述基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面，具体包括：
识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；
基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
更进一步地，所述从服务器获取主页面网络UI数据，具体包括：
向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；
相应地，所述识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据，具体包括：
将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。
更进一步地，所述显示主页面之后，所述方法还包括：
响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长；
在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面；
所述当前页面延时显示后，显示所述目标页面。
更进一步地，所述当前页面延时显示后，显示所述目标页面，具体包括：
所述当前页面延时显示后，展示从当前页面向目标页面的跳转动画；
在所述跳转动画展示结束后，显示所述目标页面。
更进一步地，所述依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面，具体包括：
检测第二当前网络信号质量；
若第二当前网络信号质量大于预设质量阈值，则从服务器获取目标页面网络UI数据，并基于所述目标页面网络UI数据，对所述目标页面UI布局进行UI渲染，生成所述目标页面；
若第二当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取目标页面本地UI数据并从服务器获取目标页面网络UI数据，基于所述目标页面本地UI数据，对所述目标页面UI布局进行UI渲染，生成初始目标页面；基于所述目标页面网络UI数据对所述初始目标页面进行填充，得到所述目标页面。
本发明实施例还提供一种页面显示装置，其特征在于，所述装置包括：
页面显示模块，用于响应于应用程序的启动指令，显示启动页面并持续预设第一时长；
页面生成模块，用于在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
所述页面显示模块，还用于在所述启动页面结束显示后，显示所述主页面。
更进一步地，所述页面生成模块，具体用于：
检测第一当前网络信号质量；
若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
更进一步地，所述页面生成模块，还用于：
识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；
基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
更进一步地，所述页面生成模块，还用于：
向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；
将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。
更进一步地，所述显示模块，还用于：所述显示主页面之后，响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长；
所述页面生成模块，还用于：在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面；
所述显示模块，还用于：所述当前页面延时显示后，显示所述目标页面。
更进一步地，所述显示模块，还用于：
所述当前页面延时显示后，展示从当前页面向目标页面的跳转动画；
在所述跳转动画展示结束后，显示所述目标页面。
更进一步地，所述页面生成模块，还用于：
检测第二当前网络信号质量；
若第二当前网络信号质量大于预设质量阈值，则从服务器获取目标页面网络UI数据，并基于所述目标页面网络UI数据，对所述目标页面UI布局进行UI渲染，生成所述目标页面；
若第二当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取目标页面本地UI数据并从服务器获取目标页面网络UI数据，基于所述目标页面本地UI数据，对所述目标页面UI布局进行UI渲染，生成初始目标页面；基于所述目标页面网络UI数据对所述初始目标页面进行填充，得到所述目标页面。
本发明实施例还提供一种存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述页面显示方法。
本发明实施例还提供了一种计算机设备，包括存储介质.处理器及存储在存储介质上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面显示方法。
通过应用本发明实施例的技术方案，在请求启动应用程序时，先显示应用程序的启动页面，并保持该启动页面显示预设第一时长，在启动页面的显示过程中，加载应用程序的主页面UI布局，并完成主页面UI渲染，从而在启动页面显示结束后，可以直接显示出预渲染的主页面。本发明实施例在显示启动页面的过程中，通过预加载、预渲染主页面的方式，利用启动页面的显示时间完成主页面的生成，从而在启动页面显示结束后，能够快速显示出主页面，不会有短暂白屏或者空数据显示的现象，提升了页面的显示效果和显示效率，减少用户等待时间，提升用户体验。
附图说明
图1示出了本发明实施例提供的一种页面显示方法的流程示意图；
图2示出了本发明实施例提供的另一种页面显示方法方法的流程示意图；
图3示出了本发明实施例提供的另一种页面显示方法方法的流程示意图；
图4示出了本发明实施例提供的另一种页面显示方法方法的流程示意图；
图5示出了本发明实施例提供的一种页面显示方法装置的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明加载加速的使用场景主要两大部分：一个是App进程被杀重新启动时，当App已经登录过，杀掉进程重新进入会由启动页面(通常为广告页或背景页)自动进入主页面时；二是当用户点击触发进入新的页面时。主页面和新的页面可能需要渲染复杂的用户界面(User Interface，UI)和本地数据/网络数据。本发明对复杂的UI或者依赖较重的本地数据/网络数据，这时采用的是预加载、预渲染方案，利用用户的动作行为异步去处理。本发明在用户请求进入页面时，合理设计和利用页面显示之前的时间，通过预加载页面的方式，减少页面显示卡顿、提升页面显示效果。
实施例一
在本实施例中提供了一种页面显示方法，如图1所示，该方法包括：
步骤101，响应于应用程序的启动指令，显示启动页面并持续预设第一时长。
在本发明实施例中，当用户启动应用程序时，应用程序会先展示一个启动页面，例如广告页或启动背景页，启动页面一般会停留一段时间，本实施例中应用程序启动后，生成应用程序的启动页面，并控制启动页面持续显示预设第一时长，例如停留2.5秒。
步骤102，在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面。
另外，如图2所示，在显示启动页面的同时，即显示启动页面的预设第一时长内，利用显示启动页面的这段时间，例如2.5秒，加载应用程序的主页面UI布局，并获取应用程序的主页面UI数据，对主页面UI布局进行UI渲染，得到应用程序的主页面。其中，数据加载可以分为本地数据和网络数据，具体可以根据应用程序的实际需求来定。
在一种可选实施例中，步骤102中“依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面”具体可以包括：
步骤102-1，检测第一当前网络信号质量；
步骤102-2，若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
步骤102-3，若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
在该实施例中，可以根据当前的网络情况确定对主页面的渲染方式，如果当前网络信号较强，那么可以直接从服务器获取主页面的渲染数据，即主页面网络UI数据，从而基于从服务器获取的主页面网络UI数据进行UI渲染，生成主页面。而如果当前网络信号较弱，那么可以先从客户端本地获取本地存储的主页面本地UI数据，先利用主页面本地UI数据进行主页面UI渲染，得到初始主页面，另外由于本地数据可能存在未及时更新的问题，在利用主页面本地UI数据渲染的过程中，从服务器获取主页面网络UI数据，并在得到主页面网络UI数据后，再利用主页面网络UI数据对初始主页面进行二次填充，得到最终的主页面，保证页面显示元素的准确性的同时提升渲染速度。
可以理解的是，可以选择信号强度、信号速率和信号延时等用于评价信号优劣的指标至少之一来评价信号质量，可以预先设置信号质量阈值来评价信号质量的优劣。
具体地，步骤102-3中“基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面”，具体包括：识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
在上述实施例中，得到主页面网络UI数据后，将主页面网络UI数据与主页面本地UI数据进行比对，识别出主页面网络UI数据中与主页面本地UI数据不同的部分，作为主页面填充UI数据，即本地未及时更新的部分，将主页面填充UI数据填充到初始主页面中，即可得到最终的主页面。
在本发明的一种可选实施方式中，步骤102-3中“从服务器获取主页面网络UI数据”，具体包括：向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；
相应地，所述识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据，具体包括：将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。
在上述实施例中，为提升网络数据获取效率，服务器可以将主页面网络UI数据分为多个较小的数据包分次发送给客户端，例如一个数据包包含20条数据。网络数据格式可以是JSON或protobuffer，数据尽可能不全部拉取，通过20条一页分页拉取；如果是JSON格式，层级尽量不要太深，尽可能以单层级为主；可以用常规的压缩方式对数据进行压缩，保证数据包体积小，获取速度快。客户端每接收到一个数据包后，就对接收到的数据包进行解析，并识别出与主页面本地UI数据中不同的部分进行填充。从而有助于提升渲染速度。
步骤103，在所述启动页面结束显示后，显示所述主页面。
最后，通过预加载、预渲染的方式，可以在启动页面的显示过程中即可生成主页面的，从而在启动页面显示的持续时间结束后，就能够快速、平滑、无卡顿的显示应用程序的主页面，提升主页面的显示效果和显示效率，减少用户等待时间，提升用户体验。
通过应用本发明实施例的技术方案在请求启动应用程序时，先显示应用程序的启动页面，并保持该启动页面显示预设第一时长，在启动页面的显示过程中，加载应用程序的主页面UI布局，并完成主页面UI渲染，从而在启动页面显示结束后，可以直接显示出预渲染的主页面。本发明实施例在显示启动页面的过程中，通过预加载、预渲染主页面的方式，利用启动页面的显示时间完成主页面的生成，从而在启动页面显示结束后，能够快速显示出主页面，不会有短暂白屏或者空数据显示的现象，提升了页面的显示效果和显示效率，减少用户等待时间，提升用户体验。
实施例二
在本实施例中提供了一种页面显示方法，如图3所示，该方法包括：
步骤201，响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长。
步骤202，在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面。
步骤203，所述当前页面延时显示后，展示从当前页面向目标页面的跳转动画。
步骤204，在所述跳转动画展示结束后，显示所述目标页面。
在该实施例中，进入应用程序之后，当用户在当前页面(可以为应用程序中任意的人机交互页面)触发按钮点击时，如果该响应事件是跳转到新的目标页面时，这时在跳转页面之前去异步生成目标页面，同时延时预设第二时长进入下一级页面，即目标页面，例如延时150毫秒，在延时显示的过程中，加载目标页面UI布局，并利用本地数据和网络数据进行目标页面渲染，生成目标页面。如图4所示，当延时完成之后，显示目标页面，另外，还在延时完成后还可以先展示从当前页面向目标页面的跳转动画，再显示目标页面，充分利用延时时长和跳转动画的播放时长(例如20毫秒)完成目标页面的生成。在实际应用场景中，150毫秒在4GB内存双核CPU的情况下足以渲染好UI层和本地数据；这时进入新页面可以很顺滑的显示UI层和本地数据。在150毫秒之内可以开多线程去获取网络数据，利用150毫秒减少新页面网络数据的获取时间，一定程度上加快网络数据显示，提升用户体验。
在一种可选实施方式中，步骤202中“依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面”具体包括：
步骤202-1，检测第二当前网络信号质量；
步骤202-2，若第二当前网络信号质量大于预设质量阈值，则从服务器获取目标页面网络UI数据，并基于所述目标页面网络UI数据，对所述目标页面UI布局进行UI渲染，生成所述目标页面；
步骤202-3，若第二当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取目标页面本地UI数据并从服务器获取目标页面网络UI数据，基于所述目标页面本地UI数据，对所述目标页面UI布局进行UI渲染，生成初始目标页面；基于所述目标页面网络UI数据对所述初始目标页面进行填充，得到所述目标页面。
在该实施例中，与步骤102-1至步骤102-3相应地，可以根据当前的网络情况确定对目标页面的渲染方式，如果当前网络信号较强，那么可以直接从服务器获取目标页面的渲染数据，即目标页面网络UI数据，从而基于从服务器获取的目标页面网络UI数据进行UI渲染，生成目标页面。而如果当前网络信号较弱，那么可以先从客户端本地获取本地存储的目标页面本地UI数据，先利用目标页面本地UI数据进行目标页面UI渲染，得到初始目标页面，另外由于本地数据可能存在未及时更新的问题，在利用目标页面本地UI数据渲染的过程中，从服务器获取目标页面网络UI数据，并在得到目标页面网络UI数据后，再利用目标页面网络UI数据对初始主页面进行二次填充，得到最终的目标页面。
另外，同样的，服务器可以将目标页面网络UI数据打包成多个较小的数据包分次发送给客户端，客户端每接收到一个数据包后，就对接收到的数据包进行解析，并识别出与目标页面本地UI数据中不同的部分进行填充。
实施例三
进一步的，作为图1方法的具体实现，本发明实施例提供了一种页面显示装置，如图5所示，该装置包括：
页面显示模块，用于响应于应用程序的启动指令，显示启动页面并持续预设第一时长；
页面生成模块，用于在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
所述页面显示模块，还用于在所述启动页面结束显示后，显示所述主页面。
更进一步地，所述页面生成模块，具体用于：
检测第一当前网络信号质量；
若第一当前网络信号质量大于预设质量阈值，则从服务器获取主页面网络UI数据，并基于所述主页面网络UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
若第一当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取主页面本地UI数据并从服务器获取主页面网络UI数据，基于所述主页面本地UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的初始主页面；基于所述主页面网络UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
更进一步地，所述页面生成模块，还用于：
识别所述主页面网络UI数据中与所述主页面本地UI数据不同的部分作为主页面填充UI数据；
基于所述主页面填充UI数据对所述初始主页面进行填充，得到所述应用程序的主页面。
更进一步地，所述页面生成模块，还用于：
向所述服务器发送主页面数据获取请求，以使所述服务器将主页面网络数据打包为多个数据包并将所述数据包逐个发送至客户端，其中，每个所述数据包的数据量小于或等于预设数据量；
将接收到的所述数据包逐个解析得到对应的主页面网络UI数据，并将解析出的每个数据包对应的主页面网络UI数据与所述主页面本地UI数据不同的部分作为主页面填充UI数据。
更进一步地，所述显示模块，还用于：所述显示主页面之后，响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长；
所述页面生成模块，还用于：在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面；
所述显示模块，还用于：所述当前页面延时显示后，显示所述目标页面。
更进一步地，所述显示模块，还用于：
所述当前页面延时显示后，展示从当前页面向目标页面的跳转动画；
在所述跳转动画展示结束后，显示所述目标页面。
更进一步地，所述页面生成模块，还用于：
检测第二当前网络信号质量；
若第二当前网络信号质量大于预设质量阈值，则从服务器获取目标页面网络UI数据，并基于所述目标页面网络UI数据，对所述目标页面UI布局进行UI渲染，生成所述目标页面；
若第二当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取目标页面本地UI数据并从服务器获取目标页面网络UI数据，基于所述目标页面本地UI数据，对所述目标页面UI布局进行UI渲染，生成初始目标页面；基于所述目标页面网络UI数据对所述初始目标页面进行填充，得到所述目标页面。
需要说明的是，本发明实施例提供的一种页面显示装置所涉及各功能单元的其他相应描述，可以参考图1至图4方法中的对应描述，在此不再赘述。
基于上述如图1至图4所示方法，相应的，本发明实施例还提供了一种存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述如图1至图4所示的页面显示方法。
基于这样的理解，本发明的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施场景所述的方法。
基于上述如图1至图4所示的方法，以及图5所示的虚拟装置实施例，为了实现上述目的，本发明实施例还提供了一种计算机设备，具体可以为个人计算机、服务器、网络设备等，该计算机设备包括存储介质和处理器；存储介质，用于存储计算机程序；处理器，用于执行计算机程序以实现上述如图1至图4所示的页面显示方法。
可选地，该计算机设备还可以包括用户接口、网络接口、摄像头、射频(RadioFrequency，RF)电路，传感器、音频电路、WI-FI模块等等。用户接口可以包括显示屏(Display)、输入单元比如键盘(Keyboard)等，可选用户接口还可以包括USB接口、读卡器接口等。网络接口可选的可以包括标准的有线接口、无线接口(如蓝牙接口、WI-FI接口)等。
本领域技术人员可以理解，本实施例提供的一种计算机设备结构并不构成对该计算机设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件布置。
存储介质中还可以包括操作系统、网络通信模块。操作系统是管理和保存计算机设备硬件和软件资源的程序，支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现存储介质内部各组件之间的通信，以及与该实体设备中其它硬件和软件之间通信。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可以借助软件加必要的通用硬件平台的方式来实现，也可以通过硬件实现在请求启动应用程序时，先显示应用程序的启动页面，并保持该启动页面显示预设第一时长，在启动页面的显示过程中，加载应用程序的主页面UI布局，并完成主页面UI渲染，从而在启动页面显示结束后，可以直接显示出预渲染的主页面。本发明实施例通过预加载、预渲染主页面的方式，利用启动页面的显示时间完成主页面的生成，从而在启动页面显示结束后，能够快速显示出主页面，不会有短暂白屏或者空数据显示的现象，提升了页面的显示效果和显示效率，减少用户等待时间，提升用户体验。
本领域技术人员可以理解附图只是一个优选实施场景的示意图，附图中的模块或流程并不一定是实施本发明所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中，也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块，也可以进一步拆分成多个子模块。
上述本发明序号仅仅为了描述，不代表实施场景的优劣。以上公开的仅为本发明的几个具体实施场景，但是，本发明并非局限于此，任何本领域的技术人员能思之的变化都应落入本发明的保护范围。
Claims (10)
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所述的方法，其特征在于，所述显示主页面之后，所述方法还包括：
响应于对目标页面的请求指令，控制当前页面延时显示预设第二时长；
在所述当前页面延时显示的同时，加载目标页面UI布局，并依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面；
所述当前页面延时显示后，显示所述目标页面。
6.根据权利要求5所述的方法，其特征在于，所述当前页面延时显示后，显示所述目标页面，具体包括：
所述当前页面延时显示后，展示从当前页面向目标页面的跳转动画；
在所述跳转动画展示结束后，显示所述目标页面。
7.根据权利要求5所述的方法，其特征在于，所述依据目标页面UI数据，对所述目标页面UI布局进行渲染，生成目标页面，具体包括：
检测第二当前网络信号质量；
若第二当前网络信号质量大于预设质量阈值，则从服务器获取目标页面网络UI数据，并基于所述目标页面网络UI数据，对所述目标页面UI布局进行UI渲染，生成所述目标页面；
若第二当前网络信号质量小于或等于预设质量阈值，则在客户端本地读取目标页面本地UI数据并从服务器获取目标页面网络UI数据，基于所述目标页面本地UI数据，对所述目标页面UI布局进行UI渲染，生成初始目标页面；基于所述目标页面网络UI数据对所述初始目标页面进行填充，得到所述目标页面。
8.一种页面显示装置，其特征在于，所述装置包括：
页面显示模块，用于响应于应用程序的启动指令，显示启动页面并持续预设第一时长；
页面生成模块，用于在显示所述启动页面的同时，加载所述应用程序的主页面UI布局，并依据所述应用程序的主页面UI数据，对所述主页面UI布局进行UI渲染，生成所述应用程序的主页面；
所述页面显示模块，还用于在所述启动页面结束显示后，显示所述主页面。
9.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的页面显示方法。
10.一种计算机设备，包括存储介质.处理器及存储在存储介质上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的页面显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210912265.3A CN115292642B (zh) | 2022-07-29 | 2022-07-29 | 一种页面显示方法及装置、存储介质、计算机设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210912265.3A CN115292642B (zh) | 2022-07-29 | 2022-07-29 | 一种页面显示方法及装置、存储介质、计算机设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115292642A true CN115292642A (zh) | 2022-11-04 |
| CN115292642B CN115292642B (zh) | 2023-10-13 |
Family
ID=83826235
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210912265.3A Active CN115292642B (zh) | 2022-07-29 | 2022-07-29 | 一种页面显示方法及装置、存储介质、计算机设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115292642B (zh) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110569463A (zh) * | 2019-08-02 | 2019-12-13 | 视联动力信息技术股份有限公司 | 页面刷新方法、装置及存储介质 |
| CN112115388A (zh) * | 2020-09-09 | 2020-12-22 | 深圳市欢太科技有限公司 | 网页的显示方法、移动终端及计算机可读存储介质 |
| WO2020253366A1 (zh) * | 2019-06-17 | 2020-12-24 | 深圳壹账通智能科技有限公司 | 网页邮箱数据的爬取方法、装置、终端和存储介质 |
| CN112799733A (zh) * | 2020-12-30 | 2021-05-14 | 上海连尚网络科技有限公司 | 一种用于呈现应用页面的方法与设备 |
| CN112836155A (zh) * | 2021-01-15 | 2021-05-25 | 北京高因科技有限公司 | 一种楼盘详情页面打开速度提升办法 |
| CN113778581A (zh) * | 2021-07-28 | 2021-12-10 | 北京房江湖科技有限公司 | 页面加载方法、电子设备和存储介质 |
-
2022
- 2022-07-29 CN CN202210912265.3A patent/CN115292642B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2020253366A1 (zh) * | 2019-06-17 | 2020-12-24 | 深圳壹账通智能科技有限公司 | 网页邮箱数据的爬取方法、装置、终端和存储介质 |
| CN110569463A (zh) * | 2019-08-02 | 2019-12-13 | 视联动力信息技术股份有限公司 | 页面刷新方法、装置及存储介质 |
| CN112115388A (zh) * | 2020-09-09 | 2020-12-22 | 深圳市欢太科技有限公司 | 网页的显示方法、移动终端及计算机可读存储介质 |
| CN112799733A (zh) * | 2020-12-30 | 2021-05-14 | 上海连尚网络科技有限公司 | 一种用于呈现应用页面的方法与设备 |
| CN112836155A (zh) * | 2021-01-15 | 2021-05-25 | 北京高因科技有限公司 | 一种楼盘详情页面打开速度提升办法 |
| CN113778581A (zh) * | 2021-07-28 | 2021-12-10 | 北京房江湖科技有限公司 | 页面加载方法、电子设备和存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115292642B (zh) | 2023-10-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| AU2019233201B2 (en) | Resource configuration method and apparatus, terminal, and storage medium | |
| CN110162726B (zh) | 页面资源的加载方法、装置及存储介质 | |
| US10271104B2 (en) | Video play-based information processing method and system, client terminal and server | |
| CN109165050B (zh) | 程序的运行方法、装置、计算设备以及存储介质 | |
| EP3140732B1 (en) | Startup accelerating method and apparatus | |
| CN110333947B (zh) | 一种游戏应用的分包资源加载方法、装置、设备及介质 | |
| CN105975393B (zh) | 一种页面显示的检测方法及系统 | |
| WO2020143159A1 (zh) | 一种用户界面的处理方法和装置 | |
| CN109756766B (zh) | 直播平台的虚拟礼物显示方法、存储介质、电子设备及系统 | |
| CN110968395A (zh) | 一种在模拟器中处理渲染指令的方法及移动终端 | |
| CN103530243B (zh) | 用于确定用于设备的设置的系统、方法 | |
| CN104572771B (zh) | 处理状态展示方法及装置 | |
| CN112402954B (zh) | 视频数据处理方法、装置及系统 | |
| CN111314330B (zh) | 一种网络应用的运行方法和装置 | |
| CN113010825A (zh) | 一种数据处理方法和相关装置 | |
| CN115292642A (zh) | 一种页面显示方法及装置、存储介质、计算机设备 | |
| CN114327675B (zh) | 小游戏应用的启动方法及相关装置 | |
| CN112423099A (zh) | 视频加载方法、装置和电子设备 | |
| CN111475240B (zh) | 数据处理方法及系统 | |
| CN116456131B (zh) | 特效渲染方法、装置、电子设备及存储介质 | |
| CN114398131B (zh) | 信息展示方法、装置、设备、介质及程序产品 | |
| CN117724852A (zh) | 一种云电脑计算资源分配方法及装置 | |
| CN115080165A (zh) | 小程序处理方法、装置、存储介质和移动终端 | |
| CN117278814A (zh) | 互动消息传输方法、装置、设备及存储介质 | |
| CN117454036A (zh) | 数据收集上报的方法、装置、计算机设备和存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |