DevOps項(xiàng)目中動(dòng)態(tài)表單的發(fā)展史
表單是前端開發(fā)常用的數(shù)據(jù)采集工具,隨著技術(shù)發(fā)展,一個(gè)完善應(yīng)用系統(tǒng)包含的功能越來越復(fù)雜,所需要的表單也越來越多。這些表單大同小異,使用的都是常用的輸入框、下拉選擇框等表單控件,各個(gè)表單之間的差異無非是使用控件的種類數(shù)目和與控件相對應(yīng)的字段名稱,對于表單的渲染和數(shù)據(jù)收集邏輯,都有極強(qiáng)的邏輯可以尋找,因此動(dòng)態(tài)表單應(yīng)運(yùn)而生。
顧名思義,動(dòng)態(tài)表單就是根據(jù)表單配置動(dòng)態(tài)的渲染表單,實(shí)現(xiàn)需求,而不是一段段寫死的大同小異的代碼。動(dòng)態(tài)表單的產(chǎn)生,大大的提升了開發(fā)效率,開發(fā)人員不用繼續(xù)埋頭在一堆單調(diào)的表單代碼中和需求文件作斗爭了。但是如何實(shí)現(xiàn)一個(gè)高效易用動(dòng)態(tài)表單,也是一個(gè)不小的難題,今天就以普元技術(shù)中臺(tái)DevOps的動(dòng)態(tài)表單開發(fā)歷程為例,為大家介紹DevOps項(xiàng)目中動(dòng)態(tài)表單的發(fā)展史。
目錄:
1.初版動(dòng)態(tài)表單
2.問題和新需求
3.動(dòng)態(tài)表單進(jìn)階
一、初版動(dòng)態(tài)表單
最初的DevOps平臺(tái)并沒有關(guān)于動(dòng)態(tài)表單的需求,在開發(fā)過程中,由于CICD部分種類紛繁的任務(wù)類型配置需要大量的表單與之一一對應(yīng),想要人工寫完這些表單無疑要耗費(fèi)很多的時(shí)間,所以我們開始了第一次的動(dòng)態(tài)表單的實(shí)踐。
此次動(dòng)態(tài)表單實(shí)踐由DevOps的CICD部分中的任務(wù)配置表單驅(qū)動(dòng),因此主要考慮的控件類型為輸入框、下拉框、和代碼編輯器。在實(shí)踐中幾個(gè)較為關(guān)鍵的地方分別為表單配置模型、表單聯(lián)動(dòng)、表單校驗(yàn)。
以上是較為基礎(chǔ)的表單項(xiàng)的配置,我會(huì)選其中較為重要為大家說明:
attrDefId這是每一個(gè)表單項(xiàng)的唯一標(biāo)識,前端主要用來為表單項(xiàng)設(shè)置ID便于獲取對應(yīng)元素進(jìn)行其他操作;
attrId對應(yīng)的是表單項(xiàng)對應(yīng)值的字段名,即該向后端傳遞數(shù)據(jù)時(shí)所用的字段名,在一個(gè)完整的表單中,也是唯一的;
controlType寫明了表單項(xiàng)類型,前端按照這項(xiàng)配置來決定展示的表單項(xiàng)是輸入框、下拉框或其它指定的表單項(xiàng)類型;
請輸入評論內(nèi)容...
請輸入評論/評論長度6~500個(gè)字
最新活動(dòng)更多
-
即日-10.29立即報(bào)名>> 2024德州儀器嵌入式技術(shù)創(chuàng)新發(fā)展研討會(huì)
-
10月31日立即下載>> 【限時(shí)免費(fèi)下載】TE暖通空調(diào)系統(tǒng)高效可靠的組件解決方案
-
即日-11.13立即報(bào)名>>> 【在線會(huì)議】多物理場仿真助跑新能源汽車
-
11月14日立即報(bào)名>> 2024工程師系列—工業(yè)電子技術(shù)在線會(huì)議
-
12月19日立即報(bào)名>> 【線下會(huì)議】OFweek 2024(第九屆)物聯(lián)網(wǎng)產(chǎn)業(yè)大會(huì)
-
即日-12.26火熱報(bào)名中>> OFweek2024中國智造CIO在線峰會(huì)
推薦專題
- 1 Intel宣布40年來最重大轉(zhuǎn)型:年底前裁員15000人、拋掉2/3房產(chǎn)
- 2 因美封殺TikTok,字節(jié)股價(jià)骨折!估值僅Meta1/5
- 3 宏山激光重磅發(fā)布行業(yè)解決方案,助力智能制造產(chǎn)業(yè)新飛躍
- 4 國產(chǎn)AI芯片公司破產(chǎn)!白菜價(jià)拍賣
- 5 具身智能火了,但規(guī)模落地還需時(shí)間
- 6 國產(chǎn)英偉達(dá)們,抓緊沖刺A股
- 7 三次錯(cuò)失風(fēng)口!OpenAI前員工殺回AI編程賽道,老東家捧金相助
- 8 英特爾賦能智慧醫(yī)療,共創(chuàng)數(shù)字化未來
- 9 英偉達(dá)的麻煩在后頭?
- 10 將“網(wǎng)紅”變成“商品”,AI“爆改”實(shí)力拉滿
- 高級軟件工程師 廣東省/深圳市
- 自動(dòng)化高級工程師 廣東省/深圳市
- 光器件研發(fā)工程師 福建省/福州市
- 銷售總監(jiān)(光器件) 北京市/海淀區(qū)
- 激光器高級銷售經(jīng)理 上海市/虹口區(qū)
- 光器件物理工程師 北京市/海淀區(qū)
- 激光研發(fā)工程師 北京市/昌平區(qū)
- 技術(shù)專家 廣東省/江門市
- 封裝工程師 北京市/海淀區(qū)
- 結(jié)構(gòu)工程師 廣東省/深圳市