[发明专利]界面生成方法、装置、电子设备及存储介质

说明书

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

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种界面生成方法、装置、电子设备及存储介质。

背景技术

在各类应用软件的开发过程中，对于各种用户界面的开发，通常是开发人员在集成开发环境中手动编写前端代码，需要将前端代码进行发布才能够得到相应的前端界面。然而，现有的界面生成方法存在开发效率较低、开发成本较高的问题。

发明内容

本发明实施例提供了一种界面生成方法、装置、电子设备及存储介质，以实现提高开发人员的开发效率，降低软件开发成本。

第一方面，本发明实施例提供了一种界面生成方法，该方法包括：

获取可视化页面在线编辑器的编辑界面中各原始组件，以及所述各原始组件的组件配置信息；

通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件；

对所述前端代码文件进行代码编译，生成与所述前端代码文件对应的目标展示页面，并在所述可视化页面在线编辑器中展示所述目标展示页面。

第二方面，本发明实施例还提供了一种界面生成装置，该装置包括：

组件配置信息获取模块，用于获取可视化页面在线编辑器的编辑界面中各原始组件，以及所述各原始组件的组件配置信息；

前端代码文件得到模块，用于通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件；

目标展示页面展示模块，用于对所述前端代码文件进行代码编译，生成与所述前端代码文件对应的目标展示页面，并在所述可视化页面在线编辑器中展示所述目标展示页面。

第三方面，本发明实施例还提供了一种电子设备，该电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述程序被所述处理器执行，使得所述处理器实现如本发明任意实施例所提供的界面生成方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例所提供的界面生成方法。

本发明实施例的技术方案，通过获取可视化页面在线编辑器的编辑界面中各原始组件，以及所述各原始组件的组件配置信息。在获取到原始组件以及与原始组件对应的组件配置信息后，可以通过预先定义的转换函数将所述各原始组件以及相应的组件配置信息进行封装处理，得到目标展示页面的前端代码文件。其中，预先定义的转换函数可以将不同类型原始组件和与原始组件对应的组件配置信息进行封装处理，提升了可视化页面在线编辑器的兼容性。在得到目标展示页面的前端代码文件后，通过对所述前端代码文件进行代码编译，进而生成与所述前端代码文件对应的目标展示页面，并在所述可视化页面在线编辑器中展示所述目标展示页面。由于现有界面生成方法需要开发人员在集成开发环境中手动编写前端代码以及需要将前端代码进行发布后才可以得到相应的前端界面，因此，本发明实施例的技术方案解决了现有界面生成方法存在开发效率较低以及开发成本较高的技术问题，实现了提高开发人员的开发效率，从而达到降低软件开发成本的技术效果。