界面生成方法、装置、电子设备及存储介质与流程

技术特征：
1.一种界面生成方法，其特征在于，包括：获取可视化页面在线编辑器的编辑界面中各原始组件，以及所述各原始组件的组件配置信息；通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件；对所述前端代码文件进行代码编译，生成与所述前端代码文件对应的目标展示页面，并在所述可视化页面在线编辑器中展示所述目标展示页面。2.根据权利要求1所述的方法，其特征在于，所述通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件，包括：通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息封装为各待展示组件，基于所述各待展示组件生成第一对象树，对所述第一对象树进行编译生成目标展示页面的前端代码文件。3.根据权利要求2所述的方法，其特征在于，在获取可视化页面在线编辑器的编辑界面中各原始组件以及所述各原始组件的组件配置信息之后，还包括：基于所述各原始组件以及所述各原始组件的组件配置信息构建第二对象树；对所述第二对象树进行遍历，确定所述第二对象树中各树节点对应的组件元素信息；所述通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息封装为各待展示组件，包括：通过预先定义的转换函数对所述第二对象树中各树节点对应的组件元素信息进行封装处理，得到各待展示组件。4.根据权利要求3所述的方法，其特征在于，所述基于所述各原始组件以及所述各原始组件的组件配置信息构建第二对象树，包括：将每个原始组件分别作为独立树节点；基于所述各原始组件的组件配置信息，确定独立树节点与独立树点间的逻辑关系；基于所述独立树节点与独立树点间的逻辑关系，构建第二对象树。5.根据权利要求1所述的方法，其特征在于，所述获取可视化页面在线编辑器的编辑界面中各原始组件，包括：接收用户在可视化页面在线编辑器的编辑界面中对各原始组件的拖拽操作；根据所述拖拽操作确定可视化页面在线编辑器的编辑界面中各原始组件。6.根据权利要求1所述的方法，其特征在于，所述对所述前端代码文件进行代码编译，生成与所述前端代码文件对应的目标展示页面，包括：通过预设的前端代码编译指令对所述前端代码文件进行代码编译，得到编译结果；根据所述编译结果，确定与所述前端代码文件对应的目标展示页面。7.根据权利要求6所述的方法，其特征在于，所述根据所述编译结果，确定与所述前端代码文件对应的目标展示页面，包括：若所述编译结果为编译成功，则将与所述前端代码文件对应的展示页面作为目标展示页面。8.根据权利要求7所述的方法，其特征在于，所述方法还包括：若所述编译结果为编译失败，则对所述前端代码文件进行修改，并编译修改后的前端
代码文件。9.一种界面生成装置，其特征在于，包括：组件配置信息获取模块，用于获取可视化页面在线编辑器的编辑界面中各原始组件，以及所述各原始组件的组件配置信息；前端代码文件得到模块，用于通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件；目标展示页面展示模块，用于对所述前端代码文件进行代码编译，生成与所述前端代码文件对应的目标展示页面，并在所述可视化页面在线编辑器中展示所述目标展示页面。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-8中任一所述的界面生成方法。

技术总结
本发明实施例公开了一种界面生成方法、装置、电子设备及存储介质。该方法包括：获取可视化页面在线编辑器的编辑界面中各原始组件，以及所述各原始组件的组件配置信息；通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件；对所述前端代码文件进行代码编译，生成与所述前端代码文件对应的目标展示页面，并在所述可视化页面在线编辑器中展示所述目标展示页面。本发明实施例的技术方案，解决了现有的界面生成方法存在开发效率较低、开发成本较高的技术问题，实现了提高开发人员的开发效率，达到了降低软件开发成本的技术效果。达到了降低软件开发成本的技术效果。达到了降低软件开发成本的技术效果。


技术研发人员：葛俊 曹文龙 蒋秋明
受保护的技术使用者：上海上实龙创智能科技股份有限公司
技术研发日：2021.11.16
技术公布日：2022/2/23