DevOps項目中動態表單的發展史
表單是前端開發常用的數據采集工具，隨著技術發展，一個完善應用系統包含的功能越來越復雜，所需要的表單也越來越多。這些表單大同小異，使用的都是常用的輸入框、下拉選擇框等表單控件，各個表單之間的差異無非是使用控件的種類數目和與控件相對應的字段名稱，對于表單的渲染和數據收集邏輯，都有極強的邏輯可以尋找，因此動態表單應運而生。
顧名思義，動態表單就是根據表單配置動態的渲染表單，實現需求，而不是一段段寫死的大同小異的代碼。動態表單的產生，大大的提升了開發效率，開發人員不用繼續埋頭在一堆單調的表單代碼中和需求文件作斗爭了。但是如何實現一個高效易用動態表單，也是一個不小的難題，今天就以普元技術中臺DevOps的動態表單開發歷程為例，為大家介紹DevOps項目中動態表單的發展史。
目錄：
1．初版動態表單
2．問題和新需求
3．動態表單進階
一、初版動態表單
最初的DevOps平臺并沒有關于動態表單的需求，在開發過程中，由于CICD部分種類紛繁的任務類型配置需要大量的表單與之一一對應，想要人工寫完這些表單無疑要耗費很多的時間，所以我們開始了第一次的動態表單的實踐。
此次動態表單實踐由DevOps的CICD部分中的任務配置表單驅動，因此主要考慮的控件類型為輸入框、下拉框、和代碼編輯器。在實踐中幾個較為關鍵的地方分別為表單配置模型、表單聯動、表單校驗。
以上是較為基礎的表單項的配置，我會選其中較為重要為大家說明：
attrDefId這是每一個表單項的唯一標識，前端主要用來為表單項設置ID便于獲取對應元素進行其他操作；
attrId對應的是表單項對應值的字段名，即該向后端傳遞數據時所用的字段名，在一個完整的表單中，也是唯一的；
controlType寫明了表單項類型，前端按照這項配置來決定展示的表單項是輸入框、下拉框或其它指定的表單項類型；
分享
請輸入評論內容...
請輸入評論/評論長度6~500個字
最新活動更多
- 1 人形機器人“第一股”來了！宇樹科技即將上會
- 2 SpaceX計劃今日確定IPO條款，6月12日掛牌上市，AI業務成增長新引擎
- 3 Agnes AI 發布三大模態核心模型：文本、圖像、視頻
- 4 騰訊云宣布調價：DeepSeek-V4降價97%
- 5 海清智元即將登陸港交所：收入大增利潤承壓，經營現金流惡化
- 6 SpaceX上市拒絕中港投資者：資本開啟地緣政治時代
- 7 2026上半年具身智能復盤，瘋狂融資潮背后誰才是“印鈔機”
- 8 支付寶推出全球首個Token Pay服務，AI時代的支付要變天了？
- 9 我們體驗了胡彥斌Vibe Coding的App：方向是對的，細節有點糙
- 10 AI生態之戰打響：微信做入口，騰訊來托底
