CN112861048A - 页面加载方法、装置、设备及计算机可读存储介质 - Google Patents

Abstract

本公开实施例涉及一种页面加载方法、装置及计算机可读存储介质，方法包括：在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，将所述页面数据存储到预设的存储区域中；进入所述页面后，在完成所述页面的布局初始化后，从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染。在本公开实施例中，在进入页面之前，预先获取页面数据，在页面加载时可以直接基于预先获取到的页面数据进行页面渲染，而不需要在页面加载时消耗从数据源获取页面数据的时间，进而缩短了页面加载时间，提高了加载速率。

Description

页面加载方法、装置、设备及计算机可读存储介质

技术领域

本公开实施例涉及前端展示技术领域，尤其涉及页面加载方法、装置、设备及计算机可读存储介质。

背景技术

随着前端技术发展，人们对页面的加载速度要求越来越高，页面加载速度直接影响着用户的体验和服务质量。

现有的页面加载的过程都需要对页面布局进行初始化，而这个过程都会消耗一些时间，初始化完成后再去从网络或者数据库中异步请求数据，数据获取成功后再将数据渲染到页面布局上，这个流程是串行的，耗时较长用户体验较差。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本公开实施例提供了一种页面加载方法、装置、设备及计算机可读存储介质。

本公开第一方面提供了一种页面加载方法，该方法包括：

在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中；

进入页面后，在完成页面的布局初始化后，从存储区域中获取所述页面数据，基于页面数据进行页面渲染。

进一步地，在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，包括：

在应用程序初始化时，获取页面的所述页面数据；

或者，在页面的上一级页面布局初始化时，获取页面的页面数据。

进一步地，应用程序中包括路由表，路由表中包括待加载到页面上的页面数据的获取函数；获取页面的页面数据，包括：

从路由表中读取所述获取函数；

基于获取函数，获取待加载到页面上的页面数据。

进一步地，将页面数据存储到预设的存储区域中之后，方法还包括：

将页面数据在存储区域中的存储信息，记录到路由表中；

从存储区域中获取页面数据，基于页面数据进行页面渲染，包括：

从路由表中获取页面数据的存储信息；

基于存储信息，从存储区域中获取页面数据；

基于页面数据对页面进行渲染。

进一步地，在应用程序中，页面对应的代码中包括对获取函数的标注信息；获取页面的页面数据，包括：

基于标注信息，从代码中读取获取函数；

基于获取函数，获取待加载到页面上的页面数据。

进一步地，将页面数据存储到预设的存储区域中，包括：

将页面的标识和页面数据关联存储到存储区域中；

从存储区域中获取页面数据，基于页面数据进行页面渲染，包括：

基于页面的标识从存储区域中读取页面数据；

基于页面数据对页面进行渲染。

本公开的第二方面提供了一种页面加载装置，该装置包括：

获取模块，用于在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中；

渲染模块，用于进入页面后，在完成页面的布局初始化后，从存储区域中获取页面数据，基于页面数据进行页面渲染。

进一步地，获取模块，用于：

在应用程序初始化时，获取页面的页面数据；

或者，在页面的上一级页面布局初始化时，获取页面的页面数据。

进一步地，应用程序中包括路由表，路由表中包括待加载到页面上的页面数据的获取函数；

获取模块用于：

从路由表中读取所述获取函数；

基于获取函数，获取待加载到页面上的页面数据。

进一步地，装置还包括记录模块，用于：

在页面数据存储到预设的存储区域之后，将页面数据在存储区域中的存储信息，记录到路由表中；

渲染模块具体用于：

从路由表中获取页面数据的存储信息；

基于存储信息，从存储区域中获取页面数据；

基于页面数据对页面进行渲染。

进一步地，在应用程序中，页面对应的代码中包括对获取函数的标注信息；

获取模块具体用于：

基于标注信息，从代码中读取获取函数；

基于获取函数，获取待加载到页面上的页面数据。

进一步地，获取模块具体还用于：

将页面的标识和页面数据关联存储到存储区域中；

渲染模块具体用于：

基于页面的标识从存储区域中读取页面数据；

基于页面数据对页面进行渲染。

