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這是每一個表單項的唯一標識,前端主要用來為表單項設(shè)置ID便于獲取對應(yīng)元素進行其他操作;
attrId對應(yīng)的是表單項對應(yīng)值的字段名,即該向后端傳遞數(shù)據(jù)時所用的字段名,在一個完整的表單中,也是唯一的;
controlType寫明了表單項類型,前端按照這項配置來決定展示的表單項是輸入框、下拉框或其它指定的表單項類型;

請輸入評論內(nèi)容...
請輸入評論/評論長度6~500個字
最新活動更多
推薦專題
-
8 每日AI全球觀察
- 1 特斯拉工人被故障機器人打成重傷,索賠3.6億
- 2 【行業(yè)深度研究】退居幕后四年后,張一鳴終于把算法公司變成AI公司?
- 3 AI 時代,阿里云想當“安卓” ,那誰是“蘋果”?
- 4 拐點已至!匯川領(lǐng)跑工控、埃斯頓份額第一、新時達海爾賦能扭虧為盈
- 5 硬剛英偉達!華為發(fā)布全球最強算力超節(jié)點和集群
- 6 隱退4年后,張一鳴久違現(xiàn)身!互聯(lián)網(wǎng)大佬正集體殺回
- 7 L3自動駕駛延期,逼出車企技術(shù)自我淘汰
- 8 谷歌“香蕉”爆火啟示:國產(chǎn)垂類AI的危機還是轉(zhuǎn)機?
- 9 00后華裔女生靠兩部AI電影狂賺7.8億人民幣,AI正式進軍好萊塢
- 10 機器人9月大事件|3家國產(chǎn)機器人沖刺IPO,行業(yè)交付與融資再創(chuàng)新高!
- 生產(chǎn)部總監(jiān) 廣東省/廣州市
- 資深管理人員 廣東省/江門市
- Regional Sales Manager 廣東省/深圳市
- 銷售總監(jiān) 廣東省/深圳市
- 結(jié)構(gòu)工程師 廣東省/深圳市
- 光器件研發(fā)工程師 福建省/福州市
- 自動化高級工程師 廣東省/深圳市
- 技術(shù)專家 廣東省/江門市
- 激光器高級銷售經(jīng)理 上海市/虹口區(qū)
- 封裝工程師 北京市/海淀區(qū)