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

说明书

本公开是关于一种页面渲染方法、装置、电子设备及存储介质，属于计算机技术领域。方法包括：响应于对目标页面的展示指令，基于目标页面的页面数据，在原生环境中创建第一对象，在数据加载环境中，创建第二对象，通过第二对象，向第一对象发送控件属性信息，通过第一对象，接收控件属性信息，基于控件属性信息进行渲染。本公开实施例提供的页面渲染方法，基于页面的页面数据，分别在原生环境及数据加载环境中创建具有关联关系的第一对象和第二对象，通过第一对象与第二对象之间的交互，实现了对页面的渲染，并且，在渲染页面的过程中，无需对页面数据进行类型转换，从而提高了页面效率。

技术领域

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

背景技术

随着计算机技术的发展，目前提出了基于框架开发应用的方式，例如基于flutter框架、react native框架等多种框架均可开发应用。

对于这种基于框架开发的应用来说，在展示该应用中的任一页面时，需要通过该框架将该页面对应的页面数据转换成当前操作系统所支持的数据类型，才能根据转换后的页面数据渲染该页面，实现页面的展示。

但是，上述过程中需要对页面数据的类型进行转换，此过程所需花费的时间较长，导致页面渲染效率较低。

发明内容

本公开提供了一种页面渲染方法、装置、电子设备及存储介质，提高了页面渲染效率。

根据本公开实施例的一方面，提供一种页面渲染方法，所述页面渲染方法包括：

响应于对目标页面的展示指令，基于所述目标页面的页面数据，在原生环境中创建第一对象，所述页面数据包括控件属性信息，所述控件属性信息用于表示所述目标页面中的控件；

在数据加载环境中，创建第二对象，所述第二对象与所述第一对象关联且所述第二对象与所述控件属性信息关联，所述数据加载环境用于加载页面的页面数据；

通过所述第二对象，向所述第一对象发送所述控件属性信息；

通过所述第一对象，接收所述控件属性信息，基于所述控件属性信息进行渲染。

本公开实施例提供的页面渲染方法，在渲染页面时，基于页面的页面数据，分别在原生环境及数据加载环境中创建具有关联关系的第一对象和第二对象，通过第一对象与第二对象之间的交互，实现了对页面的渲染，并且，在渲染页面的过程中，无需对页面数据进行类型转换，从而提高了页面效率。

在一些实施例中，所述响应于对目标页面的展示指令，基于所述目标页面的页面数据，在原生环境中创建第一对象之前，所述页面渲染方法还包括：

在应用启动时，运行应用框架；

通过所述应用框架创建所述数据加载环境；

通过所述应用框架，将所述应用框架中的类信息注入所述数据加载环境中，所述类信息包括渲染接口标识与属性标识之间的对应关系，所述渲染接口标识用于指示所述原生环境中的类包含的渲染接口，所述属性标识用于指示所述类包含的控件属性信息。

在本公开实施例提供了一种应用框架，在应用框架运行时，创建数据加载环境，并将应用框架的类信息注入数据加载环境中，后续数据加载环境能够基于该类信息调用原生环境中的接口，从而实现数据加载环境与原生环境之间的交互，避免了后续在渲染页面过程中无法找到对应的类信息而出现异常的情况，以保证后续页面的正常渲染。

在一些实施例中，所述响应于对目标页面的展示指令，基于所述目标页面的页面数据，在原生环境中创建第一对象，包括：

响应于所述展示指令，通过所述数据加载环境对所述页面数据进行解析，得到所述控件属性信息及对应的类标识，所述类标识用于指示所述控件的类；