后端数据返回结构

最新推荐文章于 2022-01-10 04:16:29 发布

ob杨

最新推荐文章于 2022-01-10 04:16:29 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/weixin_40828023/article/details/117226462

版权

本文探讨了后端数据如何正确返回给前端，强调在特定情况下需要匹配ID使用对象结构。示例包括下拉列表的数据组织、日期选择格式以及菜单数据结构。同时，展示了响应接口返回的数据结构，包含列表、页面信息、页码详情和插件数据。

摘要由CSDN通过智能技术生成

后端数据返回前端


不可返回 数字0


数组列表
[
    {
        value: "zhinan",
        label: "指南",
    }
]

需要匹配id的情况才能使用对象结构
{
    1: "zhinan",
    2: "指南",
}

下拉列表系列

options: [
            {
                value: "zhinan",
                label: "指南"
            },
            {
                value: "zhinan",
                label: "指南",
                children: [
                            {
                                value: "shejiyuanze",
                                label: "设计原则",
                                children: [
                                    {
                                    value: "yizhi",
                                    label: "一致",
                                    },
                                    {
                                    value: "fankui",
                                    label: "反馈",
                                    },
                                ],
                            },
                            {
                                value: "daohang",
                                label: "导航",
                                children: [
                                    {
                                    value: "cexiangdaohang",
                                    label: "侧向导航",
                                    },
                                    {
                                    value: "dingbudaohang",
                                    label: "顶部导航",
                                    },
                                ],
                            },
                ],
            }
        ],


日期选择 2021-04-20 11:56:23

//菜单数据结构模板
 menuList:[
    {
        id:101,
        icon:'',
        path:'',
        label: '首页',
    },
    {
        id:102,
        icon:'',
        path:'',
        label: '招聘管理',
        children: [{
            id:10201,
            icon:'',
            path:'',
            label: '企业库',
        }]
    },
    {
        id:103,
        icon:'',
        path:'',
        label: '学生管理',
        children: [{
            id:10301,
            icon:'',
            path:'',
            label: '学生列表',
        }]
    },
    {
        id:104,
        icon:'',
        path:'',
        label: '就业统计',
        children: [{
            id:10401,
            icon:'',
            path:'',
            label: '就业情况',
        }]
    }]


富文本 wangeditor

response接口返回数据结构
res:{
    "code": 200,
    "msg": '获取成功',
    "data": {
        "list": [], //列表
        "dataInfo": {}, //页面信息
        "page": { //页码信息
            "pageNo": 1, //当前页
            "pageSize": 10, //每页数据条数
            "totalNum":0 //总条数
        },
        "option": { //插件或者下拉数据集合
            "stateList": [
                {
                    "value":"0",
                    "label":"审核失败"
                },
                {
                    "value":"1",
                    "label":"审核通过"
                }
            ]
        }
    }
}