动态表单实现

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;

以上是关于动态表单实现的主要内容,如果未能解决你的问题,请参考以下文章

kivymd 中的动态屏幕

利用js动态生成一个简单的商品详情页

目的:介于产品非要我实现进入详情页出来页面筛选项不变这个需求~于是我学习了下

js实现静态页面跳转传参

Access 2013 连续表单数据输入

流程中心使用详情表单控件