DevOps項目中動態(tài)表單的發(fā)展史
表單是前端開發(fā)常用的數(shù)據(jù)采集工具，隨著技術(shù)發(fā)展，一個完善應(yīng)用系統(tǒng)包含的功能越來越復(fù)雜，所需要的表單也越來越多。這些表單大同小異，使用的都是常用的輸入框、下拉選擇框等表單控件，各個表單之間的差異無非是使用控件的種類數(shù)目和與控件相對應(yīng)的字段名稱，對于表單的渲染和數(shù)據(jù)收集邏輯，都有極強的邏輯可以尋找，因此動態(tài)表單應(yīng)運而生。
顧名思義，動態(tài)表單就是根據(jù)表單配置動態(tài)的渲染表單，實現(xiàn)需求，而不是一段段寫死的大同小異的代碼。動態(tài)表單的產(chǎn)生，大大的提升了開發(fā)效率，開發(fā)人員不用繼續(xù)埋頭在一堆單調(diào)的表單代碼中和需求文件作斗爭了。但是如何實現(xiàn)一個高效易用動態(tài)表單，也是一個不小的難題，今天就以普元技術(shù)中臺DevOps的動態(tài)表單開發(fā)歷程為例，為大家介紹DevOps項目中動態(tài)表單的發(fā)展史。
目錄：
1．初版動態(tài)表單
2．問題和新需求
3．動態(tài)表單進階
一、初版動態(tài)表單
最初的DevOps平臺并沒有關(guān)于動態(tài)表單的需求，在開發(fā)過程中，由于CICD部分種類紛繁的任務(wù)類型配置需要大量的表單與之一一對應(yīng)，想要人工寫完這些表單無疑要耗費很多的時間，所以我們開始了第一次的動態(tài)表單的實踐。
此次動態(tài)表單實踐由DevOps的CICD部分中的任務(wù)配置表單驅(qū)動，因此主要考慮的控件類型為輸入框、下拉框、和代碼編輯器。在實踐中幾個較為關(guān)鍵的地方分別為表單配置模型、表單聯(lián)動、表單校驗。
以上是較為基礎(chǔ)的表單項的配置，我會選其中較為重要為大家說明：
attrDefId這是每一個表單項的唯一標(biāo)識，前端主要用來為表單項設(shè)置ID便于獲取對應(yīng)元素進行其他操作；
attrId對應(yīng)的是表單項對應(yīng)值的字段名，即該向后端傳遞數(shù)據(jù)時所用的字段名，在一個完整的表單中，也是唯一的；
controlType寫明了表單項類型，前端按照這項配置來決定展示的表單項是輸入框、下拉框或其它指定的表單項類型；
分享
請輸入評論內(nèi)容...
請輸入評論/評論長度6~500個字
最新活動更多
推薦專題
- 1 AI 眼鏡讓百萬 APP「集體失業(yè)」？
- 2 大廠紛紛入局，百度、阿里、字節(jié)搶奪Agent話語權(quán)
- 3 深度報告｜中國AI產(chǎn)業(yè)正在崛起成全球力量，市場潛力和關(guān)鍵挑戰(zhàn)有哪些？
- 4 上海跑出80億超級獨角獸：獲上市公司戰(zhàn)投，干人形機器人
- 5 一文看懂視覺語言動作模型（VLA）及其應(yīng)用
- 6 國家數(shù)據(jù)局局長劉烈宏調(diào)研格創(chuàng)東智
- 7 下一代入口之戰(zhàn)：大廠為何紛紛押注智能體？
- 8 百億AI芯片訂單，瘋狂傾銷中東？
- 9 Robotaxi新消息密集釋放，量產(chǎn)元年誰在領(lǐng)跑？
- 10 格斗大賽出圈！人形機器人致命短板曝光：頭腦過于簡單
