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 协议的开源项目,允许商业使用,开发者可以参与社区讨论、提交代码。官方文档和示例写得比较细,从安装引入到组件配置都有说明。如果手上正好有后台表单、低代码平台这类需求,先拿它试做一个表单,再判断要不要接进项目里,是比较稳妥的路径。
数据统计
相关导航
暂无评论...
