Skip to content

场景数据结构约束

树结构

树结构也是前后端交互过程中比较常用的一种数据结构,对其响应结果做如下约束:

json
{
  "data": [
    {
      "id": 1,
      "name": "总部",
      "parent": null,
      "children": [
        {
          "id": 2,
          "name": "北京分行",
          "parent": 1,
          "children": [
            {
              "id": 3,
              "name": "朝阳分行",
              "parent": 3
            }
          ]
        },
        {
          "id": 4,
          "name": "河北分行",
          "parent": 1,
          "children": []
        }
      ]
    }
  ]
}

说明:

字段描述
id节点标识,不允许重复
name节点名称
parent节点的父节点标识,根节点父节点值为 null

图结构

图是可视化上经常使用到的一种结构,对其响应结果做如下约束:

json
{
  "data": {
    "nodes": [
      {"id": 1, ... },
      {"id": 2, ... }
      {"id": 3, ... }
    ],
    "links": [
      {"source": 1, "target": 2 },
      {"source": 3, "target": 2 }
    ]
  }
}

说明:

字段描述
nodes节点集合
links边的集合
id节点唯一标识
source边的起始节点 id
target边的目的节点 id

图表结构

图表数据是大屏展示极为普遍的数据类型,对其做如下约束:

json
{
  "data": [
    {
      "name": "服务器服漏洞",
      "value": 14
    },
    {
      "name": "弱口令",
      "value": 5
    }
  ]
}

说明:

字段描述
name统计名称
value统计数值

基于 VitePress 构建