System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 页面渲染方法、装置、设备、计算机可读介质和程序产品制造方法及图纸_技高网

页面渲染方法、装置、设备、计算机可读介质和程序产品制造方法及图纸

技术编号:40504194 阅读:7 留言:0更新日期:2024-03-01 13:18
本公开的实施例公开了页面渲染方法、装置、设备、计算机可读介质和程序产品。该方法的一具体实施方式包括:响应于检测到针对目标应用的目标操作,获取预先缓存的页面相关数据文件;请求本地渲染服务,以利用该页面相关数据文件,获取目标页面对应的页面渲染数据和页面渲染模版,其中,该目标页面为该目标应用中的页面;生成针对该页面渲染数据和该页面渲染模版的页面描述性文本;执行针对该页面描述性文本的页面渲染,以生成渲染页面。该实施方式与前端渲染有关,可以缩短页面渲染时长,提高渲染效率。

【技术实现步骤摘要】

本公开的实施例涉及计算机,具体涉及页面渲染方法、装置、设备、计算机可读介质和程序产品


技术介绍

1、目前,针对前端的性能优化的方案越来越多,前端的性能优化越好,对应用户体验越高。对于前端页面的渲染,通常采用的方式为:在浏览器环境下,通过客户端执行js(javascript)相关技术来完成页面结构拼装,以进一步实现页面的渲染。

2、然而,专利技术人发现,当采用上述方式来渲染前端页面,经常会存在如下技术问题:

3、目标页面(例如,首屏)的渲染时间较长,使得目标页面的首次绘制较差且交换时间较长,导致页面渲染效率低下。

4、该
技术介绍
部分中所公开的以上信息仅用于增强对本专利技术构思的背景的理解,并因此,其可包含并不形成本国的本领域普通技术人员已知的现有技术的信息。


技术实现思路

1、本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。

2、本公开的一些实施例提出了页面渲染方法、装置、设备、计算机可读介质和程序产品,来解决以上
技术介绍
部分提到的技术问题。

3、第一方面,本公开的一些实施例提供了一种页面渲染方法,包括:响应于检测到针对目标应用的目标操作,获取预先缓存的页面相关数据文件;请求本地渲染服务,以利用上述页面相关数据文件,获取目标页面对应的页面渲染数据和页面渲染模版,其中,上述目标页面为上述目标应用中的页面;生成针对上述页面渲染数据和上述页面渲染模版的页面描述性文本;执行针对上述页面描述性文本的页面渲染,以生成渲染页面。

4、可选地,上述获取预先缓存的页面相关数据文件,包括:获取本地渲染服务请求信息;请求上述本地渲染服务,以获取与上述本地渲染服务请求信息之间存在路由关联的页面相关数据文件。

5、可选地,上述利用上述页面相关数据文件,获取目标页面对应的页面渲染数据和页面渲染模版,包括:响应于确定上述页面相关数据文件与第三方渲染服务端不存在耦合关系,读取上述页面相关数据文件中的各个页面接口,其中,各个页面接口包括:数据获取接口和页面渲染模版获取接口;根据上述本地渲染服务请求信息,获取上述目标页面对应的页面渲染数据相关信息;利用上述数据获取接口,获取上述页面渲染数据相关信息对应的页面渲染数据;利用上述页面渲染模版获取接口,获取上述页面渲染模版。

6、可选地,上述方法还包括:响应于确定上述页面相关数据文件与上述第三方渲染服务端存在耦合关系,获取针对上述第三方渲染服务端的请求信息;根据上述请求信息,获取楼层页面对应的页面楼层渲染数据相关信息;获取针对上述页面楼层渲染数据相关信息对应的页面楼层渲染数据;将上述页面楼层渲染数据和上述页面渲染数据进行封装,得到封装数据,作为页面渲染数据。

7、可选地,上述生成针对上述页面渲染数据和上述页面渲染模版的页面描述性文本,包括:对上述页面渲染数据和上述页面渲染模版进行拼装,得到拼装结果;将上述拼装结果处理成描述性文本形式的文本,以生成页面描述性文本。

8、可选地,上述执行针对上述页面描述性文本的页面渲染,以生成渲染页面,包括:获取线上渲染资源和离线渲染资源;根据上述线上渲染资源和上述离线渲染资源,执行针对上述页面描述性文本的页面渲染,以生成渲染页面。

9、可选地,上述本地渲染服务对应的服务处理操作包括以下至少一项:风控检测操作,请求结果检测操作,降级处理操作,限流处理操作。

