CN114064165A - 一种应用页面处理方法及装置 - Google Patents

Abstract

本申请实施例公开了一种应用页面处理方法及装置，客户端在检测到目标业务被触发时，向业务服务器发送页面获取请求，业务服务器接收来自客户端的页面获取请求，获取业务标识对应目标业务的容器页面，获取首页页面的首页结构数据，客户端接收业务服务器返回的目标业务的容器页面和首页页面的首页结构数据后先展示容器页面，之后基于容器页面根据首页结构数据渲染得到首页页面并展示首页页面；由于本申请独创性的引入容器页面，该容器页面包括了应用页面中的部分特征，客户端在接收到容器页面后，使用容器页面取代等待页面，进而使得用户可以更快的看到应用页面的部分内容，解决了现有应用页面处理技术存在的等待页面显示过长的技术问题。

Description

一种应用页面处理方法及装置

技术领域

本申请涉及数据展示领域，具体涉及一种应用页面处理方法及装置。

背景技术

随着手机等移动终端的普及，越来越多的用户对移动终端的依赖性日益严重，在这种场景中，各种业务应用都开发了应用客户端，这些应用客户端的使用体验直接影响用户对产品的使用兴趣，影响用户使用体验的因素很多，其中应用加载时间的占比日益增加，例如实现相同功能的不同产品，某产品的加载时间远远比其他产品的加载时间短，将大大提高用户体验，增加用户粘度。

为了避免用户频繁切换应用，应用客户端内往往集中了浏览器插件，这样就可以基于浏览器插件在一个应用客户端内打开其他相关功能，例如用户可以在某即时通讯软件客户端内基于浏览器插件打开会员功能、兴趣部落功能等。用户在使用这些功能时，客户端需要向服务器请求对应的页面结构数据，客户端接收到这些数据之后基于浏览器插件渲染之后即可展示对应的页面。

在实际应用中，客户端请求数据的过程可能花费300毫秒左右，客户端渲染也需要花费20毫秒左右，现有技术仅在页面渲染完成之后才能显示业务页面，在中间的过程中仅能显示等待界面。该显示方式导致等待界面的显示时间过长，例如显示320毫秒左右，也表示用户需要等待320毫秒左右才能看到应用页面，影响用户体验；尤其是若该功能包括多个页面，用户在这些页面之间切换时，每次都需要等待320毫秒左右，更会大大增加用户的等待时间，影响用户的使用体验。

申请内容

本申请实施例提供一种应用页面处理方法及装置，以至少解决现有应用页面处理技术存在的等待页面显示过长的技术问题。

为解决上述技术问题，本申请实施例提供以下技术方案：

本申请实施例提供一种应用页面处理方法，其应用于客户端，包括：

在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示所述容器页面；

基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

展示所述首页页面。

本申请实施例提供一种应用页面处理方法，其应用于业务服务器，包括：

接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

获取所述业务标识对应目标业务的容器页面；

根据所述首页页面标识获取所述首页页面的首页结构数据；

向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

本申请实施例提供一种应用页面处理方法，其包括：

客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，根据所述首页页面标识获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据；

所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面。

本申请实施例提供一种应用页面处理装置，其应用于客户端，包括：

第一获取模块，用于在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

第一发送模块，用于向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

第一接收模块，用于接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示模块，用于展示所述容器页面；

渲染模块，用于基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

所述展示模块还用于展示所述首页页面。

本申请实施例提供一种应用页面处理装置，其应用于业务服务器，包括：

第二接收模块，用于接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

第二获取模块，用于获取所述业务标识对应目标业务的容器页面；

第三获取模块，用于根据所述首页页面标识获取所述首页页面的首页结构数据；

第二发送模块，用于向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

本申请实施例提供一种计算机设备，其包括处理器和存储器，存储器存储有多条指令，指令适于处理器进行加载，以执行上述方法中的步骤。

本申请实施例提供一种计算机可读存储介质，计算机可读存储介质存储有多条指令，指令适于处理器进行加载，以执行上述方法中的步骤。

本申请实施例提供一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中；计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述方法中的步骤。

