Replica Watches: 初涉Json

2021-01-28

初涉Json

主要学习和了解Json，在springmvc中用Controller将后端的对象数据通过Json的数据格式传递给前端的界面，以及最后对Json的简单封装，常用于前后端分离的项目。

预备知识

SpringMVC
- Controller
- springmvc配置文件
- web.
JavaScript
- 引入javaScript ,(script)
- 函数

Web1.0时代

早期登陆一个网页的时候，如果失败需要刷新界面，才能重新登陆，不点击提交的按钮，就不知道自己密码输错了。
现在大多数的网站都是局部刷新，不刷新整个界面的情况下，实现页面更新。（像注册的时候，发现手机已经注册过了，但是你只是输入了，没有提交，然后他就提示了。
这就是Ajax，这是时我们就要先了解json格式。
Web2.0时代最重要的一个因素就是Ajax

Json

JSON (JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式，目前使用特别广泛。
采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
在JS语言中，一切都是对象。因此，任何JS支持的类型都可以通过JSON来表示，例如字符串、数字、对象、数组等。详情见JSON
看看他的要求和语法格式 :

对象表示为键值对
数据由逗号分隔
花括号保存对象
方括号保存数组

JSON键值对是用来保存JS对象的一种方式，和JS对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号""包裹，使用冒号∶分隔，然后紧接着值:

{"name":"zhengzheng"}{"age":"20"}{"sex":"男"}

很多人搞不清楚JSON和Js对象的关系，甚至连谁是谁都不清楚。其实，可以这么理解: JSON是JS对象的字符串表示法，它使用文本表示一个JS对象的信息，本质是一个字符串。

var obj = {a: 'Hello', b: 'world '};//这是一个对象，注意键名也是可以使用引号包裹的var json = '[" a":"Hello", "b":"World"} ';//这是一个JSON字符串，本质是一个字符串

Json与JS对象的互转

要实现从JSON字符串转换为JS对象，使用JSON.parse()方法:

var obj = JSON.parse('{"a":"Hello","b":"World"}';//结果是{a: 'Hello'，b: 'World'}

要实现从JS对象转换为JSON字符串，使用JSON.stringify()方法:

var json = JSON.stringify({a:'Hello',b: 'World'});//结果是 '{"a":"Hello","b":"World"}'

现在大部分都是前后端分离，数据交互变得异常重要
JSON就是王者！
现在我们就是想用Java把这种字符串转化出来，并且使得前端能获取到。

使用Controller实现返回Json数据

创建一个普通的maven工程，配置相关的pom.创建实体包pojo和控制器包controller，其中创建一个用户实体类User，增加其部分属性，无参和全参构造方法以及相应的get和set方法。创建UserController，增加注释@Controller。
我们创建一个方法

 @RequestMapping("/json1")	public String json1() {		return null;	}

我们正常返回，走的是视图解析器，而json需要返回的是一个字符串。市面上有很多的第三方jar包可以实现这个功能，比如jackson，fastjson。这里我们使用jackson，它只要一个简单的注解就可以。我们需要去到maven仓库中找到他，将其加到我们的maven依赖库中。
Jackson
选择其中使用人数最多的一个，将其加到我们的pom.

<!-- https://mvnrepository.com/artifact/com.faster

我们就可以用@ResponseBody注解将服务器端返回的对象转成JSON对象响应回去。首先它需要一个jackson对象映射器，就是一个类，使用它可以直接将对象转成json字符串。

ObjectMapper mapper = new ObjectMapper();

然后创建用户一个对象。之后就可以用mapper中的writeValueAsString()方法将其转成字符串str。我们最后返回的内容在之前是直接跳视图解析器，而在我们加上@ResponseBody注解后他就不会返回到视图解析器了。由于@ResponseBody注解，这里会将字符串str以json格式的字符串返回，十分方便，这也是我们以后工作中使用较多的。

 @RequestMapping("/json1")	@ResponseBody	public String json1() throws JsonProcessingException {		ObjectMapper mapper = new ObjectMapper();		User user = new User("zhengzheng",20,"男");		String str = mapper.writeValueAsString(user);		return str;	}

//精简版 @RequestMapping("/json1")	@ResponseBody	public String json1() throws JsonProcessingException {		User user = new User("zhengzheng",20,"男");		return new ObjectMapper().writeValueAsString(user);	}

我们可以运行Tomcat后访问这个地址 >@RequestMapping(value="/json1",produces="application/json;charset=utf-8")

这样我们的返回到界面的就不是乱码了，我们还可以用一个一劳永逸的方法，更改配置文件，在其中加上

 <mvc:annotation-driven>		<!--JSON格式乱码处理方式-->		<mvc:message-converters register-defaults="true">			<bean >				<constructor-arg value="UTF-8"/>		 </bean>			<bean >				<property name="objectMapper">					<bean >						<property name="failOnEmptyBeans" value="false" />					</bean>				</property>			</bean>		</mvc:message-converters>	</mvc:annotation-driven>

像这样的我们根本不用去记它，只要在需要的时候拿来用就行。
我们这次用List来实验一下

 @RequestMapping("/json3")	@ResponseBody	public String json3() throws JsonProcessingException {		List<User> list = new ArrayList<User>();		list.add(new User("张三",20,"男"));		list.add(new User("李四",20,"女"));		list.add(new User("赵五",18,"男"));		return new ObjectMapper().writeValueAsString(list);	}

我们去到 { "name": "张三", "age": 20, "sex": "男" }, { "name": "李四", "age": 20, "sex": "女" }, { "name": "赵五", "age": 18, "sex": "男" }]

我们再了解下有时候会用到关于日期Date的处理

 @RequestMapping("/time1")	@ResponseBody	public String json4() throws JsonProcessingException {		Date date = new Date();		return new ObjectMapper().writeValueAsString(date);	}

我们来到相应的地址 Jan 25 19:40:50 CST 2021

我们的时间默认返回的json格式变成了时间戳（Timestamp）的格式

如何让他不返回时间戳的问题
我们需要关闭ObjectMapper的时间戳功能。

mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);