本公开第三方面提供了一种终端设备，包括处理器和存储器，存储器中存储有计算机程序，当计算机程序被处理器执行时，处理器执行上述第一方面的方法。

所述终端设备包括车机。

本公开第四方面提供了一种计算机可读存储介质，该存储介质上存储有计算机程序，计算机程序被处理器执行时，处理器执行上述第一方面的方法。

本公开实施例提供的一个或多个技术方案，至少具有如下效果或优点：

本公开提供的技术方案，在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中；进入页面后，在完成页面的布局初始化后，从存储区域中获取所述页面数据，基于页面数据进行页面渲染。相比于现有技术，在本公开实施例中，在进入页面之前，预先获取页面数据，在页面加载时可以直接基于预先获取到的页面数据进行页面渲染，而不需要在页面加载时消耗从网络等数据源获取页面数据的时间，进而缩短了页面加载时间，提高了加载速率。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

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

图1是本公开实施例提供的一种页面加载方法的流程图；

图2是本公开实施例提供的一种页面加载方法的一种流程图；

图3是本公开实施例提供的一种页面加载方法的另一种流程图；

图4是本公开实施例提供的一种页面加载方法的再一种流程图；

图5是本公开实施例提供的一种页面加载方法的再一种流程图；

图6是本公开实施例提供的一种页面加载装置的一种框图；

图7是本公开实施例提供的一种终端设备的框图。

具体实施方式

为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。

在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。

为了便于理解本公开的技术方案，首先对本公开涉及的部分专业技术进行解释：

用户界面(User Interface，简称UI)布局：指对软件的人机交互、操作逻辑、界面美观的整体设计。

页面加载速度：通常页面加载的时间是指从进入页面开始，到该页面完整布局以及加载全部数据为截止的时间，这个时间越少页面加载速度越快。

页面加载流程：通常一个页面加载的过程包括UI布局加载并显示到页面上，然后请求网络数据，再将数据渲染到页面布局上。

路由信息：通常用一个字符串表示，代表一段特定方法的标识，方便识别到用于获取数据的获取函数。

注解：注解又称Java标注，是JDK5.0引入的一种注释机制。Java虚拟机可以保留标注内容，在运行时可以从应用程序的代码中获取到标注内容。

上一级页面和下一级页面：以二级页面为例，假设网站或应用程序的首页为一级页面，二级页面就是从首页上的链接点击进入后的页面。这里的一级页面即为二级页面的上一级页面，二级页面即为一级页面的下一级页面；

以三级页面为例，假设网站或应用程序的首页为一级页面，从首页上的链接点击进入后的页面为二级页面，三级页面就是从二级页面上的链接点击进入后的页面。对于这里的二级页面和三级页面来说，二级页面即为三级页面的上一级页面，三级页面即为二级页面的下一级页面。当然上述仅为示例说明，实际上本公开所称的上一级页面和下一级页面可以参照上述一级页面和二级页面之间的关系或者二级页面和三级页面之间的关系进行理解。

图1是本公开实施例提供的一种页面加载方法的流程图。

结合图1，本公开的一个实施例提供了一种页面加载方法，包括如下两个步骤。

步骤101：在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中。

步骤102：进入页面后，在完成页面的布局初始化后，从存储区域中获取所述页面数据，基于页面数据进行页面渲染。

具体的，在本实施例中，在进入应用程序的页面之前，预先从网络或者数据库中获取待加载的页面数据，页面数据获取成功后，将页面数据存储在内存中；在进入应用程序页面之后，进行页面布局初始化，在完成初始化之后，直接从内存中调用预先加载的页面数据，进行页面渲染。

在打开应用程序页面之前，提前调用获取函数以获取页面数据，保证在应用程序页面打开以后，数据已经准备好了，因此可以直接基于页面数据进行页面渲染；这样可以节省在页面布局初始化后再进行获取页面数据所消耗的时间，提高了页面加载过程的速度，缩短应用程序页面展示给用户的总时间，提升了用户的体验。

在本公开实施例的一个实施例中，上述应用程序中可以包括预先配置的路由表，路由表中包括待加载到页面上的页面数据的获取函数。上述实施例中获取页面数据的操作可以在应用程序初始化时，基于路由表执行。具体的，图2是本公开实施例提供的一种页面加载方法的一种流程图。如图2所示，本公开实施例提供的页面加载方法可以包括如下步骤：

