AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

如何构造分层次的 Json 数据

2019-06-01 1034
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 十年河东，十年河西，莫欺骚年穷...打错个字~_~现有如下需求，构造分层次的Json数据,层次结构类似下图：上图使用EasyUI生成的，静态HTML如下： 测试 body { ...

十年河东，十年河西，莫欺骚年穷...打错个字~_~

现有如下需求，构造分层次的Json数据,层次结构类似下图：

上图使用EasyUI生成的，静态HTML如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title>测试</title>
    <link href="/jquery-easyui-1.3.0/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/jquery-easyui-1.3.0/themes/default/easyui.css" rel="stylesheet" />
    <script src="/jquery-easyui-1.3.0/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="/jquery-easyui-1.3.0/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="/jquery-easyui-1.3.0/themes/icon.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body {
            font: 12px/20px "微软雅黑", "宋体", Arial, sans-serif, Verdana, Tahoma;
            padding: 0;
            margin: 0;
        }

        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        a:active {
            text-decoration: none;
        }

        .cs-north {
            height: 60px;
            background: #B3DFDA;
        }

        .cs-north-bg {
            width: 100%;
            height: 100%;
            background: url(~/jquery-easyui-1.3.0/themes/gray/images/header_bg.png) repeat-x;
        }

        .cs-north-logo {
            height: 40px;
            padding: 15px 0px 0px 5px;
            color: #fff;
            font-size: 22px;
            font-weight: bold;
            text-decoration: none;
        }

        .cs-west {
            width: 200px;
            padding: 0px;
            border-left: 1px solid #99BBE8;
        }

        .cs-south {
            height: 25px;
            background: url('~/jquery-easyui-1.3.0/themes/gray/images/panel_title.gif') repeat-x;
            padding: 0px;
            text-align: center;
        }

        .cs-navi-tab {
            padding: 5px;
        }

        .cs-tab-menu {
            width: 120px;
        }

        .cs-home-remark {
            padding: 10px;
        }
        /*以下为自定义样式，用于表单验证*/
        .warn {
            border-color: #f78d8d !important;
            outline: 0 !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(239, 154, 154) !important;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(239, 154, 154) !important;
        }

        .error {
            color: red;
            font-size: small;
        }
    </style>

    <style type="text/css">
        .tree li {
            margin-top: 4px;
        }
    </style>
</head>
<body>
    <ul class="easyui-tree" id="Ul1" style="padding-left: 5px;">
        <li>
            <span>河南省</span>
            <ul>

                <li data-options="state:'open'">
                    <span>商丘市</span>
                    <ul>
                        <li data-options="state:'open'">
                            <span>永城市</span>
                            <ul>
                                <li>
                                    <span>
                                        <label>薛湖镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>芒山镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>陈集镇</label>
                                    </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                 <li data-options="state:'open'">
                    <span>洛阳市</span>
                    <ul>
                        <li data-options="state:'open'">
                            <span>伊川县</span>
                            <ul>
                                <li>
                                    <span>
                                        <label>太平镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>大留镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>小庙镇</label>
                                    </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>

         <li>
            <span>江苏省</span>
            <ul>

                <li data-options="state:'open'">
                    <span>苏州市</span>
                    <ul>
                        <li data-options="state:'open'">
                            <span>张家港市</span>
                            <ul>
                                <li>
                                    <span>
                                        <label>乐余镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>锦丰镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>兆丰镇</label>
                                    </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                 <li data-options="state:'open'">
                    <span>常熟市</span>
                    <ul>
                        <li data-options="state:'open'">
                            <span>长袖市</span>
                            <ul>
                                <li>
                                    <span>
                                        <label>平镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>留镇</label>
                                    </span>
                                </li>
                                 <li>
                                    <span>
                                        <label>庙镇</label>
                                    </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>
View Code

HTML代码仅供惨了，我们的重点的构造类似上图的JSON数据包。如何构造呢？

本篇利用LINQ结合数据库来构造这个JSON数据。

数据库部分如下：

create table HelloChina
(
Id int identity(1,1) primary key,
Province nvarchar(50),--省
City  nvarchar(50),--市/区
District nvarchar(50),--县/区
OrgName nvarchar(50),--镇
AddTime datetime default(getdate()) 
)

insert into HelloChina(Province,City,District,OrgName) values('河南省','商丘市','永城市','薛湖镇')
insert into HelloChina(Province,City,District,OrgName) values('河南省','商丘市','永城市','陈集镇')
insert into HelloChina(Province,City,District,OrgName) values('河南省','商丘市','永城市','芒山镇')

