一种页面渲染方法、装置、设备及存储介质与流程

文档序号:35867964发布日期:2023-10-27 21:40阅读:57来源:国知局
一种页面渲染方法、装置、设备及存储介质与流程

本技术涉及计算机,尤其涉及一种页面渲染方法、装置、设备及存储介质。


背景技术:

1、随着科技的不断发展,越来越多的设备可以通过页面渲染来呈现页面,从而可以通过呈现不同的页面展示不同的内容。例如,通过页面渲染来呈现落地页,从而通过呈现不同的落地页可以展示不同的推广内容,以提供丰富多样的推广服务。

2、相关技术中,由于可以渲染页面的设备的渲染技术类型较为丰富,因此页面渲染的方法通常是,先确定投放某页面的设备的渲染技术类型;再从该渲染技术类型对应的制作平台中,采用该渲染技术类型制作该页面的页面数据;最后采用该渲染技术类型,在设备中基于制作出的页面数据进行页面渲染,从而呈现出相应的页面。

3、然而,由于随着科技的不断发展,设备的渲染技术类型日益丰富,因此针对相同的内容呈现目标,需要在多种制作平台中采用不同的渲染技术类型制作相同的页面。也就是说,针对相同的页面需要获得多种不同的页面数据,才可以在不同渲染技术类型的设备中进行相应的页面渲染。

4、由于不同的渲染技术类型的实现方式不同,且页面需要人工参与制作,因此,即使是针对相同的页面,所获得的各页面数据的渲染效果也无法做到完全相同,从而使得不同渲染技术类型的设备中,相同页面的页面渲染不一致。

5、可见,相关技术中,相同页面在不同渲染技术类型的设备中,页面渲染的一致性较低。


技术实现思路

1、本技术实施例提供了一种页面渲染方法、装置、计算机设备及存储介质,用于解决相同页面在不同渲染技术类型的设备中,页面渲染的一致性较低的问题。

2、第一方面,提供一种页面渲染方法,包括:

3、获取具有指定数据格式的初始页面数据,以及获取目标终端采用的渲染技术类型;其中,所述初始页面数据是:在经渲染处理后获得目标页面的数据;

4、从对应多种数据实现类型的基础组件集合和事件组件集合中,选取数据实现类型与所述渲染技术类型相匹配的目标基础组件和目标事件组件;其中,所述基础组件用于实现页面包含的各基本组成元素;所述事件组件用于实现页面中可触发的各操作;

5、基于所述初始页面数据,对获得的目标基础组件和目标事件组件进行嵌入处理,生成所述目标终端对应的目标页面数据;

6、基于所述目标页面数据进行页面渲染,并在所述目标终端中呈现相应的目标页面。

7、第二方面,提供一种页面渲染装置,包括:

8、获取模块:用于获取具有指定数据格式的初始页面数据,以及获取目标终端采用的渲染技术类型;其中,所述初始页面数据是:在经渲染处理后获得目标页面的数据;

9、处理模块:用于从对应多种数据实现类型的基础组件集合和事件组件集合中,选取数据实现类型与所述渲染技术类型相匹配的目标基础组件和目标事件组件;其中,所述基础组件用于实现页面包含的各基本组成元素;所述事件组件用于实现页面中可触发的各操作;

10、所述处理模块还用于:基于所述初始页面数据,对获得的目标基础组件和目标事件组件进行嵌入处理,生成所述目标终端对应的目标页面数据;

11、所述处理模块还用于:基于所述目标页面数据进行页面渲染,并在所述目标终端中呈现相应的目标页面。

12、可选的,所述获取模块具体用于:

13、响应于针对初始页面触发的绘制操作,按照指定数据格式,获得绘制出的各页面元素的元素数据,其中,所述绘制操作用于将所述初始页面绘制成所述目标页面;

14、基于获得的各元素数据,生成所述初始页面数据。

15、可选的,所述获取模块具体用于:

16、响应于针对所述各页面元素触发的配置操作,按照所述指定数据格式,获得所述各页面元素关联的配置数据,其中,所述配置操作用于配置所述各页面元素的元素样式或可触发的操作;

17、基于获得的各元素数据及其相应的配置数据,生成所述初始页面数据。

18、可选的,所述处理模块具体用于:

19、基于所述初始页面数据,确定多个业务组件的构建策略;其中,所述业务组件用于实现页面包含的各基本功能模块;

20、基于目标基础组件和目标事件组件,分别按照所述多个业务组件的构建策略,构建相应的业务组件;

21、基于获得的各业务组件,生成所述目标终端对应的目标页面数据。

