form create

官網|幫助文件|視覺化表單設計器|行動端表單設計器

FormCreate 是一個可以透過JSON 產生具有動態渲染、資料收集、驗證和提交功能的低程式碼表單產生元件。支援6個UI框架，適配行動端，並且支援產生任何Vue 元件。內建20種常用表單元件和自訂元件，再複雜的表單都可以輕鬆搞定。

特點

• 使用JSON資料產生表單
• 支援擴展，產生任何Vue組件和HTML標籤
• 支援6個UI框架
• 支援組件之間聯動
• 提供豐富的表單操作API
• 支援子表單和分組
• 高效能
• 適配行動端
• 多語言

支援的UI框架

如果對您有幫助，您可以點右上角"Star" 支持一下謝謝！本項目還在不斷開發完善中,如有任何建議或問題請在這裡提出

開發者討論群629709230

• 預覽

更多

• 操作表單

詳細說明

• group元件

詳細說明

• control配置項

詳細說明

包說明

包名	說明
@form-create/element-ui	element-plus 版本
@form-create/ant-design-vue	ant-design-vue 版本
@form-create/arco-design	arco-design 版本
@form-create/naive-ui	naive-ui 版本
@form-create/tdesign	tdesign 版本
@form-create/iview	iview 版本
@form-create/view-design	view-design 版本
@form-create/vant	vant 版本(行動端)
@form-create/designer	視覺化表單設計器
@form-create/vant-designer	行動端表單設計器

分支說明

• latest: Vue2.0版分支
• super: Vue2.7版本分支(此版本功能與next分支功能一致)
• next: Vue3.0版分支

例如:

安裝Vue2版本的@form-create/element-ui

npm install @form-create/element-ui

安裝Vue2.7版本的@form-create/vant

npm install @form-create/vant@super

安裝Vue3版本的@form-create/element-ui

npm install @form-create/element-ui@next

範例

• 線上範例

效果圖

聯繫

感謝

時光弧線| wxxtqk | williamBoss | HeyMrLin | djkloop | daiwenyong | JetBrains

License

MIT

Copyright (c) 2018-present xaboy