[发明专利]页面渲染方法、装置和电子设备

说明书

本申请提出一种页面渲染方法、装置和电子设备。方法包括：获取待渲染页面上的页面组件的配置数据；基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据；基于所述转换数据，对所述页面组件进行渲染，以对所述待渲染页面进行渲染。由此，可考虑到页面组件的技术栈的类别，对页面组件的配置数据进行转换，得到转换数据，以渲染页面组件，可实现同一页面上的多个技术栈类别的页面组件的混合渲染，相较于相关技术中仅能实现同一页面上的同一技术栈类别的页面组件的渲染，有助于提高页面渲染的灵活性。

技术领域

本申请涉及计算机应用技术领域，尤其涉及一种页面渲染方法、装置、电子设备和存储介质。

背景技术

目前，随着网络技术的不断发展，页面组件化具有开发工作量少、扩展性好等优点，在网页、应用程序(比如小程序)等领域中得到了广泛应用。页面渲染的过程中，需要对页面组件进行渲染，然而，相关技术中的页面渲染方法，存在灵活性低的问题。

发明内容

本申请旨在至少在一定程度上解决相关技术中页面渲染方法存在灵活性低的技术问题之一。

为此，本申请第一方面实施例提出一种页面渲染方法，可考虑到页面组件的技术栈的类别，对页面组件的配置数据进行转换，得到转换数据，以渲染页面组件，可实现同一页面上的多个技术栈类别的页面组件的混合渲染，相较于相关技术中仅能实现同一页面上的同一技术栈类别的页面组件的渲染，有助于提高页面渲染的灵活性。

本申请第二方面实施例提出一种页面渲染装置。

本申请第三方面实施例提出一种电子设备。

本申请第四方面实施例提出一种计算机可读存储介质。

本申请第一方面实施例提出了一种页面渲染方法，包括：获取待渲染页面上的页面组件的配置数据；基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据；基于所述转换数据，对所述页面组件进行渲染，以对所述待渲染页面进行渲染。

根据本申请实施例的页面渲染方法，获取待渲染页面上的页面组件的配置数据，基于页面组件的技术栈的类别，对配置数据进行转换，得到转换数据，基于转换数据，对页面组件进行渲染，以对待渲染页面进行渲染。由此，可考虑到页面组件的技术栈的类别，对页面组件的配置数据进行转换，得到转换数据，以渲染页面组件，可实现同一页面上的多个技术栈类别的页面组件的混合渲染，相较于相关技术中仅能实现同一页面上的同一技术栈类别的页面组件的渲染，有助于提高页面渲染的灵活性。

另外，根据本申请上述实施例的页面渲染方法还可以具有如下附加的技术特征：

在本申请的一个实施例中，所述基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据，包括：基于所述页面组件的技术栈的类别，确定所述转换数据的数据类别；按照所述数据类别，对所述配置数据进行转换，得到所述转换数据。

在本申请的一个实施例中，所述基于所述转换数据，对所述页面组件进行渲染，包括：加载所述页面组件的组件实体；基于所述组件实体和所述转换数据，对所述页面组件进行渲染。

在本申请的一个实施例中，所述基于所述组件实体和所述转换数据，对所述页面组件进行渲染，包括：基于所述组件实体和所述转换数据，生成所述待渲染页面的虚拟组件树，其中，所述虚拟组件树的节点用于表征所述页面组件；对所述虚拟组件树进行遍历，并基于当前遍历到的目标节点的第一节点数据，对所述目标节点表征的目标页面组件进行渲染，直至所述虚拟组件树遍历结束。

在本申请的一个实施例中，所述基于所述组件实体和所述转换数据，生成所述待渲染页面的虚拟组件树，包括：基于所述组件实体和所述转换数据，得到所述节点的第二节点数据；按照所述节点之间的层级关系，对所述第二节点数据进行组合，得到所述虚拟组件树。

在本申请的一个实施例中，还包括：基于所述页面组件之间的层级关系，确定所述节点之间的层级关系。