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

本发明涉及互联网前端，尤其涉及一种代码生成方法、装置、电子设备及存储介质。

背景技术：

1、代码的自动生成是前端低代码中重要的功能之一。随着前端界面展示和交互形式的丰富多彩，前端的开发工作变得更加的复杂。为了解放前端开发人员，前端低代码技术应运而生。低代码技术是一种快速设计和开发软件应用程序的技术，可以快速为技术人员提供可靠的代码。通过在图形界面中使用可视化建模来组装和配置应用程序，开发人员可以跳过所有基础架构让开发速度提升起来，由此达到开发人员少写甚至不写代码来提升研发效率。现有的低代码平台更关注整体界面的结构设计，仅支持模板代码和脚本代码，不能产出样式代码，产出的代码不够完备。

技术实现思路

1、有鉴于此，本发明实施例提供了一种代码生成方法、装置、电子设备及存储介质，可以产出模板代码、脚本代码和样式代码，得到更完备的代码。

2、根据本发明的一方面，提供了一种代码生成方法，包括：获取目标界面的描述数据，所述描述数据包括组件描述和界面描述，其中，一个所述组件描述或一个所述界面描述包括多个描述项，一个描述项包括描述项标识和描述项内容，至少一个描述项内容包括内容标识和描述值，描述值与内容标识对应；

3、分别调用模板生成器生成模板代码，调用脚本生成器生成脚本代码，调用样式生成器生成样式代码，其中，一个生成器解析所述描述数据中与其相关的描述项标识、描述项内容、内容标识和描述值，将与其相关的描述项标识、描述项内容、内容标识和描述值转换成相应的代码；

4、整合所述模板代码、所述脚本代码和所述样式代码得到所述目标界面的代码。

5、优选地，所述组件描述包括组件事件描述项，所述组件事件描述项用于描述组件中的事件集合；

6、所述模板生成器解析组件事件描述项中与其相关的描述项标识、描述项内容、内容标识及描述值并转换成相应的代码；

7、所述脚本生成器解析组件事件描述项中与其相关的描述项标识、描述项内容、内容标识及描述值并转换成相应的代码。

8、优选地，所述界面描述包括生命周期描述项，所述生命周期描述项用于描述界面的不同的生命周期；

9、所述脚本生成器解析所述生命周期描述项的描述项标识、描述项内容、内容标识、描述值并转换成相应的代码。

10、优选地，所述组件描述包括组件样式描述项，所述组件样式描述项用于描述组件的样式集合；所述界面描述包括界面样式描述项，所述界面样式描述项用于描述界面的样式集合；

11、所述样式生成器解析所述组件样式描述项和所述界面样式描述项的描述项标识、描述项内容、内容标识及描述值并转换成相应的代码。

12、优选地，所述组件事件描述项的描述项内容包括组件事件函数内容标识；所述描述数据中的组件事件函数字段均设置在所述组件事件函数内容标识中；

13、所述组件描述还包括组件属性描述项，所述组件属性描述项的描述项内容包括组件属性函数内容标识；所述描述数据中的组件属性函数字段均设置在所述组件属性函数内容标识中。

14、优选地，所述生命周期描述项的描述项内容包括生命周期函数内容标识；所述描述数据中的生命周期函数字段均设置在所述生命周期函数内容标识中；

15、所述界面描述还包括界面属性描述项，所述界面属性描述项的描述项内容包括界面属性函数内容标识；所述描述数据中的界面属性函数字段均设置在所述界面属性函数内容标识中。

16、优选地，所述分别调用模板生成器生成模板代码，调用脚本生成器生成脚本代码，调用样式生成器生成样式代码，包括：

17、获取版本参数，分别调用模板生成器生成与所述版本参数对应的模板代码，调用脚本生成器生成与所述版本参数对应的脚本代码，调用样式生成器生成样式代码。

18、根据本发明的另一方面，提供了一种代码生成装置，包括：

19、数据获取模块，用于获取目标界面的描述数据，所述描述数据包括组件描述和界面描述，其中，一个所述组件描述或一个所述界面描述包括多个描述项，一个描述项包括描述项标识和描述项内容，至少一个描述项内容包括内容标识和描述值，描述值与内容标识对应；

20、编译模块，用于分别调用模板生成器生成模板代码，调用脚本生成器生成脚本代码，调用样式生成器生成样式代码，其中，一个生成器解析所述描述数据中与其相关的描述项标识、描述项内容、内容标识和描述值，将与其相关的描述项标识、描述项内容、内容标识和描述值转换相应的代码；

21、代码整合模块，用于整合所述模板代码、所述脚本代码和所述样式代码得到所述目标界面的代码。

22、根据本发明的另一方面，提供了一种电子设备，包括：

23、处理器；以及

24、存储程序的存储器，

25、其中，所述程序包括指令，所述指令在由所述处理器执行时使所述处理器执行上述的方法。

26、根据本发明的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使计算机执行上述的方法。

27、本申请实施例提供了一种代码生成方法、装置、电子设备及存储介质，可通过解析目标界面配置的方式生成对应的模板代码、脚本代码和样式代码，产出的代码更完备。

技术特征：

1.一种代码生成方法，其特征在于，包括：

2.根据权利要求1所述的代码生成方法，其特征在于，所述组件描述包括组件事件描述项，所述组件事件描述项用于描述组件中的事件集合；

3.根据权利要求1所述的代码生成方法，其特征在于，所述界面描述包括生命周期描述项，所述生命周期描述项用于描述界面的不同的生命周期；

4.根据权利要求1所述的代码生成方法，其特征在于，所述组件描述包括组件样式描述项，所述组件样式描述项用于描述组件的样式集合；所述界面描述包括界面样式描述项，所述界面样式描述项用于描述界面的样式集合；

5.根据权利要求2所述的代码生成方法，其特征在于，所述组件事件描述项的描述项内容包括组件事件函数内容标识；所述描述数据中的组件事件函数字段均设置在所述组件事件函数内容标识中；

6.根据权利要求3所述的代码生成方法，其特征在于，所述生命周期描述项的描述项内容包括生命周期函数内容标识；所述描述数据中的生命周期函数字段均设置在所述生命周期函数内容标识中；

7.根据权利要求1至6中任一项所述的代码生成方法，其特征在于，所述分别调用模板生成器生成模板代码，调用脚本生成器生成脚本代码，调用样式生成器生成样式代码，包括：

8.一种代码生成装置，其特征在于，包括：

9.一种电子设备，其特征在于，包括：

10.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，其中，所述计算机指令用于使计算机执行根据权利要求1至7中任一项所述的方法。

技术总结
本发明提供一种代码生成方法、装置、电子设备及存储介质，方法包括：获取目标界面的描述数据，描述数据包括组件描述和界面描述，其中，一个组件描述或一个界面描述包括多个描述项，一个描述项包括描述项标识和描述项内容，至少一个描述项内容包括内容标识和描述值，描述值与内容标识对应；分别调用模板生成器生成模板代码，调用脚本生成器生成脚本代码，调用样式生成器生成样式代码，其中，一个生成器解析描述数据中与其相关的描述项标识、描述项内容、内容标识和描述值，将与其相关的描述项标识、描述项内容、内容标识和描述值转换成相应的代码；整合得到目标界面的代码。本发明可以产出模板代码、脚本代码和样式代码，得到更完备的代码。

技术研发人员：张飞宇
受保护的技术使用者：度小满科技(北京)有限公司
技术研发日：
技术公布日：2024/1/15