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

最新活动更多
-
精彩回顾立即查看>> 慕尼黑华南电子展
-
精彩回顾立即查看>> OFweek2020物联网与人工智能大会暨展览会
-
精彩回顾立即查看>> 【直播】“科技成就至美生活”CIOE ams展台及传感器应用现场秀
-
精彩回顾立即查看>> OFweek 2020消费电子在线大会
-
精彩回顾立即查看>> 【在线研讨会】博乐光学模组的钢选型及分析
-
精彩回顾立即查看>> 【季度甄选】第二季度半导体行业资讯
推荐专题
- 可穿戴传感器设计工程师 武汉久乐科技有限公司
- 智能可穿戴嵌入式高级开发工程师 深圳市微队信息技术有限公司
- 产品结构设计 MD设计师 蓝牙 可穿戴产品 深圳市路路哒科技有限公司
- 智能手表/手环可穿戴平台软件研发工程师 广州软拓信息科技有限公司
- 智能可穿戴设备人员 济南汇通远德科技有限公司
- 智能可穿戴产品研发项目主管 天王电子(深圳)有限公司
- 可穿戴产品经理 北京超思电子技术股份有限公司
- 运营总监(塑身智能可穿戴产品) 武汉金运激光股份有限公司
- 心电监控可穿戴设备开发经理/总监 深圳旭宏医疗科技有限公司
- 智能可穿戴设备解决方案系统工程师1425 紫光展锐
- 嵌入式软件工程师(ARM) 山东省/潍坊市
- 光学工程师 山东省/潍坊市
- 华东销售经理 江苏省/苏州市
- 高级采购 北京市/海淀区
- 海外销售工程师 北京市/海淀区
- 海外销售经理 北京市/海淀区
- 销售工程师 北京市/海淀区
- SEO搜索引擎优化专员 北京市/海淀区
- DQE经理 广东省/深圳市
- 业务员 广东省/深圳市
发表评论
请输入评论内容...
请输入评论/评论长度6~500个字
暂无评论
暂无评论