支持5个UI框架表单设计器,轻松搞定表单,表单设计更简单

支持5个UI框架表单设计器,轻松搞定表单,表单设计更简单
轻松搞定 form 表单,让你不再为表单而烦恼

一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

特点

  • 使用JSON数据生成表单
  • 支持扩展,生成任何Vue组件和HTML标签
  • 支持5种UI框架
  • 支持组件之间联动
  • 提供丰富的表单操作API
  • 支持子表单和分组
  • 内置渲染缓存,提升渲染速度

支持的UI框架

  • element-plus
  • ant-design-vue
  • naive-ui
  • arco-design
  • tdesign

功能概述

强大的动态表单生成器,通过数据驱动表单渲染,支持可视化设计。提高开发者对表单的开发效率。目前在OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。

支持

  • element-plus
  • ant-design-vue
  • naive-ui
  • arco-design
  • tdesign

特性JSON

支持使用 json 数据生成表单。

自定义组件

支持生成任何组件,提升表单的灵活性,可以实现功能更复杂的表单。

适配多个UI框架

支持element-ui,ant-design-vue,naive-ui,arco-design,tdesign。

双向数据绑定

生成规则变化后,页面会实时更新。

栅格布局

栅格系统进行网页布局,可以使页面排版美观、舒适。

局部更新

内置组件缓存功能,提升渲染速度。

五、技术选型安装

根据自己使用的 UI 安装对应的版本
element-ui

npm install @form-create/element-ui@next
ant-design-vue

npm install @form-create/ant-design-vue@next
arco-design

npm install @form-create/arco-design@next
naive-ui

npm install @form-create/naive-ui@next
tdesign

npm install @form-create/tdesign@next
‍详细内容请查看 README.md 文档
示例
下载项目

$ 访问一飞开源:https://code.exmay.com/ 下载
$ cd form-create
安装依赖

$ npm run bootstrap
查看 element-ui 示例

$ npm run dev:ele
查看 ant-design-vue 示例

$ npm run dev:antd




下载说明:
1.本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2.如果源码下载地址失效请联系站长QQ进行补发。
3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4.本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,由于源码具有复制性,一经售出,概不退换。用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【安安资源网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5.请您认真阅读上述内容,购买即以为着您同意上述内容,由于源码具有复制性,一经售出,概不退换。
安安资源网 » 支持5个UI框架表单设计器,轻松搞定表单,表单设计更简单