Day04JSON-有解無憂

1.什么是JSON？

JSON（JavaScript Object Notation,JS物件標記）是一種輕量級的資料交換格式，目前使用特別廣泛，
采用完全獨立于編程語言的文本格式來存盤和表示資料，
簡潔和清晰的層次結構使得JSON成為理想的資料交換語言，
易于人閱讀和撰寫，同時也易于機器決議和生成，并有效地提升網路傳輸效率，

? 在JavaScript語言中，一切皆是物件，因此，任何JavaScript支持的型別都可以通過JSON來表示，例如字串，數字，物件，陣列等，它們的要求和語法格式：
物件表示為鍵值對，資料由逗號分隔
花括號保存物件
方括號保存陣列

? JSON鍵值對是用來保存JavaScript物件的一種方式，和JavaScript物件的寫法也大同小異，鍵值對組合中的鍵名寫在前面并用雙引號“ ”包裹，使用冒號：分隔，然后緊接著值：

        //撰寫一個JavaScript物件
        var user = {
            name:"小劉",
            age:3,
            sex:"男"
        };

JSON是JavaScript物件的字串表示法，它使用文本表示一個JS物件的資訊，本質是一個字串，

		var obj = {name: '小劉', age: 3, sex: '男'};//這是一個JavaScript物件，注意鍵名也是可以使用引號包裹的
		var json = '{"name":"小劉","age":3,"sex":"男"}';//這是一個JSON字串，本質是一個字串

? JSON和JavaScript物件互轉

要實作從JSON字串轉換為JavaScript物件，使用JSON.parse()方法：

        //將json物件轉換為JavaScript物件
        var obj = JSON.parse(json);
        console.log(obj);
		//結果為{name: '小劉', age: 3, sex: '男'}

要實作從JavaScript物件轉換為JSON字串，使用JSON.stringify()方法：

        //將JavaScript物件轉換為json物件
        var json = JSON.stringify(user);
        console.log(json);
		//結果為{"name":"小劉","age":3,"sex":"男"}

? 代碼測驗

新建一個module，springmvc-05-json，添加web支持
在web目錄下新建一個jsontest.html,撰寫測驗內容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript">

        //撰寫一個JavaScript物件
        var user = {
            name:"小劉",
            age:3,
            sex:"男"
        };

        //將JavaScript物件轉換為json物件
        var json = JSON.stringify(user);
        console.log(json);

        console.log("===========================");

        //將json物件轉換為JavaScript物件
        var obj = JSON.parse(json);
        console.log(obj);
    </script>

</head>
<body>


</body>
</html>

在idea中使用瀏覽器打開，檢查頁面，查看控制臺輸出

在這里插入圖片描述

2.Controller回傳JSON資料

Jackson目前比較好的json決議工具了，其他工具還有阿里的fastjson等，
這里使用Jackson，需要匯入它的jar包：

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.10.0</version>
        </dependency>

配置SpringMVC需要的配置

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--1.注冊servlet-->
    <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>

</web-app>

? 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.liu.controller"/>


    <!--視圖決議器（ViewResolver）-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="InternalResourceViewResolver">
        <!--前綴-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后綴-->
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

? 需要在WEB-INF目錄下新建jsp檔案夾

撰寫User物體類，撰寫測驗類UserController

package com.liu.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

/**
 * @author 23862
 */
@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
    private String name;
    private int age;
    private String sex;
}

package com.liu.controller;

import com.liu.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

/**
 * @author 23862
 */

@Controller
public class UserController {

    @RequestMapping("/j1")
    @ResponseBody   //有該注解就不會走視圖決議器，會直接回傳一個字串
    public String json1(){
        
        //創建一個物件
        User user = new User("小劉",3,"男");
        return user.toString();
    }

}

在Project Structure的Artifacts選項卡中的WEB-INF目錄下創建lib目錄并匯入Project Libraries下的所有依賴，

在這里插入圖片描述

配置Tomcat

在這里插入圖片描述

運行代碼，訪問http://localhost:8080/j1，發現亂碼問題

在這里插入圖片描述

設定編碼格式為utf-8,以及它的回傳型別

@Controller
public class UserController {

    @RequestMapping(value = "/j1", produces = "application/json;charset=utf-8")
    @ResponseBody   //有該注解就不會走視圖決議器，會直接回傳一個字串
    public String json1() throws JsonProcessingException {

        //jackson包中有一個ObjectMapper物件，通過它可以生成字串
        ObjectMapper mapper = new ObjectMapper();

        //創建一個物件
        User user = new User("小劉",3,"男");

        mapper.writeValueAsString(user);

        return user.toString();
    }

}

查看運行結果，亂碼問題解決

在這里插入圖片描述

2.代碼優化

亂碼統一解決

? 上一種方法比較麻煩，如果專案中有許多請求則每一個都需要添加，可以通過Spring配置統一指定，這樣就不用每次都去處理了，

? 我們可以在springmvc的組態檔上添加一段訊息StringHttpMessageConverter轉換配置，

    <!--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>

回傳JSON字串統一解決

? 在類上直接使用@RestController，這樣里面的所有方法都只會回傳JSON字串了，不用再每一個都添加@ResponseBody!

@RestController//表示其下的所有方法只會回傳JSON字串
public class UserController {