本申请实施例提供了一种新的应用页面处理方法及装置，在该方法中，客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，根据所述首页页面标识获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据；所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面；由于本申请针对业务功能独创性的引入容器页面，该容器页面包括了应用页面中的部分特征，客户端在接收到容器页面后，使用容器页面取代等待页面，进而使得用户可以更快的看到应用页面的部分内容，而不是枯燥的等待页面，进一步的，在用户没有点击其他页面时即完成这些页面结构数据的预存储，在用户点击之后即可直接渲染展示，不需要用户等待漫长的获取页面结构数据的时间，而仅需要等待短暂的渲染时间；即在展示首页页面时，本申请可以先展示不需要过多渲染的容器页面，可以避免等待页面显示时间过长，在用户切换应用页面，本申请直接渲染即可，而不需要用户等待获取页面结构数据的时间，用户体验更好，解决了现有应用页面处理技术存在的等待页面显示过长的技术问题。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的通信***的组网示意图。

图2是本申请实施例提供的应用页面处理方法的流程示意图。

图3a至图3b是本申请实施例提供的应用页面处理方法的具体流程示意图。

图4a至图4c是本申请实施例提供的应用页面处理方法的场景流程示意图。

图5a至图5b是本申请实施例提供的应用页面处理装置的结构示意图。

图6是本申请实施例提供的计算机设备的结构示意图。

图7a至图7e是本申请实施例提供的页面示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

在本申请实施例中，页面的页面结构数据包括用于形成页面的HTML数据等，下文记为sphtml，首页结构数据是指首页页面对应的页面结构数据，非首页结构数据是指非首页页面对应的页面结构数据；首页页面是指用户打开某个功能之后终端需要显示的第一个应用页面，而非首页页面则是该功能的其他应用页面，在不同场景下，首页页面可以该功能下多个应用页面中的任意一个。

在本申请实施例中，容器页面是本申请独有引入的中间界面，多个应用页面直接的相互通信是基于容器页面实现的，其是对某功能的所有或者多个应用页面进行抽象得到的一个页面，如图7a所示，容器页面仅包括图7b所示的首页页面、图7c以及图7d所示的非首页页面的共有页面参数，例如仅包括页面大小、页面下方的页面切换按键等，这个容器页面在由服务器发送给客户端的过程中也是以结构数据的形式发送的，但是容器页面的数据结构简单，客户端在接收到容器页面的结构数据之后，基于浏览器插件可以瞬间完成容器页面的绘制和渲染，并瞬时展示出来，容器页面的绘制和渲染耗时小于1毫秒，可以忽略不计，因此可以认为客户端在接收到容器页面的结构数据之后即可直接完成容器页面的展示，取代等待界面，降低了用户的等待时间。

在本申请实施例中，页面渲染、页面结构数据等处理过程可以参考本领域的实现方案，本申请不再赘述。在服务器中，每个页面的页面结构数据是与该页面的页面标识对应存储的。

请参阅图1，图1为本申请实施例所提供的通信***的场景示意图，该***可以包括用户侧设备以及服务侧设备，用户侧设备与服务侧设备通过各种网关组成的互联网等方式连接，不再赘述，其中，用户侧设备包括多个终端11，服务侧设备包括多个服务器12；其中：

终端11包括但不局限于手机、平板等便携终端，以及电脑、查询机、广告机等固定终端，是用户可以使用并操作的服务端口，在本申请中，终端为用户提供数据查询、数据修改、数据新增、注册等各种功能；为便于下文说明，将终端11定义为平台终端11a和用户终端11b，平台终端11a用于后台运维人员查看应用运行数据等，而用户终端11b则安装有各种应用客户端，用于用户访问各种业务等等；

服务器12为用户提供各种业务服务或者服务支持，包括业务服务器12a、存储服务器12b等，其中，业务服务器12a用于提供即时通讯服务等各种服务，存储服务器12b用于提供数据存储服务，为其他业务进行数据支持等。在本申请中，存储服务器12b可以采用分布式服务器实现。

在本申请中，设置有客户端的终端11b在检测到目标业务被触发时，例如用户打开其他用户发送的业务链接URL(Uniform Resource Locator，统一资源定位符)、或者用户点击应用客户端内其他功能对应的触发构件，例如某即时通讯客户端内的兴趣部落控件，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

所述业务服务器12a接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的如图7a所示的容器页面，根据首页页面标识获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述如图7a所示的容器页面，基于所述容器页面根据所述首页结构数据渲染得到如图7b所示的首页页面，展示所述首页页面。

需要说明的是，图1所示的***场景示意图仅仅是一个示例，本申请实施例描述的服务器以及场景是为了更加清楚的说明本申请实施例的技术方案，并不构成对于本申请实施例提供的技术方案的限定，本领域普通技术人员可知，随着***的演变和新业务场景的出现，本申请实施例提供的技术方案对于类似的技术问题，同样适用。

