推薦幾個(gè)開(kāi)源的vue表單設(shè)計(jì)器(表單設(shè)計(jì)器 vue)
1、Form.io
Form.io是一個(gè)開(kāi)源的純JavaScript表單渲染器和API平臺(tái),為開(kāi)發(fā)者提供了一種快速、靈活的方式來(lái)構(gòu)建和管理表單驅(qū)動(dòng)的應(yīng)用程序。Form.io使用ES6和JavaScript實(shí)現(xiàn)(沒(méi)有jQuery、Angular、React或任何其他框架依賴(lài)),將JSON模式渲染為web form表單,并將該表單掛接到Form.io 服務(wù)的Complete Form Builder上,該Builder創(chuàng)建用于渲染表單的JSON模式。 Form.io支持嵌套組件、布局、日期/時(shí)間、選擇、輸入框等多種web組件,提供了Form.io完整JavaScript API SDK庫(kù),Form.io提供了直觀的拖放界面,允許開(kāi)發(fā)者無(wú)需編寫(xiě)大量代碼即可創(chuàng)建和定制表單布局和字段結(jié)構(gòu)。Form.io可以輕松地與各種前端框架(如React、Angular、Vue等)以及后端技術(shù)棧集成,并提供了angular-formio、react-formio、vue-formio等sdk庫(kù)。開(kāi)源流程引擎camunda的表單功能就是采用了Form.io表單組件。
https://formio.github.io/formio.js/app/builder
2、FormMaking
FormMaking基于 Vue 的可視化表單設(shè)計(jì)器,賦能企業(yè)實(shí)現(xiàn)低代碼開(kāi)發(fā)模式;幫助開(kāi)發(fā)者從傳統(tǒng)枯燥的表單代碼中解放出來(lái),更多關(guān)注業(yè)務(wù),快速提高效率,節(jié)省研發(fā)成本。FormMaking支持創(chuàng)建 Element 和 Ant Design 風(fēng)格,最新的前端技術(shù)棧,支持 Vue2 / Vue3,內(nèi)置了 i18n 國(guó)際化解決方案,方便二次開(kāi)發(fā),支持 pc、pad、mobile 多終端布局適配,并可查看展示效果。FormMaking既有開(kāi)源版也有商業(yè)版本。
http://form.making.link/
3、Variant Form
VForm是一款基于Vue 2/Vue 3的低代碼表單,支持Element UI、iView兩種UI庫(kù),定位為前端開(kāi)發(fā)人員提供快速搭建表單、實(shí)現(xiàn)表單交互和數(shù)據(jù)收集的功能。
VForm 3是一款基于Vue 3.x的低代碼表單,支持Element PlusUI庫(kù),定位為前端開(kāi)發(fā)人員提供快速搭建表單、實(shí)現(xiàn)表單交互和數(shù)據(jù)收集的功能。VForm 3全稱(chēng)為Variant Form 3,寓意為靈活的、動(dòng)態(tài)的、多樣化的Vue 3.x低代碼表單。VForm 3由表單設(shè)計(jì)器VFormDesigner和表單渲染器VFormRender兩部分構(gòu)成,VFormDesigner通過(guò)拖拽組件方式生成JSON格式的表單對(duì)象,VFormRender負(fù)責(zé)將表單JSON渲染為Vue組件。FormMaking既有開(kāi)源版也有商業(yè)版本。
https://www.vform666.com/
4、k-form-design
基于vue2和ant-design-vue實(shí)現(xiàn)的表單設(shè)計(jì)器,樣式使用less作為開(kāi)發(fā)語(yǔ)言,主要功能是能通過(guò)簡(jiǎn)單操作來(lái)生成配置表單,生成可保存的JSON數(shù)據(jù),并能將JSON還原成表單,使表單開(kāi)發(fā)更簡(jiǎn)單更快速。
https://kcz66.gitee.io/k-form-design/#/
5、form-create
form-create 是一個(gè)可以通過(guò) JSON 生成具有動(dòng)態(tài)渲染、數(shù)據(jù)收集、驗(yàn)證和提交功能的表單生成組件。支持3個(gè)UI框架(ElementUI、Iview/View-design、Ant-design-vue),并且支持生成任何 Vue 組件。內(nèi)置20種常用表單組件和自定義組件,再?gòu)?fù)雜的表單都可以輕松搞定。
http://designer.form-create.com/
6、云程表單設(shè)計(jì)器
表單設(shè)計(jì)器是云程低代碼平臺(tái)的核心組件,是一款在線(xiàn)可視化表單建模工具,采用了直觀的拖放式界面,使得用戶(hù)無(wú)需深入編程即可設(shè)計(jì)復(fù)雜的表單布局,提供了vue2和vue3版本,支持ElementUI、Ant-design-vue兩種UI框架,支持國(guó)際化多語(yǔ)言配置功能。
表單設(shè)計(jì)器提供了動(dòng)態(tài)表單引擎的功能,適用于各種應(yīng)用場(chǎng)景,包括但不限于OA、ERP、MES、CRM、HR等業(yè)務(wù)系統(tǒng)使用。表單設(shè)計(jì)器跟數(shù)據(jù)實(shí)體模型、數(shù)據(jù)ER模型無(wú)縫集成,支持單表、主子表、一對(duì)一、一對(duì)多等復(fù)雜數(shù)據(jù)模型,可基于數(shù)據(jù)ER模型一鍵生成表單。表單設(shè)計(jì)器實(shí)現(xiàn)了跟開(kāi)源工作流引擎的無(wú)縫集成整合,支持流程中設(shè)計(jì)表單、配置表單權(quán)限、流程表單審批等應(yīng)用。并提供了詳細(xì)的在線(xiàn)文檔、學(xué)習(xí)視頻等教程,幫助用戶(hù)快速上手并熟練使用表單設(shè)計(jì)器和低代碼開(kāi)發(fā)功能。
在線(xiàn)體驗(yàn):http://www.yunchengxc.com