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

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

【技术实现步骤摘要】
页面加载方法、装置、设备及计算机可读存储介质
本公开实施例涉及前端展示
，尤其涉及页面加载方法、装置、设备及计算机可读存储介质。
技术介绍
随着前端技术发展，人们对页面的加载速度要求越来越高，页面加载速度直接影响着用户的体验和服务质量。现有的页面加载的过程都需要对页面布局进行初始化，而这个过程都会消耗一些时间，初始化完成后再去从网络或者数据库中异步请求数据，数据获取成功后再将数据渲染到页面布局上，这个流程是串行的，耗时较长用户体验较差。
技术实现思路
为了解决上述技术问题或者至少部分地解决上述技术问题，本公开实施例提供了一种页面加载方法、装置、设备及计算机可读存储介质。本公开第一方面提供了一种页面加载方法，该方法包括：在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中；进入页面后，在完成页面的布局初始化后，从存储区域中获取所述页面数据，基于页面数据进行页面渲染。进一步地，在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，包括：在应用程序初始化时，获取页面的所述页面数据；或者，在页面的上一级页面布局初始化时，获取页面的页面数据。进一步地，应用程序中包括路由表，路由表中包括待加载到页面上的页面数据的获取函数；获取页面的页面数据，包括：从路由表中读取所述获取函数；基于获取函数，获取待加载到页面上的页面数据。进一步地，将页面数据存储到预设的存储区域中之后，方法还包括：将页面数据在存储区域中的存储信息，记录到路由表中；从存储区域中获取页面数据，基于页面数据进行页面渲染，包括：从路由表中获取页面数据的存储信息；基于存储信息，从存储区域中获取页面数据；基于页面数据对页面进行渲染。进一步地，在应用程序中，页面对应的代码中包括对获取函数的标注信息；获取页面的页面数据，包括：基于标注信息，从代码中读取获取函数；基于获取函数，获取待加载到页面上的页面数据。进一步地，将页面数据存储到预设的存储区域中，包括：将页面的标识和页面数据关联存储到存储区域中；从存储区域中获取页面数据，基于页面数据进行页面渲染，包括：基于页面的标识从存储区域中读取页面数据；基于页面数据对页面进行渲染。本公开的第二方面提供了一种页面加载装置，该装置包括：获取模块，用于在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中；渲染模块，用于进入页面后，在完成页面的布局初始化后，从存储区域中获取页面数据，基于页面数据进行页面渲染。进一步地，获取模块，用于：在应用程序初始化时，获取页面的页面数据；或者，在页面的上一级页面布局初始化时，获取页面的页面数据。进一步地，应用程序中包括路由表，路由表中包括待加载到页面上的页面数据的获取函数；获取模块用于：从路由表中读取所述获取函数；基于获取函数，获取待加载到页面上的页面数据。进一步地，装置还包括记录模块，用于：在页面数据存储到预设的存储区域之后，将页面数据在存储区域中的存储信息，记录到路由表中；渲染模块具体用于：从路由表中获取页面数据的存储信息；基于存储信息，从存储区域中获取页面数据；基于页面数据对页面进行渲染。进一步地，在应用程序中，页面对应的代码中包括对获取函数的标注信息；获取模块具体用于：基于标注信息，从代码中读取获取函数；基于获取函数，获取待加载到页面上的页面数据。进一步地，获取模块具体还用于：将页面的标识和页面数据关联存储到存储区域中；渲染模块具体用于：基于页面的标识从存储区域中读取页面数据；基于页面数据对页面进行渲染。本公开第三方面提供了一种终端设备，包括处理器和存储器，存储器中存储有计算机程序，当计算机程序被处理器执行时，处理器执行上述第一方面的方法。所述终端设备包括车机。本公开第四方面提供了一种计算机可读存储介质，该存储介质上存储有计算机程序，计算机程序被处理器执行时，处理器执行上述第一方面的方法。本公开实施例提供的一个或多个技术方案，至少具有如下效果或优点：本公开提供的技术方案，在进入应用程序的页面之前，预先获取待加载到页面上的页面数据，将页面数据存储到预设的存储区域中；进入页面后，在完成页面的布局初始化后，从存储区域中获取所述页面数据，基于页面数据进行页面渲染。相比于现有技术，在本公开实施例中，在进入页面之前，预先获取页面数据，在页面加载时可以直接基于预先获取到的页面数据进行页面渲染，而不需要在页面加载时消耗从网络等数据源获取页面数据的时间，进而缩短了页面加载时间，提高了加载速率。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本公开实施例提供的一种页面加载方法的流程图；图2是本公开实施例提供的一种页面加载方法的一种流程图；图3是本公开实施例提供的一种页面加载方法的另一种流程图；图4是本公开实施例提供的一种页面加载方法的再一种流程图；图5是本公开实施例提供的一种页面加载方法的再一种流程图；图6是本公开实施例提供的一种页面加载装置的一种框图；图7是本公开实施例提供的一种终端设备的框图。具体实施方式为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。为了便于理解本公开的技术方案，首先对本公开涉及的部分专业技术进行解释：用户界面(UserInterface，简称UI)布局：指对软件的人机交互、操作逻辑、界面美观的整体设计。页面加载速度：通常页面加载的时间是指从进入页面开始，到该页面完整布局以及加载全部数据为截止的时间，这个时间越少页面加载速度越快。页面加载流程：通常一个页面加载的过程包括UI布局加载并显示到页面上，然后请求网络数据，再将数据渲染到页面布局上。路由信息：通常用一个字符串表示，代表一段特定方法的标识，方便识别到用于获取数据的获取函数。注解：注解又称Java标注，是JDK5.0引本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，所述方法包括：/n在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，将所述页面数据存储到预设的存储区域中；/n进入所述页面后，在完成所述页面的布局初始化后，从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染。/n

【技术特征摘要】
1.一种页面加载方法，其特征在于，所述方法包括：
在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，将所述页面数据存储到预设的存储区域中；
进入所述页面后，在完成所述页面的布局初始化后，从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染。


2.根据权利要求1所述的方法，其特征在于，所述在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，包括：
在所述应用程序初始化时，获取所述页面的所述页面数据；
或者，
在所述页面的上一级页面布局初始化时，获取所述页面的所述页面数据。


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


4.根据权利要求3所述的方法，其特征在于，所述将所述页面数据存储到预设的存储区域中之后，所述方法还包括：
将所述页面数据在所述存储区域中的存储信息，记录到所述路由表中；
所述从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染，包括：
从所述路由表中获取所述页面数据的所述存储信息；
基于所述存储信息，从所述存储区域中获取所述页面数据；
基于所述页面数据对所述页面进行渲染。


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


6.根据权利要求5所述的方法，其特征在于，所述将所述页面数据存储到预设的存储区域中，包括：
将所述页面的标识和所述页面数据关联存储到所述存储区域中；
所述从所述存储区域中获取所述页面数据，基于所述页面数据进行页面渲染，包括：
基于所述页面的标识从所述存储区域中读取所述页面数据；
基于所述页面数据对所述页面进行渲染。


7.一种页面加载装置，其特征在于，所述装置包括：
获取模块，用于在进入应用程序的页面之前，预先获取待加载到所述页面上的页面数据，将...

【专利技术属性】
技术研发人员：张剑涛，
申请(专利权)人：北京车和家信息技术有限公司，
类型：发明
国别省市：北京;11