摘要:目的是節省開發人員在表單頁面上耗費的時間,從而更專注于功能開發。使用可快速便捷的生成日常開發中所需的各種表單??赏ㄟ^后端返回生成規則,進行渲染。
form-create
具有動態渲染、數據收集、校驗和提交功能的表單生成器,支持雙向數據綁定、事件擴展以及自定義組件,可快速生成包含有省市區三級聯動、時間選擇、日期選擇等17種功能組件。
已兼容iview2.和iview3.版本
Github | 文檔 歡迎大家收藏、點贊,多多支持。
form-create 是基于 Vue開發的開源項目,可快速生成 iviewUI 的表單元素。目的是節省開發人員在表單頁面上耗費的時間,從而更專注于功能開發。使用 form-creae 可快速、便捷的生成日常開發中所需的各種表單。
如何優雅的創建動態生成一個 input 輸入框。
內置了規則生成器,用來生成組件規則的助手方法,通過鏈式操作即可快速生成對應的組件規則。
使用 json 數據生成??赏ㄟ^后端返回生成規則,進行渲染。
php 表單生成器,這是我的另外一個開源項目。通過php生成表單規則,前端可使用 form-create 可直接根據參數進行表單渲染。這樣可以很好的做到前后端分離,同時后端也可以很簡便的控制表單中的組件和字段。
當生成規則發生變化時,頁面也會實時更新。1.5版本新增組件緩存功能,會按需對組件進行更新,很大的提升了渲染速度和性能。
form-create 支持生成任意自定義組件,包括嵌套使用 form-create。
舉例
在表單中生成一個 iview 按鈕組件
生成 elementUI 組件 參考案例
使用自定義組件可提升表單的靈活性,也可以實現功能更復雜的表單。
實現原理form-create 組件渲染/更新機制圖
form-craete 動態渲染表單機制圖
以上就是如何使用 form-create 生成表單生成、動態渲染、自定義組件的說明和演示,以及form-create 項目的生成原理和內部結構。如果您有任何意見或者建議可以通過留言、issue、xaboy2005@qq.com 郵箱來與我聯系。???
參考Vue
iviewUI
Vue渲染函數 & JSX
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100297.html
摘要:介紹是一個可以通過生成具有動態渲染數據收集驗證和提交功能的表單生成器。并且支持生成任何組件。結合內置種常用表單組件和自定義組件,再復雜的表單都可以輕松搞定。 介紹 form-create 是一個可以通過 JSON 生成具有動態渲染、數據收集、驗證和提交功能的表單生成器。并且支持生成任何 Vue 組件。結合內置17種常用表單組件和自定義組件,再復雜的表單都可以輕松搞定。 文檔 | git...
摘要:具有數據收集校驗和提交功能的表單生成器,支持雙向數據綁定和事件擴展,組件包含有復選框單選框輸入框下拉選擇框等表單元素以及省市區三級聯動時間選擇日期選擇顏色選擇滑塊評分框架樹型文件圖片上傳等功能組件。 form-create 具有數據收集、校驗和提交功能的表單生成器,支持雙向數據綁定和事件擴展,組件包含有復選框、單選框、輸入框、下拉選擇框等表單元素以及省市區三級聯動,時間選擇,日期選擇,...
摘要:表單生成器,使用快速創建現代化的表單,包含復選框單選框輸入框下拉選擇框等元素以及省市區三級聯動時間選擇日期選擇顏色選擇文件圖片上傳等功能。 form-builder PHP表單生成器,使用PHP快速創建現代化的form表單,包含復選框、單選框、輸入框、下拉選擇框等元素以及,省市區三級聯動,時間選擇,日期選擇,顏色選擇,文件/圖片上傳等功能。 Github地址 | Composer地址 ...
摘要:說明文檔示例商品名稱商品加個創建時間是否顯示顯示不顯示通過建立一個虛擬的方式生成自定義組件生成上面的代碼是通過生成器動態生成一個正在加載的按鈕組件上面的代碼是通過方式動態生成一個按鈕組件修改可以通過一下兩種方式動態修改組件的配置項通 [github] | [說明文檔] 示例 showImg(https://segmentfault.com/img/remote/1460000017...
閱讀 3603·2021-11-24 10:25
閱讀 2508·2021-11-24 09:38
閱讀 1217·2021-09-08 10:41
閱讀 2903·2021-09-01 10:42
閱讀 2569·2021-07-25 21:37
閱讀 1981·2019-08-30 15:56
閱讀 914·2019-08-30 15:55
閱讀 2749·2019-08-30 15:54