动态表单实现
Posted 泡^泡
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态表单实现相关的知识,希望对你有一定的参考价值。
需求
管理员配置项目表单动态字段。
用户上报此项目下的产品,填写固定字段和动态字段数据。
项目与产品为一对多的关系。即用户可以上报某个项目下的产品信息。
项目与动态字段一对多的关系。即一个项目可以配置多个动态字段。
数据库设计
项目表: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;
以上是关于动态表单实现的主要内容,如果未能解决你的问题,请参考以下文章