步骤201：在应用程序初始化时，从路由表中读取应用程序中至少部分页面的页面数据的获取函数。

步骤202：基于读取到的获取函数，获取相应页面上的页面数据。

步骤203：将页面数据存储到预设的存储区域中。

步骤204：将页面数据在存储区域中的存储信息，记录到路由表中。

步骤205：进入应用程序的某个页面后，在完成页面的布局初始化后，从路由表中获取该页面的页面数据的存储信息。

步骤206：基于获取到的存储信息，从存储区域中获取相应的页面数据。

步骤207：基于页面数据进行页面渲染。

具体的，本公开实施例中，在应用程序初始化时，从路由表中读取应用程序首页，或应用程序首页和应用程序包括的一个或多个其他页面上的页面资源的获取函数，然后根据获取到的获取函数，获取相应页面的页面数据并将获取到的页面数据存储在预设的存储区域中，并将页面数据在内存中的存储信息，比如数据的存储地址，数据与页面标识之间的对应关系等记录在路由表中，当进入某个页面，并完成该页面的布局初始化后，从路由表中获取该页面的页面数据的存储信息，并根据该存储信息从预设的存储区域中获取该页面的页面数据进行渲染。

需要说明的是，在开发应用程序时，对在应用程序各页面对应的代码中对页面数据的获取函数进行标注，然后在代码编译的时候，注解处理器自动根据标注生成路由表，路由表中包括页面对应的类，或者标识信息，以及页面的页面数据的获取函数的信息；应用程序的代码中通过类来区分不同页面的代码。

在应用程序启动时，在没有进入页面之前，根据路由表提前获取页面的页面数据，由于此时，并没有进入页面，对应于页面数据的获取函数的类也没有创建，本公开通过JavaJDK提供的反射功能在获取函数的类没有初始化时，将获取函数映射成相应的对象，并通过该对象获取相应的页面数据。具体的，在实际中一个应用程序中会有很多类，一个类包含：成员变量、成员方法、构造方法、包名等信息，利用反射技术可以对一个类进行解剖，把一个类的各个组成部分映射成一个个对象。对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意一个方法和属性；这种动态获取类中的对象的信息以及动态调用对象的方法的功能称为java语言的反射功能。在应用程序中，一个页面可以对应一个类，但是应用程序运行时，并不会一次全部加载所有页面对应的类，而是只会加载被打开的页面的类，在页面没有打开时，包含在页面的类中的信息无法被读取和处理。针对这种情况，本实施例在页面未打开时，可以利用JavaJDK提供的反射功能将页面对应的类中包括的用于获取页面数据的获取函数映射成相应的对象，而该对象的属性和方法是可以被读取和调用的，从而通过该对象即可在页面未打开时预先获取页面的页面数据。本公开由于应用程序的页面数据是在进入页面前就开始进行获取，在进入应用程序页面后可以直接基于预先获取的页面数据进行渲染，提高了页面加载过程的速度，缩短应用程序页面展示给用户的总时间，提升了用户的体验。

在本公开实施例的又一个实施例中，应用程序中下一级页面(比如通过第一页面上的链接点击进入第二页面，则第二页面即为第一页面的下一级页面，第一页面为第二页面的上一级页面)的页面数据可以在上一级页面布局初始化时并行获取，具体的，图3是本公开实施例提供的一种页面加载方法的另一种流程图。如图3所示，本公开实施例提供的页面加载方法可以包括如下步骤：

步骤301：在上一级页面布局初始化时，从路由表中读取下一级页面的页面数据的获取函数。

步骤302：基于获取函数，获取待加载到下一级页面上的页面数据。

步骤303：将页面数据存储到预设的存储区域中。

步骤304：将页面数据在存储区域中的存储信息，记录到路由表中。

步骤305：在进入下一级页面后，从路由表中获取该页面的页面数据的存储信息。

步骤306：基于存储信息，从存储区域中获取页面数据。

步骤307：基于页面数据对页面进行渲染。

