基于可进阶组件库快速产出前端项目的方法及系统与流程

技术特征：

1.基于可进阶组件库快速产出前端项目的方法，其特征在于，包括如下步骤；

2.根据权利要求1所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，步骤s1包括如下步骤：

3.根据权利要求2所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，步骤s11中每个模块化前端组件均包括有可选的配置或属性所生成的样式代码和交互代码。

4.根据权利要求2所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，步骤s2包括如下步骤：

5.根据权利要求4所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，步骤s21中所述框架包括react开发框架或vue开发框架。

6.根据权利要求4所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，步骤s3包括如下步骤：

7.根据权利要求6所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，步骤s34中所述单文件的格式包括vue、tsx、html和css。

8.基于可进阶组件库快速产出前端项目的系统，用于实现权利要求1-7任一项所述的基于可进阶组件库快速产出前端项目的方法，其特征在于，所述基于可进阶组件库快速产出前端项目的系统包括：

技术总结
本发明涉及Web项目开发技术领域，具体涉及基于可进阶组件库快速产出前端项目的方法及系统。方法包括：S1，开发人员根据组件设计图，提前开发单组件UI库并维护；S2，UI设计师通过前端Canvas画布可视化配置呈现的项目整体界面、单组件交互效果和页面之间跳转逻辑，选择产出初始化项目或单页面或选择开发框架并提交；S3，根据步骤S2中配置提交的数据，并结合对应的模版代码，通过NodeJs运行环境的fs模块，产出生成对应的开发环境整体项目框架文件或单页面文件，供前端开发人员使用。本发明具有能够缩短开发周期，实现UI设计和前端开发并行，同时增加开发质量和节约成本的特点。

技术研发人员：翟帅
受保护的技术使用者：杭州实在智能科技有限公司
技术研发日：
技术公布日：2024/1/11