时间格式化问题
自定义日期格式对象

SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH-mm-ss");

让mapper指定时间日期格式为SimpleDateFormat

mapper.setDateFormat(sdf);

我们写好一个例子测试一下

	@RequestMapping("/time2")	@ResponseBody	public String json5() throws JsonProcessingException {		Date date = new Date();		ObjectMapper mapper = new ObjectMapper();		mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);		SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");		mapper.setDateFormat(sdf);		return mapper.writeValueAsString(date);	}

运行后来到 20:19:24"

封装与总结

我们可以发现整个过程中有很多的重复的代码，我们可以将其封装成一个工具类。
新建一个utils的包其中新建一个JsonUtils类，在这里面将我们想封装的东西做成一个个的方法。

public class JsonUtils {	public static String getJson(Object object) { return getJson(object,"yyyy-MM-dd HH:mm: ss");}	public static String getJson(Object object,String dateFormat){		ObjectMapper mapper = new ObjectMapper();		mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);		SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);		mapper.setDateFormat(sdf);		try {			return mapper.writeValueAsString (object);		}catch (JsonProcessingException e) {			e.printStackTrace();		}		return null;	}}

我们在需要的时候直接调用即可，比如

	@RequestMapping("/time3")	@ResponseBody	public String json6() throws JsonProcessingException {		return JsonUtils.getJson(new Date());	}

上面都是用的是@ResponseBody注解，它就是把后台的对象转换成json对象，返回到页面，和它对应的当然就是@RequestBody，一般用来负责接收前台的json数据，把json数据自动封装到pojo中。我们之后Ajax来测试这一块。这两个注解一般都会在异步获取数据中使用到。

原文转载：http://www.shaoqun.com/a/519984.html

跨境电商：https://www.ikjzd.com/

blibli：https://www.ikjzd.com/w/1676

墩煌网：https://www.ikjzd.com/w/189

主要学习和了解Json，在springmvc中用Controller将后端的对象数据通过Json的数据格式传递给前端的界面，以及最后对Json的简单封装，常用于前后端分离的项目。预备知识SpringMVCControllerspringmvc配置文件web.JavaScript引入javaScript,(script)函数Web1.0时代早期登陆一个网页的时候，如果失败需要刷新界面，才能重新登陆，
rfq：rfq
crowd：crowd
暑假去夏门日光岩合适吗？好玩吗？：暑假去夏门日光岩合适吗？好玩吗？
2018年世界杯：法国队时隔20年再夺冠，法国千亿市场等你抢占！：2018年世界杯：法国队时隔20年再夺冠，法国千亿市场等你抢占！
从东莞常平去深圳机场坐什么车最方便？：从东莞常平去深圳机场坐什么车最方便？

Replica Watches