动态表单实现
一.需求
管理员配置项目表单动态字段。
用户上报此项目下的产品,填写固定字段和动态字段数据。
项目与产品为一对多的关系。即用户可以上报某个项目下的产品信息。
项目与动态字段一对多的关系。即一个项目可以配置多个动态字段。
二.数据库设计
项目表:project
产品表:product
动态字段表:dynamic_field
三.实现思路
1.管理员新增项目,动态字段插入到动态字段表。
project_id为项目id,做关联。
field_key:新增字段的名字;
required:是否必填项;
code:字段code,根据名字生成,用来作为前端动态生成输入框的id;
2.每个项目上报产品,固定字段设计到产品表。
project_id为项目id,做关联;
regular:固定字段;
dynamic_field:用户上报,动态字段json,格式为{key_field:xxx,code:xxx,value:xxx}。详情和编辑直接返回到前端,循坏生成动态字段,赋值为value;