图2是本申请实施例提供的应用页面处理方法的流程示意图，请参阅图2，该应用页面处理方法包括以下步骤：

201：客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识。

202：所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，根据所述首页页面标识获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

203：所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面。

通过上述步骤的执行，客户端在请求首页页面时，服务器向客户端发送容器页面和首页页面的首页结构数据，客户端在接收到容器页面后直接展示容器页面取代等待页面，并开始对容器页面进行渲染得到首页页面，这个过程对用户来说，是一个首页页面缓慢(例如20毫秒)出现的动态过程，相比较于现有技术客户端只能在首页页面渲染之后才取代等待页面进行显示的方式，用户可以更早(例如早20毫秒)的看到首页页面的部分内容(即容器页面所显示的内容)，降低了用户的等待时间。

204：所述客户端根据所述容器页面确定是否存在非首页页面，当存在非首页页面时，向所述业务服务器发送非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面标识。

205：所述业务服务器接收来自所述客户端的非首页页面获取请求，根据非首页页面标识获取所述非首页页面的非首页结构数据，发送所述非首页页面的非首页结构数据至所述客户端。

206：所述客户端接收并存储所述业务服务器根据所述非首页页面标识发送的非首页页面的非首页结构数据。

207：所述客户端在检测到所述非首页页面被触发时，基于所述容器页面，根据所述非首页结构数据渲染得到并展示非首页页面。

通过步骤204至207的执行，客户端在用户没有点击该业务的其他页面时即完成这些页面结构数据的预存储，在用户点击之后即可直接渲染展示对应的非首页页面即可，不需要用户等待漫长的获取页面结构数据的时间，而仅需要等待短暂的渲染时间。

本实施例涉及的各步骤的具体实现在下文进行描述。

本实施例提供了一种应用页面处理方法，该方法针对业务功能独创性的引入容器页面，该容器页面包括了应用页面中的部分特征，客户端在接收到容器页面后，使用容器页面取代等待页面，进而使得用户可以更快的看到应用页面的部分内容，而不是枯燥的等待页面，进一步的，在用户没有点击其他页面时即完成这些页面结构数据的预存储，在用户点击之后即可直接渲染展示，不需要用户等待漫长的获取页面结构数据的时间，而仅需要等待短暂的渲染时间；即在展示首页页面时，本申请可以先展示不需要过多渲染的容器页面，可以避免等待页面显示时间过长，在用户切换应用页面，本申请直接渲染即可，而不需要用户等待获取页面结构数据的时间，用户体验更好，解决了现有应用页面处理技术存在的等待页面显示过长的技术问题。

在图2所示实施例对本申请提供的应用页面处理方法在通信***的整体体现进行了描述的基础上，现结合附图对图2中各步骤的具体体现进行描述。

图3a是本申请实施例提供的应用页面处理方法的一种具体流程示意图，其具体体现了本申请的方法在用户终端11a(即客户端)的体现，请参阅图3a，该应用页面处理方法包括以下步骤：

301：在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识。

在一种实施例中，本步骤以下方式中的一种：根据被点击的统一资源定位符，确定所述业务标识以及所述首页页面标识；或者根据被点击的业务功能控件，从应用配置中确定所述业务标识以及所述首页页面标识。例如用户点击某些业务的网址或者URL时，判断为检测到目标业务被触发，此时，客户端直接将业务对应的网址或者URL中对应的内容作为业务标识以及所述首页页面标识。又例如，用户点击兴趣部落的控件时，终端将兴趣部落的标识作为目标业务的业务标识，将客户端内配置的兴趣部落的默认打开页面兴趣圈对应的页面作为首页页面，将其的页面标识作为首页页面标识。下文将结合具体的场景进行具体的诠释说明。

302：向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识。

303：接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据。

304：展示所述容器页面。

305：基于所述容器页面，根据所述首页结构数据渲染得到首页页面。

在一种实施例中，本步骤包括：获取所述容器页面的首页浮动框架页面元素；控制所述容器页面将所述首页结构数据写入所述首页浮动框架页面元素；使能所述首页浮动框架页面元素根据所述首页结构数据进行页面渲染得到所述首页页面。

306：展示所述首页页面。

