页面加载方法、装置、存储介质及终端设备制造方法及图纸

本发明专利技术实施例提供一种页面加载方法、装置、存储介质及终端设备，本发明专利技术实施例提供的页面加载方法，通过在前一级(即列表页)页面访问过程中完成了对列表项的详情页数据的获取，可以更早的对详情页数据进行预加载以及进行详情页初始化。在用户需要访问该列表项的详情页时，可以根据提前获取的服务端组件数据和本地组件的框架进行页面加载，而无需临时向服务端请求该详情页的数据，因此无需依赖当前的网络状况，同时还可以提高页面加载速度。

Page loading method, device, storage medium and terminal device

The embodiment of the invention provides a page loading method, a device, a storage medium and a terminal device. The page loading method provided by the embodiment of the invention accomplishes the acquisition of the detail page data of a list item during the page access process at the previous stage (i.e. a list page), and enables the pre-loading and loading of the detail page data earlier. Line details page initialization. When a user needs to access the detail page of the list item, the page can be loaded according to the framework of the server component data and the local component obtained in advance, without temporarily requesting the data of the detail page from the server, so it does not need to rely on the current network situation, and can also improve the page loading speed.

【技术实现步骤摘要】
页面加载方法、装置、存储介质及终端设备
本专利技术涉及数据缓存技术，尤其涉及一种页面加载方法、装置、存储介质及终端设备，属于互联网

