前言
前后端分离
:后端提供接口,前端负责渲染后端的数据
中间建立的方式
:1.传一个对象。2.约定一个格式json
json是一种轻量级的数据交换格式;是JS的对象标记
一些优点:
- 采用完全独立于编程语言的文本格式来存储和表示数据;
- 简洁和清晰的层次结构使得json成为理想的数据交换语言;
- 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
在js中,一切都是对象,因此任何js支持的类型都可以通过json来表示,例如字符串、数组等。
- json键值对用来保存js对象的一种方式,和js对象的写法也差不多,键/值对组合中的键名写在前面并用双引号包裹,使用冒号:分割,然后紧接着值
{"name":"王木木"} {"age":"18"}
json和js对象互转
- 要实现从json子符串转换为js对象,使用json.parse()方法
let obj = JSON.parse('{"a":"Hello","b":"nihao"}'); //结果是{a:"Hello",b:"nihao"}
- 要实现从js对象转换为json字符串,使用JSON.stringify()方法;
let json = JSON.stringify({a:"Hello",b:"nihao"}); //结果是'{"a":"Hello","b":"nihao"}'
仔细看区别,不仔细看还以为是一样的。
−−>我们进行测试????
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> //编写一个js对象 let user={ "name":"王木木", "age":"18" }; //将js对象转换为json对象 let json = JSON.stringify({a:"Hello",b:"nihao"}); //将json对象转换为js对象 let obj = JSON.parse('{"a":"Hello","b":"nihao"}'); console.log(obj) console.log(user); console.log(json); </script> </head> <body> </body> </html>
我们发现对象是可以展开的,但是json是一个字符串
1.Controller返回json数据
工具有Jackson
和阿里巴巴的fastjson
后面都会遇到。
−−>导入jackson的依赖????
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind --> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.13.0</version> </dependency>
−−>web.xml固定的????
<!--1.配置DispatcherServlet--> <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:springmvc-servlet.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>springmvc</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <!--2.配置 SpringMVC的乱码过滤--> <filter> <filter-name>encoding</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>utf-8</param-value> </init-param> </filter> <filter-mapping> <filter-name>encoding</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
−−>springmvc−servlet.xml????
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!--自动扫描包,让指定包下的注解生效,由IOC容器统一管理--> <context:component-scan base-package="com.hxl.controller"/> <!--过滤静态资源--> <mvc:default-servlet-handler/> <!--支持MVC注解驱动--> <mvc:annotation-driven/> <!--视图解析器:模板引擎 Thymeleaf Freemarker--> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver"> <!--前缀,后缀--> <property name="prefix" value="/WEB-INF/jsp/"/> <property name="suffix" value=".jsp"/> </bean> </beans>
−−>建立一个实体类????
package com.hxl.pojo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; //记得导入lombok @Data @NoArgsConstructor @AllArgsConstructor public class User { private String name; private int age; private String sex; }
−−>编写controller????
@Controller public class UserController { @RequestMapping("/j1") @ResponseBody //他不会去走视图解析器,会直接返回一个字符串 private String jso1(){ //创建一个对象 User user = new User("王木木", 18, "男"); return user.toString(); } }
−−>将项目的artifact,libjar包导入,配置tomcat运行。????
在这里我们看到了乱码,此时镇定一下不要慌。
来看一下json的字符串格式
@Controller public class UserController { @RequestMapping("/j1") @ResponseBody //他不会去走视图解析器,会直接返回一个字符串 private String jso1() throws JsonProcessingException { //jackson,ObjectMapper ObjectMapper mapper = new ObjectMapper(); //创建一个对象 User user = new User("王木木", 18, "男"); String str = mapper.writeValueAsString(user); return str; } }
2.上面的乱码问题
- 在@Requestmapping中有一个produces属性
//produces:指定响应体返回类型和编码 @RequestMapping(value="/j1",produces = "application/json;charset=utf-8")
- 上述的方法比较麻烦,通过springmvc配置文件统一解决
<!--解决json 乱码配置--> <mvc:annotation-driven> <mvc:message-converters register-defaults="true"> <bean class="org.springframework.http.converter.StringHttpMessageConverter"> <constructor-arg value="UTF-8"/> </bean> <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"> <property name="objectMapper"> <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean"> <property name="failOnEmptyBeans" value="false"/> </bean> </property> </bean> </mvc:message-converters> </mvc:annotation-driven>
- 如果在类上标注了@RestController,那么下面的方法只会返回json字符串
- @Controller是会走视图解析器
- @ResponseBody //他不会去走视图解析器,会直接返回一个字符串。和@Controller配合使用,如果是@RestController,那么就不需要这个了