[发明专利]一种页面文件转化方法、装置、电子设备和存储介质

说明书

本申请实施例提供了一种页面文件转化方法、页面文件转化装置、电子设备和存储介质，该页面文件转化方法包括：将获取的待处理页面对应的VUE文件通过第一转化函数转化成第一抽象语法树；获取第一抽象语法树中各模块对应的部分内容；按照可视化编辑器的JavaScript对象简谱JSON页面配置，将各模块对应的部分内容转化成与待处理页面对应的JSON页面配置文件，以使可视化编辑器基于JSON页面配置文件，在可视化编辑器的编辑预览区域对待处理页面进行处理。

技术领域

本申请涉及数据处理领域，尤其是涉及一种页面文件转化方法、页面文件转化装置、电子设备和存储介质。

背景技术

随着互联网技术的智能化发展，为满足将页面设计如UI稿自动转化为代码，以及减少人工成本的要求，相关技术中相继出现了支持拖拽现有组件实现新页面的组装的可视化编辑器。

相关技术中，参见图1所示，经过可视化编辑器101编辑的页面代码文件后，在页面的业务逻辑复杂的情况下，该页面代码文件需通过本地代码集成开发工具(IntegratedDevelopment Environment，IDE)102如vscode工具进行二次页面开发，进而将二次开发的页面代码文件上传至项目仓库103如GIT仓库。然而，相关技术中，已进行二次开发的页面代码文件如需进行处理，则无法再次在可视化编辑器平台进行预览和编辑。可见，目前亟需一种新的页面文件转化方法。

发明内容

本申请实施例期望提供一种页面文件转化方法、页面文件转化装置、电子设备和存储介质，以解决相关技术中已进行二次开发的页面代码文件无法再次在可视化编辑器平台进行预览和编辑的问题。

本申请实施例的技术方案是这样实现的：

第一方面，本申请实施例提供一种页面文件转化方法，所述方法包括：

将获取的待处理页面对应的VUE文件通过第一转化函数转化成第一抽象语法树；

获取所述第一抽象语法树中各模块对应的部分内容；

按照可视化编辑器的JavaScript对象简谱JSON页面配置，将所述各模块对应的部分内容转化成与所述待处理页面对应的JSON页面配置文件，以使所述可视化编辑器基于所述JSON页面配置文件，在所述可视化编辑器的编辑预览区域对所述待处理页面进行处理。

第二方面，本申请实施例提供一种页面文件转化装置，所述装置包括：

第一转化模块，用于将获取的待处理页面对应的VUE文件通过第一转化函数转化成第一抽象语法树；

获取模块，用于获取所述第一抽象语法树中各模块对应的部分内容；

第二转化模块，用于按照可视化编辑器的JavaScript对象简谱JSON页面配置，将所述各模块对应的部分内容转化成与所述待处理页面对应的JSON页面配置文件，以使所述可视化编辑器基于所述JSON页面配置文件，在所述可视化编辑器的编辑预览区域对所述待处理页面进行处理。

第三方面，本申请实施例提供一种电子设备，所述电子设备包括：处理器、存储器和通信总线；

所述通信总线用于实现处理器和存储器之间的通信连接；

所述处理器用于执行存储器中存储的页面文件转化程序，以实现上述所述的页面文件转化方法。

第四方面，本申请实施例提供一种存储介质，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现上述所述的页面文件转化方法。

应用本申请实施例实现以下有益效果：实现了经过本地IDE工具开发的页面文件，也可以在可视化编辑器中进行二次编辑，提升页面开发效率，节省页面开发成本。