以上步骤301至306完成了首页页面的加载，之后可以进行其他页面的预加载，即在一种实施例中，在所述展示所述首页页面的步骤之后，还包括以下步骤：根据所述容器页面确定是否存在非首页页面；当存在非首页页面时，向所述业务服务器发送非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面标识；接收并存储所述业务服务器根据所述非首页页面标识发送的非首页页面的非首页结构数据；在检测到所述非首页页面被触发时，基于所述容器页面，根据所述非首页结构数据渲染得到并展示非首页页面。

在一种实施例中，所述基于所述容器页面，根据所述非首页结构数据渲染得到并展示非首页页面的步骤，包括：控制所述容器页面动态创建非首页浮动框架页面元素；控制所述容器页面将所述非首页结构数据写入所述非首页浮动框架页面元素；使能所述非首页浮动框架页面元素根据所述非首页结构数据进行页面渲染得到所述非首页页面；控制所述容器页面将其他页面设置为隐藏，将所述非首页页面设置为可见。

在一种实施例中，在所述向所述业务服务器发送非首页页面获取请求的步骤之前，还包括：判断所述非首页页面的页面数量；若所述页面数据小于阈值，则直接向所述业务服务器发送非首页页面获取请求；若所述页面数据大于阈值，则按照预设方式向所述业务服务器发送各非首页页面对应的非首页页面获取请求。例如阈值为1.5，若仅有一个非首页页面，则直接使用一个ajax元素获取该页面的页面结构数据即可，若包括至少两个非首页页面，则使用对应数量的ajax元素并行或者先后获取这些页面的页面结构数据即可。

通过这些步骤的执行，客户端在用户没有点击该业务的其他页面时即完成这些页面结构数据的预存储，在用户点击之后即可直接渲染展示，不需要用户等待漫长的获取页面结构数据的时间，而仅需要等待短暂的渲染时间。

图3b是本申请实施例提供的应用页面处理方法的另一种具体流程示意图，其具体体现了本申请的方法在业务服务器12a的体现，请参阅图3b，该应用页面处理方法包括以下步骤：

311：接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识。

在一种实施例中，在本步骤之前，还包括：获取所述目标业务所包含的所有应用页面；根据所述所有业务页面，构建所述容器页面，所述容器页面至少包括所述目标业务的所有应用页面的共有页面参数。

在一种实施例中，在所述构建所述容器页面的步骤之后，还包括：根据各应用页面的页面数据与所述容器页面的页面数据，得到各应用页面对应的页面结构数据。

312：获取所述业务标识对应目标业务的容器页面。

313：根据首页页面标识获取所述首页页面的首页结构数据。

在一种实施例中，本步骤包括：根据所述首页页面的首页页面标识，查找是否存在对应的页面结构数据；若存在，则将查找到的页面结构数据作为首页结构数据；若不存在，则根据所述首页页面的页面数据与所述容器页面的页面数据，得到所述首页页面的首页结构数据。在业务服务器中，页面的页面结构数据可以基于页面标识进行预先存储，也可以实时获取，下文将具体说明。

314：向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

通过以上步骤完成了容器页面和首页页面结构数据的发送，这样客户端就可以比较快的显示首页页面的相关内容。

为了实现客户端对其他页面的预存储，在一种实施例中，在所述向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据的步骤之后，还包括：接收来自所述客户端的非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面标识；获取所述非首页页面的非首页结构数据；发送所述非首页页面的非首页结构数据至所述客户端。

基于本步骤，服务器完成了其他页面结构数据的预发送，后续过程中客户端和服务器之间不再需要就页面结构数据进行通信，降低了网络负担。

在图3a至图3b所示的实施例的基础上，基于现有页面，只进行必要的最小改动，将多个页面收归到一起得到一个容器页面，基于容器页面相互引流，提升用户转化率；保证了首页页面的加载速度与现有技术的一致，不影响用户留存率，甚至可以更早的展示首页页面的部分内容；非首页页面异步加载，大大减少了切换的白屏时间，提升用户留存率。

