[发明专利]设计场景的组件转换方法、装置、计算机设备及存储介质

说明书

本发明公开了一种设计场景的组件转换方法、装置、计算机设备及存储介质，涉及界面设计技术。该方法包括：当在画布中操作第一组件时，获取第一组件的组件信息和布局信息，第一组件为第一版本的组件；根据第一组件确定目标组件；根据目标组件的目标对象、目标对象适配的目标方法以及布局信息生成超文本标记语句；根据超文本标记语句和目标组件的目标组件信息确定目标文件，目标文件中记载适配第二版本的组件信息；当触发第二组件时，根据目标文件生成第二组件，第二组件为第二版本的目标组件。通过对目标组件的组件对象配置目标方法生成目标文件，通过对目标文件的解析生成第二版本的目标组件，实现目标组件的版本转换，提高转换效率。

技术领域

本发明实施例涉及界面设计技术领域，尤其涉及一种设计场景的组件转换方法、装置、计算机设备及存储介质。

背景技术

随着前端技术发展，Vue版本从2.0升级到3.0。假如在设计器画布中使用前端开发框架Vue2.0的组件设计了前端界面，通过设计器的导出功能导出的代码部分要运行在Vue3.0前端开发框架上，另一部分需要运行在Vue3.0框架。如何实现画布中的vue2.0如何转化成vue3.0的称为亟待解决的问题。

发明内容

本发明提供一种设计场景的组件转换方法、装置、计算机设备及存储介质，以实现将画布中的vue2.0组件转换为vue3.0组件。

第一方面，本发明实施例提供了一种设计场景的组件转换方法，包括：

当在画布中操作第一组件时，获取所述第一组件的组件信息和布局信息，所述第一组件为第一版本的组件；

根据第一组件确定目标组件；

根据目标组件的目标对象、所述目标对象适配的目标方法以及所述布局信息生成超文本标记语句；

根据所述超文本标记语句和所述目标组件的目标组件信息确定目标文件，所述目标文件中记载适配第二版本的组件信息；

当触发第二组件时，根据所述目标文件生成第二组件，所述第二组件为第二版本的目标组件。

第二方面，本发明实施例还提供了一种设计场景的组件转换装置，包括：

第一组件获取模块，用于当在画布中操作第一组件时，获取所述第一组件的组件信息和布局信息，所述第一组件为第一版本的组件；

目标组件确定模块，用于根据第一组件确定目标组件；

超文本标记语句生成模块，用于根据目标组件的目标对象、所述目标对象适配的目标方法以及所述布局信息生成超文本标记语句；

目标文件创建模块，用于根据所述超文本标记语句和所述目标组件的目标组件信息确定目标文件，所述目标文件中记载适配第二版本的组件信息；

第二组件生成模块，用于当触发第二组件时，根据所述目标文件生成第二组件，所述第二组件为第二版本的目标组件。

第三方面，本发明实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现如本发明实施例所示的设计场景的组件转换方法。

第四方面，本发明实施例还提供了一种包含计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行如本发明实施例所示的设计场景的组件转换方法。