[发明专利]一种基于渲染引擎的界面渲染方法、设备及介质

说明书

本说明书实施例公开了一种基于渲染引擎的界面渲染方法、设备及介质，涉及计算机技术领域，方法包括：获取待渲染界面的界面展示策略，按照预设方式，基于界面展示策略，构建待渲染界面对应的界面渲染数据源，界面渲染数据源包括待渲染界面中界面组件的组件嵌套属性；通过渲染引擎，对待渲染界面对应的渲染数据源进行解析，得到待渲染界面的多个界面组件；按照待渲染界面中界面组件的组件嵌套属性，对待渲染界面的多个界面组件进行排序，生成待渲染界面的界面组件渲染顺序；按照待渲染界面的界面组件渲染顺序，依次对界面组件进行渲染，得到待渲染界面。不再依靠脚本js文件进行界面渲染，减少下载js文件的请求次数，避免部署大量js文件的负担。

技术领域

本说明书涉及计算机技术领域，尤其涉及一种基于渲染引擎的界面渲染方法、设备及介质。

背景技术

在当前B/S架构以及基于浏览器开发的Web系统中，绝大部分使用js脚本文件来作为界面渲染的方式。现有界面渲染技术，通过下载不同脚本js文件进行界面渲染，脚本js文件来自开发人员将源代码文件及其配置，通过webpack或rollup等打包工具，打包成单个复杂的js文件，再将多个不同js文件部署于服务器，在浏览器端通过不同js文件的互相调用，来进行界面的渲染。

开发人员将源代码通过打包工具打包成固定格式的js文件，因此需要固定格式的js引擎来将执行js文件，进而在浏览器进行界面渲染。但此种方式存在明显的弊端，不同打包格式的js文件需要不同的js解析引擎，需要开发人员适配特定打包格式。此外，随着系统功能增加，js文件个数会大幅度增加，需要多次的请求服务器js文件，增加网络开销，并加重了服务器负担，且由于指定js文件的打包格式，针对不同浏览器的适配将变得非常困难。

由上述论述可知，现有的界面渲染方式依赖脚本文件，部署过程较为繁琐，适配性和渲染效率较差，无法满足界面渲染需求。

发明内容

本说明书一个或多个实施例提供了一种基于渲染引擎的界面渲染方法、设备及介质，用于解决如下技术问题：现有的界面渲染方式依赖脚本文件，部署过程较为繁琐，适配性和渲染效率较差，无法满足界面渲染需求。

本说明书一个或多个实施例采用下述技术方案：

本说明书一个或多个实施例提供一种基于渲染引擎的界面渲染方法，其特征在于，所述方法包括：获取待渲染界面的界面展示策略，按照预设方式，基于所述界面展示策略，构建所述待渲染界面对应的界面渲染数据源，其中，所述界面渲染数据源包括待渲染界面中界面组件的组件嵌套属性；通过渲染引擎，对所述待渲染界面对应的渲染数据源进行解析，得到所述待渲染界面的多个界面组件；按照所述待渲染界面中界面组件的组件嵌套属性，对所述待渲染界面的多个界面组件进行排序，生成所述待渲染界面的界面组件渲染顺序；按照所述待渲染界面的界面组件渲染顺序，依次对所述界面组件进行渲染，得到所述待渲染界面。

进一步地，按照预设方式，基于所述界面展示策略，构建所述待渲染界面的界面渲染数据源，具体包括：确定所述界面展示策略中的界面展示格式；基于所述界面展示格式，确定出多个需求组件和每个需求组件的组件属性，所述组件属性包括组件名称、组件类型以及组件嵌套关系；根据多个需求组件和每个需求组件的组件属性，构建语句节点，生成界面格式文件，其中，所述界面格式文件为JSON格式；将所述界面格式文件作为所述待渲染界面的界面渲染数据源。

进一步地，通过渲染引擎，对所述待渲染界面对应的渲染数据源进行解析，得到所述待渲染界面的多个界面组件，具体包括：通过渲染引擎，对所述渲染数据源进行节点查找，确定多个指定语句节点，其中，所述指定语句节点用于表示需求组件；对所述多个指定语句节点进行节点内容解析，得到每个指定语句节点对应的节点属性；根据所述每个指定语句节点对应的节点属性，得到所述待渲染界面对应的多个界面组件。