在一些场景中，本申请所有的与业务相关的页面都是通过iframe(浮动框架，iframe元素会创建包含另外一个页面的内联框架)的方式进行渲染的。当用户打开业务页面的时候，向服务器请求容器页面(只包含切换页面相关的元素)和首页页面结构数据，服务器可以预先通过ajax(Asynchronous Javascript And XML，异步JavaScript和XML，是一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术)等方式请求该首页页面的HTML结构数据(后面统称sphtml，该数据不包括容器页面对应的结构数据)，并将其返还给浏览器；终端浏览器收到响应后取出该首页页面的sphtml，通过iframe进行渲染，具体方式可以是：容器页面拿到自身的iframe元素，然后通过ifr.contentWindow.document.write(sphtml)或者ifr.contentDocument.write(sphtml)将sphtml写入iframe，接着浏览器就自行开始渲染页面了；当首页页面渲染加载完成后，终端再通过ajax等方式向服务器请求非首页页面的sphtml，并将其缓存起来；当用户切换页面时，通过在容器页面内动态创建一个iframe元素，然后通过ifr.contentWindow.document.write(sphtml)或者ifr.contentDocument.write(sphtml)将sphtml写入该iframe进行渲染，同时将其他页面隐藏，将自己设置成可见，这个过程非常快，大大减少了切换的白屏时间。

现结合图4a至图4c，以具体的应用场景对本申请与现有技术进行诠释说明，以明了本申请的技术进步性和效果显著性。

在本场景中，以其他用户给当前用户发送了一个业务URL：https：//……com/……/yellow？……；用户点击这个URL访问对应的业务。该场景1涉及的页面包括：图7a所示的容器页面、图7b所示的大会员页面、图7c所示的会员页面、图7d所示的黄钻页面、图7e所示的等待页面(实际应用中，该页面为一个空白的页面)。

当用户打开该业务时，现有技术的流程如图4a所示，包括以下步骤：

401至402：客户端向业务服务器请求首页结构数据，并完成首页渲染显示。

参见图4c，在t0时刻用户点击URL进入该业务的界面，执行步骤401和步骤402完成首页结构数据的获取，此时时间进入时刻t1，然后进行首页渲染，渲染完成进入时刻t2，此时开始展示图7b所示的大会员页面，在t0至t2时刻，例如320毫秒内，客户端一直展示图7e所示的等待页面。

403至404：客户端向业务服务器请求第一个非首页结构数据，并完成非首页渲染显示。

参见图4c，在t3时刻用户点击图7b所示页面的会员控件，请求进入会员页面，执行步骤403和步骤404完成第一个非首页结构数据的获取，此时时间进入时刻t5，然后进行非首页渲染，渲染完成进入时刻t6，此时开始展示图7c所示的会员页面，在t3至t6时刻，例如320毫秒内，客户端一直展示图7e所示的等待页面。

405至406：客户端向业务服务器请求第二个非首页结构数据，并完成非首页渲染显示。

参见图4c，在t7时刻用户点击图7c所示页面的黄钻控件，请求进入黄钻页面，执行步骤405和步骤406完成第二个非首页结构数据的获取，此时时间进入时刻t9，然后进行非首页渲染，渲染完成进入时刻t10，此时开始展示图7d所示的黄钻页面，在t7至t10时刻，例如320毫秒内，客户端一直展示图7e所示的等待页面。

基于上述描述可知，用户在页面切换时需要等待320毫秒左右。

当用户打开该业务时，本申请的流程如图4b所示，包括以下步骤：

411至412：客户端向业务服务器请求首页结构数据，并完成首页渲染显示。

参见图4c，在t0时刻用户点击URL进入该业务的界面，执行步骤411和步骤412完成容器页面和首页结构数据(该数据与步骤402中的数据不同，图4b中记为差异数据，与步骤402中的数据相比缺少了容器页面部分数据)的获取，此时时间进入时刻t1，然后进行首页渲染，渲染完成进入时刻t2，此时开始展示图7b所示的大会员页面，在t0至t1时刻，例如300毫秒内，客户端展示图7e所示的等待页面，在t1至t2时刻，例如20毫秒内，客户端展示图7a所示的容器页面。

413至416：客户端在展示首页页面时，后台获取其他非首页页面的页面结构数据(这些数据都不包括容器页面对应的结构数据，降低了重复数据的传输)，这个过程持续600毫秒左右，由于客户端在展示首页页面，用户对这个数据获取过程是没有感知的。

在此基础上，可以完成其他页面的渲染展示。

参见图4c，在t3时刻用户点击图7b所示页面的会员控件，请求进入会员页面，此时客户端直接进行会员页渲染，此时时间进入时刻t4，此时开始展示图7c所示的会员页面，在t3至t4时刻，例如20毫秒内，客户端一直展示图7a所示的容器页面。

参见图4c，在t7时刻用户点击图7c所示页面的黄钻控件，请求进入黄钻页面，此时客户端直接进行黄钻页渲染，渲染完成进入时刻t8，此时开始展示图7d所示的黄钻页面，在t7至t8时刻，例如20毫秒内，客户端一直展示图7a所示的容器页面。

