AI工具集编程工具

FormCreate

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的AI低代码表单组件。提高开发者对表单的开发效率,节省开发者的时间。

标签:

FormCreate 是一款基于 Vue 的低代码可视化表单设计器,表单结构由 JSON 数据驱动,动态渲染、数据收集、校验和提交都在同一份配置里完成。在画布上拖拽组件就能排好表单布局,再给组件配置事件和交互逻辑,设计完导出 JSON 配置,或者直接生成表单代码、模板,拿到其他项目里复用。对经常处理后台表单的团队来说,FormCreate 省下的是反复编写表单项和校验规则的时间。

可视化搭建

  • 拖拽排布局:组件从面板拖进画布即可完成表单布局,不用从头手写模板结构。
  • 配置即表单:表单以 JSON 数据保存,渲染、校验、提交几个环节都由这份配置接管。
  • 逻辑可配置:组件联动、子表单、分组、事件与样式都能通过配置项设定,不必在每个页面重复写一遍。
  • 导出可复用:设计结果能导出成表单代码或模板,迁移到别的项目里继续使用。

适配范围

  • 多框架适配:Element Plus、Ant Design Vue、Naive UI、Arco Design、TDesign、Vant 均在支持之列,移动端表单同样能做。
  • 组件数量多:内置 40 多种常用表单组件,也支持自定义组件,表格布局和表单验证都有对应方案。
  • 接入方式灵活:npm 安装或 CDN 引入都行,Vue 2 与 Vue 3 项目都能接上。
  • 国际化支持:表单文案可以走多语言方案,面向海外用户的产品也能直接用。

FormCreate 是遵循 MIT 协议的开源项目,允许商业使用,开发者可以参与社区讨论、提交代码。官方文档和示例写得比较细,从安装引入到组件配置都有说明。如果手上正好有后台表单、低代码平台这类需求,先拿它试做一个表单,再判断要不要接进项目里,是比较稳妥的路径。

数据统计

相关导航

暂无评论

暂无评论...