页面渲染方法、装置、设备及可读存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111274510A(43)申请公布日2020.06.12(21)申请号202010042501.1(22)申请日2020.01.15(71)申请人平安银行股份有限公司地址518001广东省深圳市罗湖区深南东路5047号(72)发明人陈旭伟(74)专利代理机构北京市京大律师事务所11321代理人刘挽澜(51)Int.Cl.G06F16/957(2019.01)G06F9/455(2006.01)权利要求书2页说明书9页附图6页(54)发明名称页面渲染方法、装置、设备及可读存储介质(57)摘要本发明涉及基架运维技术领域，公开了一种页面渲染方法，包括以下步骤：获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；若解析所述请求为串行页面渲染的类型，则进行串行页面渲染；若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器；在通过所述逻辑容器加载网页的逻辑代码的同时，通过所述视图容器加载并得到视图代码；通过所述视图容器执行所述视图代码对待渲染页面进行渲染。本发明还公开了一种页面渲染装置、设备及计算机可读存储介质。本发明采用并行页面渲染的模式渲染Web应用可减少时间消耗，提高了网页渲染的效率。CN111274510ACN111274510A权利要求书1/2页1.一种页面渲染方法，其特征在于，所述页面渲染方法包括以下步骤：获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；若解析所述请求为串行页面渲染的类型，则进行串行页面渲染；若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器；在通过所述逻辑容器加载网页的逻辑代码的同时，通过所述视图容器加载并得到视图代码；通过所述视图容器执行所述视图代码对待渲染页面进行渲染。2.如权利要求1所述的页面渲染方法，其特征在于，所述若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器包括以下步骤：若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器，并通过预先部署在视图容器与逻辑容器内的心跳包，分别记录启动视图容器的时间、页面渲染的时间的总和T1和加载/执行网页的逻辑代码的时间T2；判断所述T1是否大于所述T2；若是，则保留所述T1，若否，则保留所述T2。3.如权利要求1所述的页面渲染方法，其特征在于,在所述若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器的步骤之前，还包括以下步骤：在待渲染页面的逻辑层的逻辑容器中分别建立映射map1，以及在待渲染页面的视图层的视图容器中建立映射map2；通过共同的唯一标识uniqueid连接所述map1与所述map2，得到对应关系，根据所述对应关系建立逻辑容器和视图容器之间的关联关系；根据所述关联关系，通过PostMessage实现所述逻辑容器和所述视图容器之间的消息传递。4.如权利要求3所述的页面渲染方法，其特征在于,在所述根据所述关联关系，通过PostMessage实现所述逻辑容器和所述视图容器之间的消息传递的步骤之后，还包括以下步骤：根据接收到的用户指令，判断逻辑容器是否存在待执行的DOM操作；若逻辑容器存在待执行的DOM操作，则通过PostMessage将DOM操作以消息的形式传递给视图容器。5.如权利要求3所述的页面渲染方法，其特征在于,在所述根据所述关联关系，通过PostMessage实现所述逻辑容器和所述视图容器之间的消息传递的步骤之后，还包括以下步骤：通过事件监听器EventListener对视图页面进行监听，判断所述视图页面是否存在用户交互操作的事件；若是，则将所述事件作为EventListener的输入参数，得到响应消息，并通过2CN111274510A权利要求书2/2页PostMessage将所述响应消息发送至逻辑层。6.如权利要求1-5任一项所述的页面渲染方法，其特征在于,在所述获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染的步骤之前，还包括以下步骤：预先设置页面渲染的方式，其中，所述方式包括同步渲染方式和异步渲染方式；将交互控制代码、DOM封装于视图容器，将交互控制代码、加载/执行网页的逻辑代码封装于逻辑容器。7.一种页面渲染装置，其特征在于，所述页面渲染装置包括以下模块：获取和解析模块，用于获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；串行页面