基于上述描述可知，用户在页面切换时仅需要等待20毫秒左右。

为了实现上述的方法，本申请还提供了对应的应用页面处理装置，现结合附图对本申请提供的应用页面处理装置进行说明。

相应的，图5a是本申请实施例提供的应用页面处理装置的一种结构示意图，其具体体现了本申请的装置在客户端的体现，请参阅图5a，该应用页面处理装置包括以下模块：

第一获取模块501，用于在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

第一发送模块502，用于向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

第一接收模块503，用于接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示模块504，用于展示所述容器页面；

渲染模块505，用于基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

所述展示模块504还用于展示所述首页页面。

在一种实施例，渲染模块505具体用于：获取所述容器页面的首页浮动框架页面元素；控制所述容器页面将所述首页结构数据写入所述首页浮动框架页面元素；使能所述首页浮动框架页面元素根据所述首页结构数据进行页面渲染得到所述首页页面。

在一种实施例，第一获取模块501具体用于实现以下方式中的一种：根据被点击的统一资源定位符，确定所述业务标识以及所述首页页面标识；或者根据被点击的业务功能控件，从应用配置中确定所述业务标识以及所述首页页面标识。

在一种实施例，展示模块504在展示所述首页页面之后，还用于：根据所述容器页面确定是否存在非首页页面；当存在非首页页面时，触发所述第一发送模块502向所述业务服务器发送非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面标识；触发所述第一接收模块503接收并存储所述业务服务器根据所述非首页页面标识发送的非首页页面的非首页结构数据；在检测到所述非首页页面被触发时，触发所述渲染模块505基于所述容器页面，根据所述非首页结构数据渲染得到非首页页面，并展示非首页页面。

在一种实施例，展示模块504具体用于：控制所述容器页面动态创建非首页浮动框架页面元素；控制所述容器页面将所述非首页结构数据写入所述非首页浮动框架页面元素；使能所述非首页浮动框架页面元素根据所述非首页结构数据进行页面渲染得到所述非首页页面；控制所述容器页面将其他页面设置为隐藏，将所述非首页页面设置为可见。

在一种实施例，第一发送模块502在向所述业务服务器发送非首页页面获取请求之前，还用于：判断所述非首页页面的页面数量；若所述页面数据小于阈值，则直接向所述业务服务器发送非首页页面获取请求；若所述页面数据大于阈值，则按照预设方式向所述业务服务器发送各非首页页面对应的非首页页面获取请求。

相应的，图5b是本申请实施例提供的应用页面处理装置的另一种结构示意图，其具体体现了本申请的装置在业务服务器的体现，请参阅图5b，该应用页面处理装置包括以下模块：

第二接收模块511，用于接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

第二获取模块512，用于获取所述业务标识对应目标业务的容器页面；

第三获取模块513，用于根据首页页面标识获取所述首页页面的首页结构数据；

第二发送模块514，用于向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

在一种实施例，如图5b所示，该装置还包括：处理模块515，用于在接收来自客户端的页面获取请求之前，获取所述目标业务所包含的所有应用页面；根据所述所有业务页面，构建所述容器页面，所述容器页面至少包括所述目标业务的所有应用页面的共有页面参数。

在一种实施例，处理模块515在构建所述容器页面之后，还用于：根据各应用页面的页面数据与所述容器页面的页面数据，得到各应用页面对应的页面结构数据。

在一种实施例，第三获取模块513具体用于：根据所述首页页面的首页页面标识，查找是否存在对应的页面结构数据；若存在，则将查找到的页面结构数据作为首页结构数据；若不存在，则根据所述首页页面的页面数据与所述容器页面的页面数据，得到所述首页页面的首页结构数据。

在一种实施例，第二接收模块511还用于：接收来自所述客户端的非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面标识；第三获取模块513还用于：获取所述非首页页面的非首页结构数据；第二发送模块514还用于：发送所述非首页页面的非首页结构数据至所述客户端。

相应的，本申请实施例还提供一种计算机设备，该计算机设备包括服务器或者终端(安装有客户端)等，以实现上述任一实施例中的应用页面处理装置。

