json相关图形

绝地灬酷狼 2023-09-29 01:21 18阅读 0赞

## 一 业务：前后端数据交互 ##

## 二 需求：比xml更好 ##

1.  跨编程语言
2.  解析速度快
3.  占用空间小
4.  且易开发人员、机器阅读和编写

## 三 解决方案：json ##

## 四 完成学习：json ##

### 1 思想 ###

1.  用纯文本格式来存储和表示数据
2.  用于数据交换

### 2 体系组织 ###

1.  JSON，JavaScript Object Notation，JS对象标记，javascript的一个子集

###    3 具体1：json有两种数据结构 ###

#### （1）对象结构 ####

![fc3eba400569460998dd17097e178855.png][]

1.  \{ key,value\}
2.  key必须是string类型
3.  value：String、Number、Object、数组......

#### （2）数组结构 ####

![369aaab5a5a44be48b0cff8eea08eaca.png][]

1.  \[value1,value2,value3......\]
2.  \["abc",12345,false,null\]：数组包含了String、Number、 Boolean、 null、Object类型数据

### 4 具体2：json数据转换 ###

#### （1）业务需求：实现浏览器和spring mvc控制器之间的json数据交互 ####

#### （2）解决方法： ####

**1）功能：**

1.  将请求信息中的json数据转换为一个类型为T的对象，并绑定到请求方法的参数中
2.  将T对象转换为jsvon响应数据信息传递给浏览器显示。

**2）工具：**

spring，HttpMessageConverter<T>接口，实现类MappingJackson2HttpMessageConverter

#### （3）只官配play：spring + spring mvc + json的3个包 + jquery ajax ####

![a617c81e1f46e6cf0dba5d2ae6b78bf0.png][]

**1）前端：jquery ajax ，请求类型json，返回类型json**

![adcc0395184f40908c5963e3da971f83.png][]

**2）后台：spring + spring mvc + json的3个包 + @RequestBody + @ResponseBody**

![281b6c04f135424b88f24562c51b1cc4.png][]

1.  第一步：要使用MappingJackson2HttpMessageConverter对数据进行转换，就需要使用Jackson的开源包：  
    ●jackson-annoations-2.8.8.jar: JSON转换注解包;  
    ●jackson-core-2.8.8.jar: JSON转换核心包;  
    ●jackson-databind-2.8.8.jar: JSON转换的数据绑定包。
2.  第二步：使用json格式转换注解  
    ![edc3a64e25c34a7386a0ebb945970124.png][]

#### （4）工具 ####

[JSON在线解析及格式化验证 - JSON.cn][JSON_ - JSON.cn]

[JS 在线运行工具，在线运行/测试/调试 Javascript 代码 - dute.org][JS _ Javascript _ - dute.org]

## 五 注应用： ##

1.  fastjson 阿里巴巴
2.  微服务：spring boot + spring cloud + vue.js，C++程序，[Python][]

[fc3eba400569460998dd17097e178855.png]: https://img-blog.csdnimg.cn/fc3eba400569460998dd17097e178855.png
[369aaab5a5a44be48b0cff8eea08eaca.png]: https://img-blog.csdnimg.cn/369aaab5a5a44be48b0cff8eea08eaca.png
[a617c81e1f46e6cf0dba5d2ae6b78bf0.png]: https://img-blog.csdnimg.cn/img_convert/a617c81e1f46e6cf0dba5d2ae6b78bf0.png
[adcc0395184f40908c5963e3da971f83.png]: https://img-blog.csdnimg.cn/adcc0395184f40908c5963e3da971f83.png
[281b6c04f135424b88f24562c51b1cc4.png]: https://img-blog.csdnimg.cn/281b6c04f135424b88f24562c51b1cc4.png
[edc3a64e25c34a7386a0ebb945970124.png]: https://img-blog.csdnimg.cn/edc3a64e25c34a7386a0ebb945970124.png
[JSON_ - JSON.cn]: https://www.json.cn/
[JS _ Javascript _ - dute.org]: https://www.dute.org/js-run
[Python]: http://www.baidu.com/link?url=_QUvnyY3_51IFJyaPJ1mzPmlkxdDjCeVGB7fU0xco9E5rb6RFNsgIBVID7vNOOZ3txfdplarK2mucu2Gs_9oRK