技术介绍
客户端页面的流畅体验作为用户的最直观感受，一直是许多应用程序(Application，App)开发团队最关心的问题之一。目前，很多客户端APP都具有多个分类应用模块，用户可能需要通过逐级访问才可以找到用户想看地内容。如果用户想通过客户端找工作，就需要点击客户端中的招聘模块的图标，此时客户端需要加载并向用户展示招聘对应的列表页。列表页中包括多个列表项，比如多个招聘信息标题，用户会进一步点击自己都感兴趣的列表项，以了解招聘信息详情，此时客户端需要加载并向用户展示列表项对应的详情页。数据分屏加载作为一种页面快速加载方案，在进入页面后，在页面即将显示在屏幕之前，不请求完整的页面数据，因为显示设备屏幕可以显示的内容有限，那么首次打开该页面的时候先请求用户当前屏幕下所能展示的数据，这样可以加快请求的返回速度，当用户下滑界面后，再继续请求下一屏页面的数据，可以在一定程度上改善加载速度。但是，分屏加载方案依赖当前网络状况，当网络情况不好时，页面仍然会出现卡顿的情况。尤其是，列表项对应的详情页会涉及很多详情信息，因此存在比较复杂的用户界面(UserInterface，UI)，客户端向服务端请求数据进行详情页加载时，如果当前网络状况不好，即使是通过分屏加载，页面还是容易出现卡顿的情况。
技术实现思路
本专利技术实施例提供一种页面加载方法、装置、存储介质及终端设备，对于逐级访问的页面，可以实现在不依赖当前网络状况的情况下，提升后一级页面的加载速度，提升了客户端页面的流畅体验。本专利技术实施例提供的页面加载方法，包括：检测到用户的列表页访问请求后，向服务端发送列表页数据请求；接收所述服务端发送的列表页数据，所述列表页数据包括多个列表项，每个所述列表项配置有所述列表项的详情页的预加载开关的状态信息；若检测到所述状态信息为打开状态，则向所述服务端请求所述列表项的详情页的服务端组件数据，接收并缓存所述服务端发送的所述服务端组件数据，并确定所述列表项的详情页的本地组件的框架；检测到用户的列表项访问请求后，根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。本专利技术实施例提供的页面加载方法，根据用户需求，对于列表项的详情页预先加载进行动态控制。对于需要预加载的列表项，配置预加载开关状态为打开状态，可以预先加载其详情页的组件数据，并提前对页面进行初始化，在用户需要访问该列表项的详情页时，可以直接根据预先加载的详情页的组件数据以及初始化的页面进行渲染展示，而无需再向服务端请求该详情页的组件数据，因此可以实现在不依赖当前网络状况的情况下，提升后一级页面的加载速度，提升了客户端页面的流畅体验。进一步的，上述方法还可以包括：当检测到所述状态信息为关闭状态，确定所述列表项的详情页的本地组件的框架；检测到用户的列表项访问请求后，向所述服务端请求所述列表项的详情页的服务端组件数据；接收所述服务端发送的所述服务端组件数据；根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。进一步的，所述向所述服务端请求所述列表项的详情页的服务端组件数据，包括：向所述服务端请求所述列表项的详情页的第一屏服务端组件数据，所述第一屏为终端设备的显示屏幕当前所能展示的页面。进一步的，所述根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页，包括：根据所述第一屏服务端组件数据和所述本地组件的框架加载所述列表项的详情页的第一屏。本专利技术实施例提供的页面加载装置，包括：发送模块，用于检测到用户的列表页访问请求后，向服务端发送列表页数据请求；接收模块，用于接收所述服务端发送的列表页数据，所述列表页数据包括多个列表项，每个所述列表项配置有所述列表项的详情页的预加载开关的状态信息；第一获取模块，用于若检测到所述状态信息为打开状态，则向所述服务端请求所述列表项的详情页的服务端组件数据，接收并缓存所述服务端发送的所述服务端组件数据，并确定所述列表项的详情页的本地组件的框架；第一加载模块，用于：检测到用户的列表项访问请求后，根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。进一步的，上述装置还可以包括：第二获取模块，用于：若检测到所述状态信息为关闭状态，确定所述列表项的详情页的本地组件的框架；第二加载模块，用于：检测到用户的列表项访问请求后，向所述服务端请求所述列表项的详情页的服务端组件数据；接收所述服务端发送的所述服务端组件数据；根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。进一步的，所述第一获取模块具体用于：向所述服务端请求所述列表项的详情页的第一屏的服务端组件数据，所述第一屏为终端设备的显示屏幕当前所能展示的页面。进一步的，所述第二加载模块具体还用于：根据所述第一屏的服务端组件数据和所述本地组件的框架加载所述列表项的详情页的第一屏。本专利技术实施例还提供的页面加载装置，其中装置部分与上述方法对应，对应内容的技术效果相同，在此不再赘述。另外，本专利技术还提供一种计算机可读存储介质和一种终端设备。其中，计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现上述方法的各个步骤。终端设备包括输入单元、显示单元、存储单元，以及上述的页面加载装置。附图说明为了更清楚地说明本专利技术或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种终端设备的结构示意图；图2为本专利技术实施例提供的一种页面加载方法的流程示意图；图3为本专利技术实施例提供的一种页面加载方法的流程示意图；图4为本申请实施例提供的一种页面加载装置的结构示意图；图5为本申请实施例提供的一种页面加载装置的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有付出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术提供的实施例可应用于终端设备和服务器交互通信的应用场景中，在该应用场景下，终端设备可包括手持终端、家用计算机以及可联网的多媒体设备等，服务端通常为网络侧提供业务服务端的网络设备。图1为本专利技术实施例提供的一种终端设备的结构示意图，如图1所示，在终端设备中设置有输入单元11、显示单元12、存储单元13以及客户端模块14。其中，输入单元11用于接收用户输入的操作指令；显示单元12用于向用户显示页面；存储单元13可用于存储各类信息，例如是系统内存和外部存储卡。客户端模块14可以实现某一应用服务或系统服务，例如是设置在终端设备中的装置，该装置可以通过软件、硬件或者软硬结合的方式实现，客户端模块可以从存储单元中读写数据，而且能够与输入单元、显示单元和服务端直接进行通信。本专利技术实施例提供一种页面加载方法，该方法可以本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，包括：检测到用户的列表页访问请求后，向服务端发送列表页数据请求；接收所述服务端发送的列表页数据，所述列表页数据包括多个列表项，每个所述列表项配置有所述列表项的详情页的预加载开关的状态信息；若检测到所述状态信息为打开状态，则向所述服务端请求所述列表项的详情页的服务端组件数据，接收并缓存所述服务端发送的所述服务端组件数据，并确定所述列表项的详情页的本地组件的框架；检测到用户的列表项访问请求后，根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。

【技术特征摘要】
2017.10.20 CN 20171098716751.一种页面加载方法，其特征在于，包括：检测到用户的列表页访问请求后，向服务端发送列表页数据请求；接收所述服务端发送的列表页数据，所述列表页数据包括多个列表项，每个所述列表项配置有所述列表项的详情页的预加载开关的状态信息；若检测到所述状态信息为打开状态，则向所述服务端请求所述列表项的详情页的服务端组件数据，接收并缓存所述服务端发送的所述服务端组件数据，并确定所述列表项的详情页的本地组件的框架；检测到用户的列表项访问请求后，根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。2.根据权利要求1所述的方法，其特征在于，所述方法，还包括：当检测到所述状态信息为关闭状态，确定所述列表项的详情页的本地组件的框架；检测到用户的列表项访问请求后，向所述服务端请求所述列表项的详情页的服务端组件数据；接收所述服务端发送的所述服务端组件数据；根据所述服务端组件数据和所述本地组件的框架，加载所述列表项的详情页。3.根据权利要求1或2所述的方法，其特征在于，所述向所述服务端请求所述列表项的详情页的服务端组件数据，包括：向所述服务端请求所述列表项的详...

【专利技术属性】
技术研发人员：孙奇，
申请(专利权)人：五八有限公司，
类型：发明
国别省市：天津,12