如图6所示，该计算机设备可以包括射频(RF，Radio Frequency)电路601、包括有一个或一个以上计算机可读存储介质的存储器602、输入单元603、显示单元604、传感器605、音频电路606、无线保真(WiFi，Wireless Fidelity)模块607、包括有一个或者一个以上处理核心的处理器608、以及电源609等部件。本领域技术人员可以理解，图6中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路601可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器608处理；另外，将涉及上行的数据发送给基站。存储器602可用于存储软件程序以及模块，处理器608通过运行存储在存储器602的软件程序以及模块，从而执行各种功能应用以及数据处理。输入单元603可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

显示单元604可用于显示由用户输入的信息或提供给用户的信息以及计算机设备的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。

计算机设备还可包括至少一种传感器605，比如光传感器、运动传感器以及其他传感器。音频电路606包括扬声器，传声器可提供用户与计算机设备之间的音频接口。

WiFi属于短距离无线传输技术，计算机设备通过WiFi模块607可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图6示出了WiFi模块607，但是可以理解的是，其并不属于计算机设备的必须构成，完全可以根据需要在不改变申请的本质的范围内而省略。

处理器608是计算机设备的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器602内的软件程序和/或模块，以及调用存储在存储器602内的数据，执行计算机设备的各种功能和处理数据，从而对手机进行整体监控。

计算机设备还包括给各个部件供电的电源609(比如电池)，优选的，电源可以通过电源管理***与处理器608逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。

尽管未示出，计算机设备还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，计算机设备中的处理器608会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器602中，并由处理器608来运行存储在存储器602中的应用程序，从而实现以下功能：

在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示所述容器页面；

基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

展示所述首页页面。

或者实现以下功能：

接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

获取所述业务标识对应目标业务的容器页面；

获取所述首页页面的首页结构数据；

向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

或者实现以下功能：

客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据；

所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见上文的详细描述，此处不再赘述。

本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。

为此，本申请实施例提供一种计算机可读存储介质，其中存储有多条指令，该指令能够被处理器进行加载，以实现以下功能：

在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示所述容器页面；

基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

展示所述首页页面。

或者实现以下功能：

接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

获取所述业务标识对应目标业务的容器页面；

获取所述首页页面的首页结构数据；

向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

或者实现以下功能：

客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据；

所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

由于该存储介质中所存储的指令，可以执行本申请实施例所提供的任一种方法中的步骤，因此，可以实现本申请实施例所提供的任一种方法所能实现的有益效果，详见前面的实施例，在此不再赘述。

为此，本申请实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各种可选实现方式中提供的方法。例如，实现以下功能：

在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示所述容器页面；

基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

展示所述首页页面。

或者实现以下功能：

接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

获取所述业务标识对应目标业务的容器页面；

获取所述首页页面的首页结构数据；

向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

或者实现以下功能：

客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据；

所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面。

以上对本申请实施例所提供的一种应用页面处理方法及装置进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上，本说明书内容不应理解为对本申请的限制。

Claims (15)

1.一种应用页面处理方法，其特征在于，应用于客户端，包括：

在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示所述容器页面；

基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

展示所述首页页面。

2.根据权利要求1所述的应用页面处理方法，其特征在于，所述基于所述容器页面，根据所述首页结构数据渲染得到首页页面的步骤，包括：

获取所述容器页面的首页浮动框架页面元素；

控制所述容器页面将所述首页结构数据写入所述首页浮动框架页面元素；

使能所述首页浮动框架页面元素根据所述首页结构数据进行页面渲染得到所述首页页面。

3.根据权利要求1所述的应用页面处理方法，其特征在于，所述获取所述目标业务的业务标识以及首页页面的首页页面标识的步骤，包括以下方式中的一种：

根据被点击的统一资源定位符，确定所述业务标识以及所述首页页面标识；

或者根据被点击的业务功能控件，从应用配置中确定所述业务标识以及所述首页页面标识。

4.根据权利要求1至3任一项所述的应用页面处理方法，其特征在于，在所述展示所述首页页面的步骤之后，还包括：

根据所述容器页面确定是否存在非首页页面；

当存在非首页页面时，向所述业务服务器发送非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面的非首页页面标识；

接收并存储所述业务服务器根据所述非首页页面标识发送的非首页页面的非首页结构数据；

在检测到所述非首页页面被触发时，基于所述容器页面，根据所述非首页结构数据渲染得到并展示非首页页面。

5.根据权利要求4所述的应用页面处理方法，其特征在于，所述基于所述容器页面，根据所述非首页结构数据渲染得到并展示非首页页面的步骤，包括：

控制所述容器页面动态创建非首页浮动框架页面元素；

控制所述容器页面将所述非首页结构数据写入所述非首页浮动框架页面元素；

