一种低代码生成前端项目代码的方法技术

本发明专利技术涉及低代码技术领域，提供一种低代码生成前端项目代码的方法，通过可视化编程工具进行页面设计生成设计数据；利用后端服务将设计数据转换成前端可执行代码文件和代码片段；将生成的前端代码文件或代码片段套入项目模板的预留目录中，形成一个完整的前端可执行项目。本发明专利技术通过使用模板和可视化编程工具，大大减少编程工作量，提高开发效率和质量以及执行效率；本发明专利技术可以利用前端服务将设计数据转换成所需的前端代码，满足于各种不同的前端开发需求，具有足够的灵活性；本发明专利技术是基于低代码平台进行的易于使用，对开发者没有太多的经验限制以及减少开发者编写大量的代码，减少开发者的工作量，提高工作效率。

【技术实现步骤摘要】

本专利技术涉及低代码，特别涉及一种低代码生成前端项目代码的方法及其设置。

技术介绍

1、使用vue必须了解前端开发，必须掌握js，css，html等前端基础以及vue前端框架，对于非开发人员学习成本高，学习难度大，上手时间长，并且对于开发者来说也需要手动编写大量的代码，其中有大量的重复工作，浪费了大量时间和资源。因此就需要本领域技术人员提供一种低代码生成前端项目代码的方法，通过使用模板和可视化编程工具，降低使用门槛，减小学习难度，大大减少编程工作量，提高开发效率和质量。

技术实现思路

1、为了实现上述目的，本专利技术提供以下技术方案：

2、本专利技术提供一种低代码生成前端项目代码的方法，包括：

3、(1)通过可视化编程工具进行页面设计生成设计数据；

4、(2)利用后端服务将设计数据转换成前端可执行代码文件和代码片段；

5、(3)将生成的前端代码文件或代码片段套入项目模板的预留目录中，形成一个完整的前端可执行项目。

6、进一步的，所述可视化编程工具用于本文档来自技高网...

【技术保护点】

1.一种低代码生成前端项目代码的方法，其特征在于，包括：

2.根据权利要求1所述的一种低代码生成前端项目代码的方法，其特征在于，所述可视化编程工具用于用户通过拖放组件和配置组件的参数来创建前端页面；所述可视化工具上配置和绑定页面数据源或者后端流来调用后端接口，实现用户快速创建数据驱动的页面。

3.根据权利要求2所述的一种低代码生成前端项目代码的方法，其特征在于，所述可视化工具上配置页面数据源和绑定页面数据源，具体为：

4.根据权利要求2所述的一种低代码生成前端项目代码的方法，其特征在于，所述可视化工具上配置后端流，根据需求通过在页面上的操作事件中选择对...

【技术特征摘要】

1.一种低代码生成前端项目代码的方法，其特征在于，包括：

2.根据权利要求1所述的一种低代码生成前端项目代码的方法，其特征在于，所述可视化编程工具用于用户通过拖放组件和配置组件的参数来创建前端页面；所述可视化工具上配置和绑定页面数据源或者后端流来调用后端接口，实现用户快速创建数据驱动的页面。

3.根据权利要求2所述的一种低代码生成前端项目代码的方法，其特征在于，所述可视化工具上配置页面数据源和绑定页面数据源，具体为：

4.根据权利要求2所述的一种低代码生成前端项目代码的方法，其特征在于，所述可视化工具上配置后端流，根据需求通过在页面上的操作事件中选择对应的后端流，并设置后端流需要的对应参数，并且根据需求配置后端流获取到的返回值如何使用；

5.根据权利要求1所述的一种低代码生成前端项目代码的方法，其特征在于，步骤(2)中将设计数据转换成前端可执行代码文件和代码片段的具体过程为：

6.根据权利要求5所述的一种低代码生成前端项目代码的方法...

【专利技术属性】
技术研发人员：金涛，李伦，章立强，
申请(专利权)人：杭州云为科技有限公司，
类型：发明
国别省市：