springboot+vue, mysql怎么设置字段存储form动态表单?-灵析社区

生成头像

需求: 每个页面进去是一个不一样的form表单,form中的item属性都是自定义不确定的 问题: springboot+vue, mysql怎么设置字段存储form动态表单? 1. 使用`json`记录整个`form` 2. 使用`varchar`记录整个`form` 3. 使用text 记录整个`form` 4. 把`form`中的`item`分开记录,如`type:varchar;title:varchar;value:varchar;......` ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/e43c5a1feb1007d3e89ab7dec31ed472.png) var form = [ { type: "input", field: "default", title: "update1", value: "default", onChnage: (val) => { console.log("val", val); }, }, { type: "input", title: "商品名称", field: "goods_name", value: "iphone 7", col: { span: 12, labelWidth: 150, }, props: { type: "text", }, validate: [ { required: true, message: "请输入goods_name", trigger: "blur" }, ], }, ];

阅读量:11

点赞量:0

问AI
当然用JSON。 有个示例供参考:"https://github.com/yji234/dynamic-form-pc" (https://link.segmentfault.com/?enc=PmKzbUrxH7tAqBmBIpkACg%3D%3D.WOUGAA0jgfsaFs%2FbpuvPzGUEXFoD%2F5x2gYoldY%2BoX%2FfL2xtf8UsvKMP5LIXba7fN) 其实就是把每个组件描述出来,然后前端按这种逻辑展示,后端按这种逻辑校验。当然还有表单的设计 [ { id: '2', ruleName: '提示文字', ruleValue: 'placeHolder', ruleType: 'text', defaultValue: '', placeHolder: '请输入', topTip: '最多50字', bottomTip: '内容最多可填写1000字', checkboxLabel: '' }, { id: '3', ruleName: '必填', ruleValue: 'isRequired', ruleType: 'checkbox', defaultValue: '', placeHolder: '', topTip: '', bottomTip: '', checkboxLabel: '是否必填' }, ]