具体的，本公开实施例中，在上一级页面布局初始化时，并行的从路由表中读取下一级页面的页面数据的获取函数的信息，然后根据该获取函数，获取下一级页面的页面数据并将页面数据存储在预设的存储区域中，并将页面数据在存储区域中的存储信息，数据的存储地址，数据与页面标识之间的对应关系等记录在路由表中，当应用程序的下一级页面打开，并完成页面布局初始化后，从路由表中获取该存储信息，并根据该存储信息从预设的存储区域中获取相应的数据进行渲染。

需要说明的是，在开发应用程序时，对在应用程序各页面对应的代码中对页面数据的获取函数进行标注，然后在代码编译的时候，注解处理器自动根据标注生成路由表，路由表中包括页面对应的类，或者标识信息，以及页面的页面数据的获取函数的信息；应用程序的代码中通过类来区分不同页面的代码。

在应用程序启动时，在进入上一级页面时，就根据路由表提前获取下一级页面的页面数据，由于此时，并没有进入下一级页面，对应于下一级页面的页面数据的获取函数的类也没有创建，本公开通过JavaJDK提供的反射功能在获取函数的类没有初始化时，将获取函数映射成相应的对象，并通过该对象获取相应的页面数据。具体的，在实际中一个应用程序中会有很多类，一个类包含：成员变量、成员方法、构造方法、包名等信息，利用反射技术可以对一个类进行解剖，把一个类的各个组成部分映射成一个个对象。对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意一个方法和属性；这种动态获取类中的对象的信息以及动态调用对象的方法的功能称为java语言的反射功能。在应用程序中，一个页面可以对应一个类，但是应用程序运行时，并不会一次全部加载所有页面对应的类，而是只会加载被打开的页面的类，在页面没有打开时，包含在页面的类中的信息无法被读取和处理。针对这种情况，本实施例在页面未打开时，可以利用JavaJDK提供的反射功能将页面对应的类中包括的用于获取页面数据的获取函数映射成相应的对象，而该对象的属性和方法是可以被读取和调用的，从而通过该对象即可在页面未打开时预先获取页面的页面数据。本公开在进入上一级页面时就并行获取下一级页面的页面数据，这样在进入下一级页面后就可以直接基于预先获取的页面数据进行渲染，提高了页面加载过程的速度，缩短应用程序页面展示给用户的总时间，提升了用户的体验。

在本公开实施例的又一个实施例中，应用程序各页面的代码中还可以包括对页面数据的获取函数的标注信息。图1实施例中预先获取页面数据的操作可以基于应用程序代码中的标注信息执行。示例的，图4是本公开实施例提供的一种页面加载方法的再一种流程图。如图4所示，该方法包括：

步骤401：在应用程序初始化时，基于应用程序代码中的标注信息，读取获取函数。

步骤402：基于获取函数，获取待加载到页面上的页面数据。

步骤403：将页面的标识和页面数据关联存储到存储区域中。

步骤404：在进入页面时，基于页面的标识从存储区域中读取页面数据。

步骤405：基于页面数据对页面进行渲染。

具体的，本公开实施例中，在应用程序初始化时，对应用程序的代码进行扫描，从各页面对应的代码中获得标注信息，然后基于标注信息所在的位置获取各页面的页面数据对应的获取函数；然后根据获取函数，获取应用程序页面的页面数据，并将页面对应的类，或者标识信息，以及页面的页面数据关联存储到存储区域中，在进入页面后，利用页面的标识等信息从内存中获取对应的页面数据，基于获取到的页面数据对页面进行渲染。

需要说明的是，在开发应用程序时，在应用程序各页面对应的代码中对页面数据的获取函数进行标注，其中，不同的获取函数可以通过不同的标记进行标注，也可以通过相同的标记进行标注。

示例的，图5是本公开实施例提供的一种页面加载方法的再一种流程图。如图5所示，在应用程序各页面的代码中包括对上述获取函数的标注信息时，本公开实施例提供的又一实施例可以包括如下步骤：

步骤501：在上一级页面布局初始化时，基于应用程序代码中的标注信息，读取获取函数。

步骤502：基于获取函数，获取待加载到下一级页面上的页面数据。

