[发明专利]页面渲染方法、装置、设备及可读存储介质

说明书

本发明涉及基架运维技术领域，公开了一种页面渲染方法，包括以下步骤：获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；若解析所述请求为串行页面渲染的类型，则进行串行页面渲染；若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器；在通过所述逻辑容器加载网页的逻辑代码的同时，通过所述视图容器加载并得到视图代码；通过所述视图容器执行所述视图代码对待渲染页面进行渲染。本发明还公开了一种页面渲染装置、设备及计算机可读存储介质。本发明采用并行页面渲染的模式渲染Web应用可减少时间消耗，提高了网页渲染的效率。

技术领域

本发明涉及计算机渲染技术领域，尤其涉及一种页面渲染方法、装置、设备及计算机可读存储介质。

背景技术

目前,单页应用SPA解决了不同子页面之间路由切换时因资源加载而导致的白屏问题。但是传统SPA在Hybrid应用模式中无法使用原生App的视图切换效果，例如：推压栈动画效果，手势滑动导航等。多页应用MPA刚好相反，它保留了原App视图切换效果，且每个页面内存保持独立，但是无法避免因为资源重新加载导致的白屏。无论是SPA还是MPA都无法达到最佳的用户体验。一般只能选择一种默认的渲染方式，无法根据页面渲染请求选择不同的渲染方式，因此，会导致网页渲染的效率低下。

发明内容

本发明的主要目的在于提供一种页面渲染方法、装置、设备及计算机可读存储介质，旨在解决页面渲染效率较低的技术问题。

为实现上述目的，本发明提供一种页面渲染方法，所述页面渲染方法包括以下步骤：

获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；

若解析所述请求为串行页面渲染的类型，则进行串行页面渲染；

若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器，；

在通过所述逻辑容器加载网页的逻辑代码的同时，通过所述视图容器加载并得到视图代码；

通过所述视图容器执行所述视图代码对待渲染页面进行渲染。

可选地，所述若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器包括以下步骤：

若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器，并通过预先部署在视图容器与逻辑容器内的心跳包，分别记录启动视图容器的时间、页面渲染的时间的总和T₁和加载/执行网页的逻辑代码的时间T₂；

判断所述T₁是否大于所述T₂；

若所述T₁大于所述T₂，则保留所述T₁，若所述T₁小于或等于所述T₂，则保留所述T₂。

可选地,在所述若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器的步骤之前，还包括以下步骤：

在待渲染页面的逻辑层的逻辑容器中建立映射map₁，以及在待渲染页面的视图层的视图容器中建立映射map₂；；

通过共同的唯一标识uniqueid连接所述map₁与所述map₂，得到对应关系，根据所述对应关系建立逻辑容器和视图容器之间的关联关系；