insert into HelloChina(Province,City,District,OrgName) values('河南省','洛阳市','伊川县','太平镇')
insert into HelloChina(Province,City,District,OrgName) values('河南省','洛阳市','伊川县','大留镇')
insert into HelloChina(Province,City,District,OrgName) values('河南省','洛阳市','伊川县','小庙镇')
insert into HelloChina(Province,City,District,OrgName) values('河南省','平顶山市','鲁山县','炉山镇')
insert into HelloChina(Province,City,District,OrgName) values('河南省','平顶山市','平川市','大茂镇')

insert into HelloChina(Province,City,District,OrgName) values('江苏省','苏州市','张家港市','大学镇')
insert into HelloChina(Province,City,District,OrgName) values('江苏省','苏州市','常熟市','小雪镇')
insert into HelloChina(Province,City,District,OrgName) values('江苏省','南京市','南水市','高中镇')
insert into HelloChina(Province,City,District,OrgName) values('江苏省','南京市','吴中市','初中镇')

insert into HelloChina(Province,City,District,OrgName) values('安徽省','合肥市','肥水县','沸水镇')
insert into HelloChina(Province,City,District,OrgName) values('安徽省','合肥市','肥水县','肥牛镇')
insert into HelloChina(Province,City,District,OrgName) values('安徽省','南京市','京东县','羊羔镇')

insert into HelloChina(Province,City,District,OrgName) values('山东省','临沂市','莒南县','老仆镇')
View Code

C#实体Model如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace AnBang.Model
{
    public class BureauMenuModel_P
    {
        public string Province { get; set; }
        public List<BureauMenuModel_C> nodes { get; set; }
    }

    public class BureauMenuModel_C
    {
        public string City { get; set; }
        public List<BureauMenuModel_D> nodes { get; set; }
    }

    public class BureauMenuModel_D
    {

        public string District { get; set; }
        public List<BureauMenuModel_O> nodes { get; set; }
    }

    public class BureauMenuModel_O
    {
        public string OrgName { get; set; }
    }

    public class ResultModel
    {
        public List<BureauMenuModel_P> Json { get; set; }
        public string GroupName { get; set; }
    }

    public partial class HelloChinaModel
    {
        public int Id { get; set; }
        public string Province { get; set; }
        public string City { get; set; }
        public string District { get; set; }
        public string OrgName { get; set; }
        public Nullable<System.DateTime> AddTime { get; set; }
    }
}
View Code

根据各个层次的划分，我们的各个 Model 之间也一定要存在这种层次关系！

下面就是具体的实现：

思路分析：依次分组划分，然后依次构造。

时间不多，不作讲解，代码如下：

        public BaseResponse<ResultModel> GetJson()
        {
            using (AnbSosCustomerEntities context = new AnbSosCustomerEntities())
            {
                BaseResponse<ResultModel> response = new BaseResponse<ResultModel>();
                List<BureauMenuModel_P> MenuModelList = new List<BureauMenuModel_P>();
                //
                List<HelloChinaModel> MList = new List<HelloChinaModel>();
                var Hello = context.HelloChina;
                var Query = from Org in Hello
                            select Org;
                if (Query.Count() > 0)
                {
                    var data = Query.ToList();

                    MList = Mapper.DynamicMap<List<HelloChinaModel>>(data);
                }
                //根据省份 分组
                var P_ls = MList.GroupBy(a => a.Province).Select(g => (new { Province = g.Key, Citys = g })).ToList();
                foreach (var item in P_ls)
                {
                    BureauMenuModel_P P = new BureauMenuModel_P();
                    P.Province = item.Province;
                    P.nodes = new List<BureauMenuModel_C>();
                    var CityList = item.Citys.GroupBy(a => a.City).Select(g => new { City = g.Key, Districts = g }).ToList();
                    foreach (var CItem in CityList)
                    {
                        BureauMenuModel_C C = new BureauMenuModel_C();
                        C.City = CItem.City;
                        C.nodes = new List<BureauMenuModel_D>();
                        var Districts = CItem.Districts.GroupBy(a => a.District).Select(g => new { District = g.Key, Orgs = g }).ToList();
                        foreach (var DistrictItem in Districts)
                        {
                            BureauMenuModel_D D = new BureauMenuModel_D();
                            D.nodes = new List<BureauMenuModel_O>();
                            D.District = DistrictItem.District;
                            C.nodes = new List<BureauMenuModel_D>();
                            var orgs = DistrictItem.Orgs.ToList();
                            foreach (var org in orgs)
                            {
                                BureauMenuModel_O O = new BureauMenuModel_O();
                                O.OrgName = org.OrgName;
                                D.nodes.Add(O);

                            }
                            C.nodes.Add(D);
                        }
                        P.nodes.Add(C);
                    }
                    MenuModelList.Add(P);

                }

                //string Json = JsonConvert.SerializeObject(MenuModelList); ;
                response.Data = new ResultModel();
                response.Data.Json = MenuModelList;
                return response;
            }
        }
