拖拉拽表单该如何存入数据库并取出?

发布于 2022-09-13 01:13:19 字数 1911 浏览 28 评论 0

求一个思路

拖拉拽表单存入哪个数据库会方便存储并取出

使用的后端语言是Java

目前思路:
生成json格式存入MongoDB,但是由于是拖拉拽表单,json格式每次的字段key都不一致,该如何映射到实体类
或者用最蠢的方法,string存储json,全部堆一起,由前端渲染(实验过,可行)

以下为json数据

{
    "formDataList": [{
        "fieldId": "Password_1629423281596",
        "name": "Password",
        "label": "密码",
        "placeholder": "请输入密码",
        "value": "",
        "rules": {},
        "makeStyle": {
            "active": true
        },
        "style": {},
        "setting": {
            "prefixIcon": "el-icon-lock",
            "suffixIcon": ""
        }
    }, {
        "fieldId": "Input_1629423347125",
        "name": "Input",
        "label": "单行文本",
        "placeholder": "请输入",
        "value": "",
        "rules": {},
        "makeStyle": {
            "active": false
        },
        "style": {},
        "setting": {
            "prefixIcon": "",
            "suffixIcon": ""
        }
    }, {
        "name": "Divider",
        "label": "分割线",
        "makeStyle": {
            "active": false
        },
        "style": {
            "hideLabel": true
        },
        "setting": {
            "direction": "horizontal",
            "contentPosition": "center",
            "content": "这里是分割线",
            "icon": ""
        },
        "fieldId": "Divider_1630026701208"
    }],
    "formStyle": {
        "hideLabel": false,
        "labelWidth": "85px",
        "labelPosition": "right",
        "showRequiredAsterisk": true,
        "showVerificationMessage": true,
        "size": "medium",
        "labelSuffix": ":"
    },
    "model": {
        "Password_1629423281596": "",
        "Input_1629423347125": ""
    }
}

model的key就是表单的id,表单通过model的key获取到表单的value,所以model的key每次都不一样

如何在不修改json的情况下完成,或者有更好的方法或思路,有好的拖拉拽也可以推荐一下,求

附上一张MongoDB存储的json结构的数据

image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文