步骤503：将页面的标识和页面数据关联存储到存储区域中。

步骤504：在进入下一级页面后，基于页面的标识从存储区域中读取页面数据。

步骤505：基于页面数据对页面进行渲染。

具体的，本公开实施例中，在上一级页面代码进行页面布局初始化时，并行的对下一级页面的代码进行扫描，获得下一级页面的代码中的标注信息，然后，基于该标注信息所在的位置，获取下一级页面的页面数据的获取函数；然后根据该获取函数，获取下一级页面的页面数据，并将下一级页面对应的类，或者标识信息，以及下一级页面的页面数据关联存储到存储区域中，在进入上述下一级页面，且下一级页面的布局初始化完成时，利用该页面的标识等信息从存储区域中获取页面数据，基于获取到的页面数据对页面进行渲染。

需要说明的是，在开发应用程序时，在应用程序各页面对应的代码中对页面数据的获取函数进行标注，其中，不同的获取函数可以通过不同的标记进行标注，也可以通过相同的标记进行标注。

图6是本公开实施例提供的一种页面加载装置的一种框图。

结合图6，本公开的一个实施例提供了一种页面加载装置，该装置包括：

获取模块601，用于在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中。

渲染模块602，用于进入页面后，在完成页面的布局初始化后，从存储区域中获取页面数据，基于页面数据进行页面渲染。

在一种实施方式中，获取模块601可以用于：在应用程序初始化时，获取页面的页面数据。

在另一种实施方式中，上述获取模块601可以用于：在页面的上一级页面布局初始化时，获取页面的页面数据。

在一种实施方式中，应用程序中可以包括路由表，路由表中包括待加载到页面上的页面数据的获取函数；

获取模块601具体用于：

从路由表中读取所述获取函数；

基于获取函数，获取待加载到页面上的页面数据。

在一种实施方式中，本实施例提供的装置还可以包括：

记录模块603，用于：在页面数据存储到预设的存储区域之后，将页面数据在存储区域中的存储信息，记录到路由表中；

渲染模块602具体用于：从路由表中获取页面数据的存储信息；

基于存储信息，从存储区域中获取页面数据；

基于页面数据对页面进行渲染。

在一种实施方式中，在应用程序中，页面对应的代码中包括对获取函数的标注信息；

获取模块601具体可以用于：

基于标注信息，从代码中读取获取函数；

基于获取函数，获取待加载到页面上的页面数据。

在一种实施方式中，获取模块601，具体还可以用于：

将页面的标识和页面数据关联存储到存储区域中；

渲染模块602具体可以用于：

基于页面的标识从存储区域中读取页面数据；

基于页面数据对页面进行渲染。

本实施例提供的装置可以执行图1-图5中任一实施例的方法，其执行方式和有益效果类似，其执行方法和有益效果类似，在这里不在赘述。

图7为本公开实施例提供的一种终端设备的框图。

结合图7，本公开实施例的终端设备包括：处理器701、存储器702以及存储在存储器702中并可在处理器701上运行的计算机程序，例如实施例中页面加载方法对应的程序。处理器701执行所述计算机程序时实现上述实施例页面加载方法中的步骤，例如图1所示的步骤101～步骤102、图2所示的步骤201～步骤207、图3所示的步骤301～步骤307、图4所示的步骤401～步骤405以及图5所示的步骤501～步骤505。

终端设备可以是车机、桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。终端设备可以包括，但不仅限于，处理器、存储器。本领域技术人员可以理解，示意图7仅仅是终端设备的示例，并不构成对终端设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如终端设备还可以包括输入输出设备、网络接入设备、总线等。