10、第二方面,本公开的一些实施例提供了一种页面渲染装置,包括:获取单元,被配置成响应于检测到针对目标应用的目标操作,获取预先缓存的页面相关数据文件;请求单元,被配置成请求本地渲染服务,以利用上述页面相关数据文件,获取目标页面对应的页面渲染数据和页面渲染模版,其中,上述目标页面为上述目标应用中的页面;生成单元,被配置成生成针对上述页面渲染数据和上述页面渲染模版的页面描述性文本;执行单元,被配置成执行针对上述页面描述性文本的页面渲染,以生成渲染页面。

11、可选地,获取单元可以被配置成:获取本地渲染服务请求信息;请求上述本地渲染服务,以获取与上述本地渲染服务请求信息之间存在路由关联的页面相关数据文件。

12、可选地,请求单元可以被配置成:响应于确定上述页面相关数据文件与第三方渲染服务端不存在耦合关系,读取上述页面相关数据文件中的各个页面接口,其中,各个页面接口包括:数据获取接口和页面渲染模版获取接口;根据上述本地渲染服务请求信息,获取上述目标页面对应的页面渲染数据相关信息;利用上述数据获取接口,获取上述页面渲染数据相关信息对应的页面渲染数据;利用上述页面渲染模版获取接口,获取上述页面渲染模版。

13、可选地,请求单元可以被配置成:响应于确定上述页面相关数据文件与上述第三方渲染服务端存在耦合关系,获取针对上述第三方渲染服务端的请求信息;根据上述请求信息,获取楼层页面对应的页面楼层渲染数据相关信息;获取针对上述页面楼层渲染数据相关信息对应的页面楼层渲染数据;将上述页面楼层渲染数据和上述页面渲染数据进行封装,得到封装数据,作为页面渲染数据。

14、可选地,生成单元可以被配置成:对上述页面渲染数据和上述页面渲染模版进行拼装,得到拼装结果;将上述拼装结果处理成描述性文本形式的文本,以生成页面描述性文本。

15、可选地,执行单元可以被配置成:获取线上渲染资源和离线渲染资源;根据上述线上渲染资源和上述离线渲染资源,执行针对上述页面描述性文本的页面渲染,以生成渲染页面。

16、第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。

17、第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如第一方面中任一实现方式描述的方法。

18、第五方面,本公开的一些实施例提供了一种计算机程序产品,包括计算机程序,计算机程序在被处理器执行时实现上述第一方面中任一实现方式所描述的方法。

19、本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面渲染方法可以缩短页面渲染时长,提高渲染效率。具体来说,造成相关的渲染效率较低的原因在于:目标页面(例如,首屏)的渲染时间较长,使得目标页面的首次绘制较差且交换时间较长,导致页面渲染效率低下。基于此,本公开的一些实施例的页面渲染方法。首先,响应于检测到针对目标应用的目标操作,获取预先缓存的页面相关数据文件。在这里,通过页面相关数据文件的预先存储,可以避免客户端在目标页面进行渲染的时候的资源加载,降低了页面首开时长,提高了页面渲染效率。请求本地渲染服务,以利用上述页面相关数据文件,获取目标页面对应的页面渲染数本文档来自技高网...

【技术保护点】

1.一种页面渲染方法,包括:

2.根据权利要求1所述的方法,其中,所述获取预先缓存的页面相关数据文件,包括:

3.根据权利要求2所述的方法,其中,所述利用所述页面相关数据文件,获取目标页面对应的页面渲染数据和页面渲染模版,包括:

4.根据权利要求3所述的方法,其中,所述方法还包括:

5.根据权利要求1所述的方法,其中,所述生成针对所述页面渲染数据和所述页面渲染模版的页面描述性文本,包括:

6.根据权利要求1所述的方法,其中,所述执行针对所述页面描述性文本的页面渲染,以生成渲染页面,包括:

7.根据权利要求1所述的方法,其中,所述本地渲染服务对应的服务处理操作包括以下至少一项:风控检测操作,请求结果检测操作,降级处理操作,限流处理操作。

8.一种页面渲染装置,包括:

9.一种电子设备,包括:

10.一种计算机可读介质,其上存储有计算机程序,其中,所述计算机程序被处理器执行时实现如权利要求1-7中任一所述的方法。

11.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-7中任一项所述的方法。

...

【技术特征摘要】

1.一种页面渲染方法,包括:

2.根据权利要求1所述的方法,其中,所述获取预先缓存的页面相关数据文件,包括:

3.根据权利要求2所述的方法,其中,所述利用所述页面相关数据文件,获取目标页面对应的页面渲染数据和页面渲染模版,包括:

4.根据权利要求3所述的方法,其中,所述方法还包括:

5.根据权利要求1所述的方法,其中,所述生成针对所述页面渲染数据和所述页面渲染模版的页面描述性文本,包括:

6.根据权利要求1所述的方法,其中,所述执行针对所述页面描述性文本的页面渲染...

【专利技术属性】
技术研发人员:胡本奎朱跃棕徐震宇
申请(专利权)人:北京沃东天骏信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1