    //@ResponseBody只是配合Controller使用的
    @RequestMapping("/j1")
    public String json1() throws JsonProcessingException {

        //jackson包中有一個ObjectMapper物件，通過它可以生成字串
        ObjectMapper mapper = new ObjectMapper();

        //創建一個物件
        User user = new User("小劉",3,"男");
        //將物件決議稱為json格式
        String str = mapper.writeValueAsString(user);
        //由于@ResponseBody注解，這里會將str轉成json格式回傳
        return str;
    }
}

運行結果：

在這里插入圖片描述

3.測驗集合輸出

    @RequestMapping("/j2")
    public String json2() throws JsonProcessingException {
        //創建一個Jackson的物件映射器，用來決議資料
        ObjectMapper mapper = new ObjectMapper();
        //創建一個陣列并添加多個物件
        List<User> userList = new ArrayList<User>();
        User user1 = new User("小劉1",3,"男");
        User user2 = new User("小劉2",3,"男");
        User user3 = new User("小劉3",3,"男");
        User user4 = new User("小劉4",3,"男");
        userList.add(user1);
        userList.add(user2);
        userList.add(user3);
        userList.add(user4);
        //將物件決議成json格式
        String str = mapper.writeValueAsString(userList);
        return str;
    }

運行結果：

在這里插入圖片描述

4.輸出時間物件

    @RequestMapping("/j3")
    public String json3() throws JsonProcessingException {

        ObjectMapper mapper = new ObjectMapper();
		//創建時間物件java.util.Date
        Date date = new Date();
       //ObjectMapper，時間決議后的默認格式為時間戳
        return mapper.writeValueAsString(date);
    }

運行結果：

在這里插入圖片描述

默認日期格式會變成一個數字，是1970年1月1日到當前日期的毫秒數
Jackson默認會把時間轉換成timestamps(時間戳)形式

解決方法：取消時間戳格式，自定義時間格式

    @RequestMapping("/j3")
    public String json3() throws JsonProcessingException {

        ObjectMapper mapper = new ObjectMapper();

        Date date = new Date();
        //自定義日期格式
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

        //ObjectMapper，時間決議后的默認格式為時間戳
        return mapper.writeValueAsString(sdf.format(date));
    }

運行結果：

在這里插入圖片描述

5.FastJson

? fastjson.jar是阿里開發的一款專門用于Java開發的包，可以方便的實作json物件與JavaBean物件的轉換，實作JavaBean物件與json字串的轉換，實作json的轉換方法很多，最后的實作結果是一樣的，

fastjson的pom依賴，并且手動將jar包添加到lib目錄中：

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.60</version>
        </dependency>

fastjson三個主要的類：

【JSONObject代表json物件】
- JSONObject實作了Map介面，猜想JSONObject底層操作是由Map實作的，
- JSONObject對應json物件，通過各種形式的get()方法可以獲取json物件中的資料，也可以用諸如size()，isEmpty()等方法獲取鍵值對的個數和判斷是否為空，其本質是通過實作Map介面并呼叫介面中的方法完成的，
【JSONArray代表json物件陣列】
- 內部是由List介面中的方法來完成操作的，
【JSON代表JSONObject和JSONArray的轉化】
- JSON類原始碼分析與使用
- 仔細觀察這些方法，主要是實作json物件，json物件陣列，javabean物件，json字串之間的相互轉化，

@RestController//表示其下的所有方法只會回傳JSON字串
public class UserController {

    @RequestMapping("/j4")
    public String json4() throws JsonProcessingException {

        List<User> userList = new ArrayList<User>();
        User user1 = new User("小劉1",3,"男");
        User user2 = new User("小劉2",3,"男");
        User user3 = new User("小劉3",3,"男");
        userList.add(user1);
        userList.add(user2);
        userList.add(user3);

        String string = JSON.toJSONString(userList);
        return string;
    }
}

運行結果：

在這里插入圖片描述

@RestController//表示其下的所有方法只會回傳JSON字串
public class UserController {

    @RequestMapping("/j4")
    public String json4() throws JsonProcessingException {

        List<User> userList = new ArrayList<User>();
        User user1 = new User("小劉1",3,"男");
        User user2 = new User("小劉2",3,"男");
        User user3 = new User("小劉3",3,"男");
        userList.add(user1);
        userList.add(user2);
        userList.add(user3);

        System.out.println("****** Java物件  轉  json字串 ******");
        String str1 = JSON.toJSONString(userList);
        System.out.println("JSON.toJSONString(list)==>"+str1);
        String str2 = JSON.toJSONString(user1);
        System.out.println("JSON.toJSONString(user1)==>"+str2);

        System.out.println("\n****** JSON字串  轉  Java物件 ******");
        User jp_user1 = JSON.parseObject(str2,User.class);
        System.out.println("JSON.parseObject(str2,User.class)==>"+jp_user1);

        System.out.println("\n****** JSON物件  轉  Java物件 ******");
        JSONObject jsonObject1 = (JSONObject) JSON.toJSON(user2);
        System.out.println("(JSONObject) JSON.toJSON(user2)==>"+jsonObject1.getString("name"));

        System.out.println("\n****** JSON物件  轉  Java物件 ******");
        User to_java_user = JSON.toJavaObject(jsonObject1, User.class);
        System.out.println("JSON.toJavaObject(jsonObject1, User.class)==>"+to_java_user);

        return "hello";
    }
}

運行結果：

在這里插入圖片描述

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/344261.html

標籤：其他

上一篇：如何將myOwn-background影像添加到QPlainTextEdit？

下一篇：JavaScript學習筆記（1）