处理器701可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(应用程序lication Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，处理器是终端设备的控制中心，利用各种接口和线路连接整个终端设备的各个部分。

存储器702可用于存储计算机程序和/或模块，处理器通过运行或执行存储在存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现终端设备的各种功能。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(SmartMedia Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

本公开实施例还提供一种计算机可读存储介质，该存储介质中存储有计算机程序，当该计算机程序被处理器执行时，处理器可以执行上述图1-图5中任一实施例的方法。

本公开实现了上述实施例方法中的全部流程或部分流程，也可以通过计算机程序来指令相关的硬件来完成，计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可以实现上述各个方法实施例的步骤。其中，计算机程序包括计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读存储介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，计算机可读存储介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读存储介质不包括电载波信号和电信信号。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (15)

1.一种页面加载方法，其特征在于，所述方法包括：

在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，将所述页面数据存储到预设的存储区域中；

进入所述页面后，在完成所述页面的布局初始化后，从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染。

2.根据权利要求1所述的方法，其特征在于，所述在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，包括：

在所述应用程序初始化时，获取所述页面的所述页面数据；

或者，

在所述页面的上一级页面布局初始化时，获取所述页面的所述页面数据。

3.根据权利要求2所述的方法，其特征在于，所述应用程序中包括路由表，所述路由表中包括待加载到所述页面上的所述页面数据的获取函数；所述获取所述页面的所述页面数据，包括：

从所述路由表中读取所述获取函数；

基于所述获取函数，获取待加载到所述页面上的页面数据。

4.根据权利要求3所述的方法，其特征在于，所述将所述页面数据存储到预设的存储区域中之后，所述方法还包括：

将所述页面数据在所述存储区域中的存储信息，记录到所述路由表中；

所述从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染，包括：

从所述路由表中获取所述页面数据的所述存储信息；

基于所述存储信息，从所述存储区域中获取所述页面数据；

基于所述页面数据对所述页面进行渲染。

5.根据权利要求2所述的方法，其特征在于，在所述应用程序中，所述页面对应的代码中包括对所述获取函数的标注信息；

所述获取所述页面的所述页面数据，包括：

基于所述标注信息，从所述代码中读取所述获取函数；

基于所述获取函数，获取待加载到所述页面上的页面数据。

6.根据权利要求5所述的方法，其特征在于，所述将所述页面数据存储到预设的存储区域中，包括：

将所述页面的标识和所述页面数据关联存储到所述存储区域中；

所述从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染，包括：

基于所述页面的标识从所述存储区域中读取所述页面数据；

基于所述页面数据对所述页面进行渲染。

7.一种页面加载装置，其特征在于，所述装置包括：

获取模块，用于在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，将所述页面数据存储到预设的存储区域中；

渲染模块，用于进入所述页面后，在完成所述页面的布局初始化后，从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染。

8.根据权利要求7所述的装置，其特征在于，所述获取模块用于：

在所述应用程序初始化时，获取所述页面的所述页面数据；

或者，

在所述页面的上一级页面布局初始化时，获取所述页面的所述页面数据。

9.根据权利要求8所述的装置，其特征在于，所述应用程序中包括路由表，所述路由表中包括待加载到所述页面上的所述页面数据的获取函数；所述获取模块具体用于：

从所述路由表中读取所述获取函数；

基于所述获取函数，获取待加载到所述页面上的页面数据。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括记录模块，用于：

在所述页面数据存储到预设的存储区域之后，将所述页面数据在所述存储区域中的存储信息，记录到所述路由表中；

所述渲染模块具体用于：

从所述路由表中获取所述页面数据的所述存储信息；

基于所述存储信息，从所述存储区域中获取所述页面数据；

基于所述页面数据对所述页面进行渲染。

11.根据权利要求8所述的装置，其特征在于，在所述应用程序中，所述页面对应的代码中包括对所述获取函数的标注信息；

所述获取模块具体用于：

基于所述标注信息，从所述代码中读取所述获取函数；

基于所述获取函数，获取待加载到所述页面上的页面数据。

12.根据权利要求11所述的装置，其特征在于，所述获取模块，具体还用于：

将所述页面的标识和所述页面数据关联存储到所述存储区域中；

所述渲染模块具体用于：

基于所述页面的标识从所述存储区域中读取所述页面数据；

基于所述页面数据对所述页面进行渲染。

13.一种终端设备，其特征在于，包括：处理器和存储器，所述存储器中存储有计算机程序，当所述计算机程序被所述处理器执行时，所述处理器执行如权利要求1-6中任一项所述的方法。

14.根据权利要求13所述的终端设备，其特征在于，所述终端设备包括车机。

15.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时，所述处理器执行如权利要求1-6中任一项所述的方法。

Images