使能所述非首页浮动框架页面元素根据所述非首页结构数据进行页面渲染得到所述非首页页面；

控制所述容器页面将其他页面设置为隐藏，将所述非首页页面设置为可见。

6.根据权利要求4所述的应用页面处理方法，其特征在于，在所述向所述业务服务器发送非首页页面获取请求的步骤之前，还包括：

判断所述非首页页面的页面数量；

若所述页面数据小于阈值，则直接向所述业务服务器发送非首页页面获取请求；

若所述页面数据大于阈值，则按照预设方式向所述业务服务器发送各非首页页面对应的非首页页面获取请求。

7.一种应用页面处理方法，其特征在于，应用于业务服务器，包括：

接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

获取所述业务标识对应目标业务的容器页面；

根据所述首页页面标识获取所述首页页面的首页结构数据；

向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

8.根据权利要求7所述的应用页面处理方法，其特征在于，在所述接收来自客户端的页面获取请求的步骤之前，还包括：

获取所述目标业务所包含的所有应用页面；

根据所述所有业务页面，构建所述容器页面，所述容器页面至少包括所述目标业务的所有应用页面的共有页面参数。

9.根据权利要求8所述的应用页面处理方法，其特征在于，在所述构建所述容器页面的步骤之后，还包括：

根据各应用页面的页面数据与所述容器页面的页面数据，得到各应用页面对应的页面结构数据。

10.根据权利要求7所述的应用页面处理方法，其特征在于，所述获取所述首页页面的首页结构数据的步骤，包括：

根据所述首页页面的首页页面标识，查找是否存在对应的页面结构数据；

若存在，则将查找到的页面结构数据作为首页结构数据；

若不存在，则根据所述首页页面的页面数据与所述容器页面的页面数据，得到所述首页页面的首页结构数据。

11.根据权利要求7至10任一项所述的应用页面处理方法，其特征在于，在所述向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据的步骤之后，还包括：

接收来自所述客户端的非首页页面获取请求，所述非首页页面获取请求携带非首页页面的非首页页面标识；

根据所述非首页页面标识获取所述非首页页面的非首页结构数据；

发送所述非首页页面的非首页结构数据至所述客户端。

12.一种应用页面处理方法，其特征在于，包括：

客户端在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识，向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

所述业务服务器接收来自客户端的页面获取请求，获取所述业务标识对应目标业务的容器页面，根据所述首页页面标识获取所述首页页面的首页结构数据，向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据；

所述客户端接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据，展示所述容器页面，基于所述容器页面根据所述首页结构数据渲染得到首页页面，展示所述首页页面。

13.根据权利要求12所述的应用页面处理方法，其特征在于，还包括：

所述客户端根据所述容器页面确定是否存在非首页页面，当存在非首页页面时，向所述业务服务器发送非首页页面获取请求，所述非首页页面获取请求携带所述非首页页面的非首页页面标识；

所述业务服务器接收来自所述客户端的非首页页面获取请求，根据所述非首页页面标识获取所述非首页页面的非首页结构数据，发送所述非首页页面的非首页结构数据至所述客户端；

所述客户端接收并存储所述业务服务器根据所述非首页页面标识发送的非首页页面的非首页结构数据；

所述客户端在检测到所述非首页页面被触发时，基于所述容器页面，根据所述非首页结构数据渲染得到并展示非首页页面。

14.一种应用页面处理装置，其特征在于，应用于客户端，包括：

第一获取模块，用于在检测到目标业务被触发时，获取所述目标业务的业务标识以及首页页面的首页页面标识；

第一发送模块，用于向业务服务器发送页面获取请求，所述页面获取请求携带所述业务标识以及所述首页页面标识；

第一接收模块，用于接收所述业务服务器返回的所述目标业务的容器页面和首页页面的首页结构数据；

展示模块，用于展示所述容器页面；

渲染模块，用于基于所述容器页面，根据所述首页结构数据渲染得到首页页面；

所述展示模块还用于展示所述首页页面。

15.一种应用页面处理装置，其特征在于，应用于业务服务器，包括：

第二接收模块，用于接收来自客户端的页面获取请求，所述页面获取请求携带业务标识以及首页页面标识；

第二获取模块，用于获取所述业务标识对应目标业务的容器页面；

第三获取模块，用于根据所述首页页面标识获取所述首页页面的首页结构数据；

第二发送模块，用于向所述客户端返回所述目标业务的容器页面和首页页面的首页结构数据。

Images