【技术实现步骤摘要】
一种解释渲染和代码渲染的界面渲染方法、设备及介质
[0001]本说明书涉及界面渲染
，尤其涉及一种解释渲染和代码渲染的界面渲染方法、设备及介质。
技术介绍
[0002]低代码开发工具，一般通过建立可视化页面模型，进而解析模型绘制页面。解析模型绘制页面的过程中，往往依赖一个页面解析引擎，此引擎是一个高度封装的黑盒模块，对外界不透明，不能满足开发者需要高度控制页面代码的场景。此外，在低代码开发工具领域，各厂商一般采用JSON格式的文档描述页面，可以通过实现一个前端渲染引擎绘制页面，也可以直接将JSON格式的文档转换为目标前端框架的源代码。使用渲染引擎解析渲染页面具有很好的动态性，开发者可随时调整JSON格式的描述页面文档，实时调整最终页面效果。对于对代码安全要求高的客户，希望可以掌控所有代码，并在客户现场可以构建完整应用，以便于保证代码安全。
[0003]低代码开发工具往往采用生成渲染页面代码的方式，为开发者提供更高的控制代码的能力，然而直接生成渲染页面代码的方式，往往又会损失一部分动态渲染能力。将描述页面文档直接...
【技术保护点】
【技术特征摘要】
1.一种解释渲染和代码渲染的界面渲染方法，其特征在于，所述方法包括：确定待渲染界面的多个界面元素，对所述多个界面元素分别进行定义，生成界面描述文档；通过Html转换器，将所述界面描述文档转换为Html结构；获取目标前端框架的框架类型，根据所述框架类型，将所述Html结构转换为所述目标前端框架的前端语句；对所述前端语句进行持久化操作，得到目标代码文件，以将所述目标代码文件输出为可执行脚本文件，其中，所述可执行脚本文件用于执行脚本绘制所述待渲染界面。2.根据权利要求1所述的一种解释渲染和代码渲染的界面渲染方法，其特征在于，确定待渲染界面的多个界面元素，具体包括：在描述界面过程中，预先对界面元素进行分类，得到容器类元素和原子类元素，其中，所述容器类元素的属性包括元素标识、元素类型和元素内容，所述原子类元素的属性包括元素标识和元素类型；根据所述容器类元素的属性以及所述原子类元素的属性，将所述待渲染界面的界面元素分为页面容器类元素、组件容器类元素和组件引用原子类元素。3.根据权利要求2所述的一种解释渲染和代码渲染的界面渲染方法，其特征在于，对所述多个界面元素分别进行定义，生成界面描述文档，具体包括：对所述界面元素中的页面容器类元素、组件容器类元素和组件引用原子类元素分别进行属性定义，得到多个界面元素属性；根据所述多个界面元素属性进行元素组装，生成界面描述文档。4.根据权利要求1所述的一种解释渲染和代码渲染的界面渲染方法，其特征在于，通过Html转换器，将所述界面描述文档转换为Html结构，具体包括：通过Html转换器，读取所述界面描述文档；在所述界面描述文档中，以页面容器类元素开始，遍历每个界面元素，以读取界面元素的元素类型，其中，所述元素类型包括容器类元素和原子类元素；根据每个界面元素的元素类型，在预先构建的映射表中，确定出与所述元素类型对应的Html片段，其中，所述映射表用于表示界面元素与Html片段的对应关系；基于多个Html片段，得到所述界面描述文档对应的所述Html结构。5.根据权利要求1所述的一种解释渲染和代码渲染的界面渲染方法，其特征在于，根据所述框架类型，将所述Html结构转换为所述目标前端框架的前端语句，具体包括：接收目标前端框架的框架类型；根据所述框架类型，构造与所述框架类型对应的前端语句转换器，并对前端语句转换器接口进行定义；通过所述前端语句转换器接口，接收所述Html结构中的多个Html片段，遍历Html节点，以收集多个构造语句对象的上下文信息；根据每个构造语句对象的上下文信息，得到输出语句集合，以根据所述输出语句集合，得到所述目标前端框架的前端语句。6.根据权利要求1所述的一种解释渲染和代码渲染的界面渲染方法，其特征在于，对所述前端语句进行持久化操作，得到目标代码文件，具体包括：
遍历输出所述语句集合中的前端语句，依次对所述语句集合...
【专利技术属性】
技术研发人员：陈圣杰，
申请(专利权)人：浪潮通用软件有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。