亞寵展、全球寵物產業風向標——亞洲寵物展覽會深度解析
970
2023-03-05
本文目錄一覽:
1、計算機打開Excel并準備要過濾在線自動生成表單的表單。
2、選擇過濾器目標列在線自動生成表單,然后按過濾器快捷方式。
3、輸入快捷鍵后在線自動生成表單,點擊目標欄上的小屏幕框進入屏幕界面在線自動生成表單,點擊選擇數據,按確定。
4、過濾數據后,單擊右上角的小三角形選擇所有表單。
5、復制后,打開一個新的電子表格,Ctrl+V復制就可以在線自動生成表單了。
作為一名前端開發,「表單開發」是我們的家常便飯,一般我們需要做以下重復性工作:
同時,后臺服務也需要編寫校驗規則,隨著業務變動或者溝通不及時,前后端校驗規則可能會存在不一致問題。所以「前后端共用校驗規則邏輯」也應該納入考慮。
綜上,我們希望能減少重復性工作: 通過配置自動生成表單模板,同時這個配置最好還能描述表單校驗相關 ( 因為表單元素部分屬性如min、max、required、pattern這些都會控制表單輸入,保障校驗 )
先通過一個簡單的例子看下效果: Demo 、 Code
渲染結果
更多Demo
文檔
然后,現在表單經常會通過JSON異步提交到服務端,所以技術選型如下:
最后,JSONSchema在表單描述上并非無所不能:
所以,我們參考了 angular schema form ,增加了 Form Definition 描述,用來補充擴展JSON Schema,它可以:
即使沒定義Form Definition,內部在表單渲染部分,也會將JSONSchema轉換成Form Definition,因為其結構更適合循環表單渲染
所以,整體架構如圖
目前已經提供了 基礎組件11個 (包含圖片上傳、編輯器等擴展組件)和 容器組件3個 ,未來還會根據情況繼續增加,同時也支持自己擴展組件和規則。
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。