用实例分析DevOps项目中动态表单的发展史
表单是前端开发常用的数据采集工具,随着技术发展,一个完善应用系统包含的功能越来越复杂,所需要的表单也越来越多。这些表单大同小异,使用的都是常用的输入框、下拉选择框等表单控件,各个表单之间的差异无非是使用控件的种类数目和与控件相对应的字段名称,对于表单的渲染和数据收集逻辑,都有极强的逻辑可以寻找,因此动态表单应运而生。
顾名思义,动态表单就是根据表单配置动态的渲染表单,实现需求,而不是一段段写死的大同小异的代码。动态表单的产生,大大的提升了开发效率,开发人员不用继续埋头在一堆单调的表单代码中和需求文件作斗争了。但是如何实现一个高效易用动态表单,也是一个不小的难题,今天就以普元技术中台DevOps的动态表单开发历程为例,为大家介绍DevOps项目中动态表单的发展史。
目录:
1.初版动态表单
2.问题和新需求
3.动态表单进阶
一、初版动态表单
最初的DevOps平台并没有关于动态表单的需求,在开发过程中,由于CICD部分种类纷繁的任务类型配置需要大量的表单与之一一对应,想要人工写完这些表单无疑要耗费很多的时间,所以我们开始了第一次的动态表单的实践。
此次动态表单实践由DevOps的CICD部分中的任务配置表单驱动,因此主要考虑的控件类型为输入框、下拉框、和代码编辑器。在实践中几个较为关键的地方分别为表单配置模型、表单联动、表单校验。
以上是较为基础的表单项的配置,我会选其中较为重要为大家说明:
attrDefId这是每一个表单项的唯一标识,前端主要用来为表单项设置ID便于获取对应元素进行其他操作;
attrId对应的是表单项对应值的字段名,即该向后端传递数据时所用的字段名,在一个完整的表单中,也是唯一的;
controlType写明了表单项类型,前端按照这项配置来决定展示的表单项是输入框、下拉框或其它指定的表单项类型;

最新活动更多
-
3月27日立即报名>> 【工程师系列】汽车电子技术在线大会
-
即日-4.22立即报名>> 【在线会议】汽车腐蚀及防护的多物理场仿真
-
精彩回顾立即查看>> 【在线会议】汽车检测的最佳选择看这里
-
精彩回顾立即查看>> 2024工程师系列—工业电子技术在线会议
-
精彩回顾立即查看>> 【线下论坛】华邦电子与莱迪思联合技术论坛
-
精彩回顾立即查看>> 【线下论坛】华邦电子与恩智浦联合技术论坛
推荐专题
- 1 HD4850神迹重现!RX 9070 XT首发评测
- 2 RTX 5070海外评测:有史以来最糟糕70显卡、NVIDIA说谎
- 3 650亿美元,Meta开始押注下一个硬件
- 4 RTX 5070首发评测:DLSS 4提升超4倍!4K游戏不再是高端玩家专属
- 5 游戏和生产力第一次同时最强!锐龙9 9950X3D首发评测
- 6 DeepSeek掀起的端侧AI革命将带动智能硬件大爆发?
- 7 技嘉RTX 5070超级雕评测:DLSS 4让中端显卡也有顶级游戏体验
- 8 iGame RTX 5070 Ultra W OC 12GB首发评测
- 9 影驰RTX 5070 Ti金属大师白金版OC评测:全新设计 颜值也追上性能和做工
- 10 CPU超越14900HX、核显强于4060!ROG幻X 2025评测
发表评论
请输入评论内容...
请输入评论/评论长度6~500个字
暂无评论
暂无评论