View Code

前端调用代码如下：

        IBase Implement = new BaseImplement();
        protected void Page_Load(object sender, EventArgs e)
        {
            List<BureauMenuModel_P> MenuModelList = new List<BureauMenuModel_P>();
            if (Implement.GetJson().Data.Json != null)
            {
                MenuModelList = Implement.GetJson().Data.Json;
            }
            string Json = JsonConvert.SerializeObject(MenuModelList );
            Response.Write(Json);
        }
View Code

得到的JSON数据如下：

[
    {
        "Province": "河南省",
        "nodes": [
            {
                "City": "商丘市",
                "nodes": [
                    {
                        "District": "永城市",
                        "nodes": [
                            {
                                "OrgName": "薛湖镇"
                            },
                            {
                                "OrgName": "陈集镇"
                            },
                            {
                                "OrgName": "芒山镇"
                            }
                        ]
                    }
                ]
            },
            {
                "City": "洛阳市",
                "nodes": [
                    {
                        "District": "伊川县",
                        "nodes": [
                            {
                                "OrgName": "太平镇"
                            },
                            {
                                "OrgName": "大留镇"
                            },
                            {
                                "OrgName": "小庙镇"
                            }
                        ]
                    }
                ]
            },
            {
                "City": "平顶山市",
                "nodes": [
                    {
                        "District": "平川市",
                        "nodes": [
                            {
                                "OrgName": "大茂镇"
                            }
                        ]
                    }
                ]
            }
        ]
    },
    {
        "Province": "江苏省",
        "nodes": [
            {
                "City": "苏州市",
                "nodes": [
                    {
                        "District": "常熟市",
                        "nodes": [
                            {
                                "OrgName": "小雪镇"
                            }
                        ]
                    }
                ]
            },
            {
                "City": "南京市",
                "nodes": [
                    {
                        "District": "吴中市",
                        "nodes": [
                            {
                                "OrgName": "初中镇"
                            }
                        ]
                    }
                ]
            }
        ]
    },
    {
        "Province": "安徽省",
        "nodes": [
            {
                "City": "合肥市",
                "nodes": [
                    {
                        "District": "肥水县",
                        "nodes": [
                            {
                                "OrgName": "沸水镇"
                            },
                            {
                                "OrgName": "肥牛镇"
                            }
                        ]
                    }
                ]
            },
            {
                "City": "南京市",
                "nodes": [
                    {
                        "District": "京东县",
                        "nodes": [
                            {
                                "OrgName": "羊羔镇"
                            }
                        ]
                    }
                ]
            }
        ]
    },
    {
        "Province": "山东省",
        "nodes": [
            {
                "City": "临沂市",
                "nodes": [
                    {
                        "District": "莒南县",
                        "nodes": [
                            {
                                "OrgName": "老仆镇"
                            }
                        ]
                    }
                ]
            }
        ]
    }
]

有人会问我，安徽省为什么有个南京市，我想说：数据库数据我是随便写的，不要介意哦！

@陈卧龙的博客