22、可选的,所述处理模块具体用于:

23、针对所述多个业务组件,分别执行以下操作:

24、基于业务组件的构建策略,确定所述业务组件对应的业务操作,其中,所述业务操作表征在所述目标页面中可触发的操作;

25、确定已构建出的各业务组件中,存在对应的操作与所述业务操作相同的目标组件时,获取构成所述目标组件的事件数据文件,其中,所述事件数据文件是对所述目标事件组件包含的数据进行编排封装获得的;

26、基于业务组件的构建策略,对所述目标基础组件包含的数据进行编排,并调用所述事件数据文件,获得所述业务组件。

27、可选的,所述处理模块还用于:

28、在所述基于目标基础组件和目标事件组件,分别按照所述多个业务组件的构建策略,构建相应的业务组件之后,针对所述多个业务组件,分别执行以下操作:分别基于事件类型和样式类型,将业务组件划分为多个子组件,其中,不同的子组件表征不同的事件类型或样式类型;

29、基于所述多个业务组件各自对应的多个子组件,在所述多个业务组件中添加新增组件,其中,所述新增组件用于作为新增的业务组件在所述目标页面中新增基本功能模块。

30、可选的,所述处理模块具体用于:

31、响应于针对所述目标页面触发的新增组件操作,分别从各子组件中,选取事件类型或样式类型与新增组件相匹配的多个目标子组件;

32、基于获得的多个目标子组件,获得所述新增组件,并将所述新增组件作为新增的业务组件,添加在所述多个业务组件中。

33、可选的,所述处理模块还用于:

34、在所述获取目标终端采用的渲染技术类型之后,确定所述渲染技术类型为指定技术类型时,获取所述指定技术类型关联的目标数据格式;

35、将所述初始页面数据由所述指定数据格式,数据转换为所述目标数据格式,获得所述目标终端对应的目标页面数据;

36、基于所述目标页面数据进行页面渲染,并在所述目标终端中呈现相应的目标页面。

37、可选的,所述处理模块具体用于:

38、确定所述渲染技术类型不是指定技术类型时,从对应多种数据实现类型的基础组件集合和事件组件集合中,选取数据实现类型与所述渲染技术类型相匹配的目标基础组件和目标事件组件。

39、可选的,所述处理模块具体用于:

40、基于所述初始页面数据,确定多个业务组件的构建策略;其中,所述业务组件用于实现页面包含的各基本功能模块;

41、基于事件类型和样式类型,分别调整所述多个业务组件的构建策略,获得相应的调整策略,其中,所述调整策略表征相应的业务组件由多个子组件构成,不同的子组件表征不同的事件类型或样式类型;

42、分别基于获得的各调整策略,按照所述目标数据格式,构建所述多个业务组件各自对应的多个子组件;

43、基于获得的各子组件,生成所述目标终端对应的目标页面数据。

44、可选的,所述调整策略还表征构成相应的业务组件的多个子组件的只读属性或动态属性,所述只读属性表征相应的子组件是否可被修改,所述动态属性表征相应的子组件是否可进行数据转换;所述处理模块具体用于:

45、基于获得的调整策略,按照所述目标数据格式,构建只读属性表征可被修改,或动态属性表征可进行数据转换的子组件。

46、第三方面,提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现如第一方面所述的方法。

47、第四方面,提供一种计算机设备,包括:

48、存储器,用于存储程序指令;

49、处理器,用于调用所述存储器中存储的程序指令,按照获得的程序指令执行如第一方面所述的方法。

50、第五方面,提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行如第一方面所述的方法。

51、本技术实施例中,无论目标终端采用哪种渲染技术类型,都可以基于具有指定数据格式的初始页面数据来进行页面渲染,避免了针对不同渲染技术类型的终端,多次开发初始页面数据的情况,从而避免多次开发出的初始页面数据存在差异,而导致不同终端对于相同的目标页面,无法进行一致的页面渲染的问题,提高了页面渲染的一致性。

52、进一步的,在获得具有指定数据格式的初始页面数据,以及目标终端采用的渲染技术类型之后,可以基于预存的多种数据实现类型的基础组件集合和事件组件集合,来选取与目标终端的渲染技术类型相匹配的目标基础组件和目标事件组件,从而可以基于目标基础组件和目标事件组件实现页面渲染。无论目标页面中包含哪些功能,都可以通过组合目标基础组件和目标事件组件的方式来实现,不需要对相同的内容进行重复的开发,不仅提高了页面渲染效率,还可以避免相同的内容出现渲染不一致的情况,提高了页面渲染的一致性。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1