动态表单



什么是动态表单?

动态表单的目的是为了根据业务流程不同灵活设计显示页面,显然,在业务流程设计阶段不用过多的考虑表单如何实现,将业务流程与表单显示分离开了,充分体现了MVC(M是指业务模型,V是指用户界面,C则是控制器)思想,我们可以把动态表单看成了V层的具体实现。

动态表单,可以灵活配置并扩展业务、避免在系统中硬编码的数据采集及处理表单,提高系统的可维护性。动态表单,使开发人员把注意力集中在业务流程上,同时,也可以让系统操作人员参与表单的管理。



使用场景

动态表单

 动态表单

不同的商品 需要提交不同的参数 如果不使用动态表单 需要编写大量的代码 且可维护性非常低 并且对需要大量的数据库内存 牵一发动全身

而使用动态表单 可维护行高 可扩展性高 只需要对数据库里的表单参数进行修改即可 无需变得其他的代码 存储方式一个hash类型 



实现方式

动态表单

 根据不同的类型存储不同的参数 存储方式一个hash类型 {"key":"text":"标题,""type":"存储类型"}

而前端只需要动态渲染及格 vue2 使用的是 this.$set 而vue3是直接for循环即可 进行渲染

数据还是以hash格式进行存储

动态表单

上一篇:three.js学习笔记二:导入外部gltf模型


下一篇:【ROS学习】使用python编写简单的节点