文章标签：
数据格式
JSON
前端开发
数据库
关键词：
JSON数据
JSON构造
构造JSON数据
天才小龙
目录
相关文章
奔跑的数据
|
2月前
|
数据采集 JSON 数据处理
抓取和分析JSON数据：使用Python构建数据处理管道
在大数据时代，电商网站如亚马逊、京东等成为数据采集的重要来源。本文介绍如何使用Python结合代理IP、多线程等技术，高效、隐秘地抓取并处理电商网站的JSON数据。通过爬虫代理服务，模拟真实用户行为，提升抓取效率和稳定性。示例代码展示了如何抓取亚马逊商品信息并进行解析。
奔跑的数据
65 1
抓取和分析JSON数据：使用Python构建数据处理管道
小王老师呀
|
1月前
|
JSON 数据格式 索引
Python中序列化/反序列化JSON格式的数据
【11月更文挑战第4天】本文介绍了 Python 中使用 `json` 模块进行序列化和反序列化的操作。序列化是指将 Python 对象（如字典、列表）转换为 JSON 字符串，主要使用 `json.dumps` 方法。示例包括基本的字典和列表序列化，以及自定义类的序列化。反序列化则是将 JSON 字符串转换回 Python 对象，使用 `json.loads` 方法。文中还提供了具体的代码示例，展示了如何处理不同类型的 Python 对象。
小王老师呀
31 1
1842782014377483
|
1月前
|
JSON 缓存 前端开发
PHP如何高效地处理JSON数据：从编码到解码
在现代Web开发中，JSON已成为数据交换的标准格式。本文探讨了PHP如何高效处理JSON数据，包括编码和解码的过程。通过简化数据结构、使用优化选项、缓存机制及合理设置解码参数等方法，可以显著提升JSON处理的性能，确保系统快速稳定运行。
1842782014377483
58 3
运营研究坊
|
2月前
|
JSON JavaScript Java
在Java中处理JSON数据：Jackson与Gson库比较
本文介绍了JSON数据交换格式及其在Java中的应用，重点探讨了两个强大的JSON处理库——Jackson和Gson。文章详细讲解了Jackson库的核心功能，包括数据绑定、流式API和树模型，并通过示例演示了如何使用Jackson进行JSON解析和生成。最后，作者分享了一些实用的代码片段和使用技巧，帮助读者更好地理解和应用这些工具。
运营研究坊
178 0
在Java中处理JSON数据：Jackson与Gson库比较
技术交流18179014480
|
1月前
|
JSON API 数据安全/隐私保护
拍立淘按图搜索API接口返回数据的JSON格式示例
拍立淘按图搜索API接口允许用户通过上传图片来搜索相似的商品，该接口返回的通常是一个JSON格式的响应，其中包含了与上传图片相似的商品信息。以下是一个基于淘宝平台的拍立淘按图搜索API接口返回数据的JSON格式示例，同时提供对其关键字段的解释
技术交流18179014480
41 0
技术交流18179014480
|
2月前
|
JSON JavaScript API
（API接口系列）商品详情数据封装接口json数据格式分析
在成长的路上，我们都是同行者。这篇关于商品详情API接口的文章，希望能帮助到您。期待与您继续分享更多API接口的知识，请记得关注Anzexi58哦！
技术交流18179014480
111 1
技术交流18179014480
|
2月前
|
JSON API 数据格式
商品详情数据JSON格式示例参考（api接口）
JSON数据格式的商品详情数据通常包含商品的多个层级信息，以下是一个综合多个来源信息的JSON数据格式的商品详情数据示例参考：
技术交流18179014480
114 0
m1a6
|
2月前
|
存储 JSON 前端开发
JSON与现代Web开发：数据交互的最佳选择
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也便于机器解析和生成。它以文本格式存储数据，常用于Web应用中的数据传输，尤其是在客户端和服务器之间。
m1a6
82 0
明弟有理想
|
2月前
|
存储 JavaScript 前端开发
TypeScript :使用mock提供数据&as const 的使用&tsconfig.json配置
本文介绍了如何在项目中使用 Mock 提供数据，包括安装依赖、配置 Vite 和 TypeScript，以及如何使用 `as const`、元组和 tsconfig.json 配置文件。通过这些配置，可以实现更灵活和高效的开发体验。
明弟有理想
57 0
武子康
|
2月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
武子康
42 0

热门文章

最新文章

  • 1
    15.4. Ajax + JSON
  • 2
    JS-【同页面多次调用】轮播特效封装-json传多个参数
  • 3
    错误struts2 json There is no Action mapped for namespace
  • 4
    JavaScriptSerializer序列化和反序列化JSON：使用自定义JavaScriptConverter
  • 5
    颜值爆表！推荐两款JSON可视化工具，配合Swagger使用真香
  • 6
    Json简介入门
  • 7
    ajax和json对象
  • 8
    Android客户端与服务器端的json数据交互（很详细）
  • 9
    Android 一个类实现的 Json 解析 - 范型的有效利用，使其得以简化
  • 10
    VC 使用json cpp 静态库 问题解决
  • 1
    vue的 blob文件下载文件时，后端自定义异常，并返回json错误提示信息，前端捕获信息并展示给用户
    272
  • 2
    ruoyi-nbcio发送消息的SerializationException: Could not read JSON: Unexpected character (‘¬‘ (code 172))
    186
  • 3
    基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式（支持并行网关）
    376
  • 4
    基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式（排它条件网关）
    128
  • 5
    基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式（简单支持发起人与审批人的流程）
    454
  • 6
    nbcio-boot升级springboot、mybatis-plus和JSQLParser后的LocalDateTime日期json问题
    94
  • 7
    转Android上基于JSON的数据交互应用
    50
  • 8
    Ajax – JSON入门指南
    64
  • 9
    python之simplejson:JSON 编/解码器示例详解
    94
  • 10
    python之JMESPath:JSON 查询语法库示例详解
    88

    • 相关课程

    更多
  • JSON 自学手册图文教程
  • Python语言基础 - 列表、元组、字典、集合

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    DataWorks售前咨询