动态表单实现原理

目录

动态表单是什么

动态表单的关键

前后端职责

数据库与表结构

功能实现与改进建议

---

动态表单是什么

静态表单是很常见，也是常规做法，其表单的结构是固定的，通常情况下一个表单对应数据库的一张表，表单中一个数据项对应数据表的一个字段。虽然结构固定，但查询和统计方便。

而动态表单，特点是表单的内容项是动态可变的，可轻易的添加和减少表单的内容项，而不需要改动表结构和功能实现。结构灵活，但是不便于查询统计。

例如人员统计表单包含姓名、性别、籍贯、身份证号，对于静态表单，数据表有对应的四个字段，若想为表单增加或减少内容项，就需要修改数据表结构了，而且前后端功能实现也需要变化；对应动态表单，只需对表单的内容项进行配置，即可完成结构变更，不需要改动数据表和功能实现。

动态表单的关键

动态表单的关键，在于前后端达成共识的报文结构规范。

前端根据用户的配置生成报文，达到表单动态配置目的；

前端解析报文并组织页面元素，达到表单动态显示的目的。

后台对回收采集的json数据进行解析和聚合，提供数据报表和数据统计功能。

tduck、卷王、erupt的动态表单，皆是如此。

前后端职责

由于已经制定了报文规范，所以服务端不做数据转换，而是直接写入数据库。前后端的职责很明确。