产品简介
form-create FormCreate是一个强大的低代码表单生成组件,能通过JSON配置快速渲染出具有数据收集、验证和提交功能的动态表单。它解决了开发者手动编写复杂表单效率低下的痛点,支持8个主流UI框架和移动端适配,特别适合企业级应用(如政务、OA、ERP系统)的前端开发人员和项目经理。

核心功能
- 通过JSON数据驱动表单生成与渲染
- 支持8个主流UI框架(如Element、Ant Design Vue等)
- 内置可视化表单设计器,支持拖拽操作
- 完美适配移动端,提供独立的移动设计器
- 提供丰富的组件联动、子表单、API操作能力
快速开始
- 第一步:根据项目UI框架,通过npm安装对应的核心包,例如 `npm install @form-create/element-ui@next`。
- 第二步:查阅官方帮助文档,了解如何通过JSON定义表单结构、规则并集成到Vue项目中。
- 第三步:访问官方可视化设计器,通过拖拽方式设计表单并导出JSON数据,直接用于开发。
界面预览


与其他方案对比
| 对比项 | form-create | 同类方案 |
|---|---|---|
| 开发方式 | 通过配置JSON数据动态生成表单,开发效率高,易于维护和调整。 | 通常需要手动编写大量前端组件代码来构建表单,过程繁琐,修改成本高。 |
| UI框架支持 | 深度适配8个主流Vue.js UI框架,如Element Plus、Ant Design Vue等,项目兼容性强。 | 许多表单库仅适配单一或少数UI框架。 |
| 移动端适配 | 提供专门的移动端表单设计器和适配方案,确保在手机端也有良好的表单构建与使用体验。 | 部分表单工具在移动端的体验和功能支持可能不完整。 |
适合谁用
- 需要快速构建后台管理系统表单的企业级应用前端开发人员
- 负责政务、OA、ERP等系统开发,希望提升表单模块开发效率的技术团队
- 希望使用可视化方式设计表单,降低代码编写门槛的开发者或项目经理
下载与版本
当前最新版本为 v3.1.33,发布于 2024-05-24。支持 多平台。点击页面「下载软件」按钮即可下载打包好的版本,根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/xaboy/form-create