Spring Boot处理JSON数据

客官°小女子只卖身不卖艺 2021-07-24 11:53 403阅读 0赞

**一 POM**

<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0  http://maven.apache.org/xsd/maven-4.0.0.xsd">
         <modelVersion>4.0.0</modelVersion>
         <groupId>org.fkit</groupId>
         <artifactId>jsontest</artifactId>
         <version>0.0.1-SNAPSHOT</version>
         <packaging>jar</packaging>
         <name>jsontest</name>
         <url>http://maven.apache.org</url>
         
         <parent>
               <groupId>org.springframework.boot</groupId>
               <artifactId>spring-boot-starter-parent</artifactId>
               <version>2.0.0.RELEASE</version>
               <relativePath />
         </parent>
         <properties>
               <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
               <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
               <java.version>1.8</java.version>
         </properties>
         <dependencies>
               
               <dependency>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-web</artifactId>
               </dependency>
               
               <dependency>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-thymeleaf</artifactId>
               </dependency>
               <dependency>
                    <groupId>junit</groupId>
                    <artifactId>junit</artifactId>
                    <scope>test</scope>
               </dependency>
         </dependencies>
    </project>

**二 启动类**

package org.fkit.jsontest;
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    
    //@SpringBootApplication指定这是一个 spring boot的应用程序.
    @SpringBootApplication
    public class App
    {
        public static void main( String[] args )
        {
            // SpringApplication 用于从main方法启动Spring应用的类。
            SpringApplication.run(App.class, args);
        }
    }

**三 控制器**

1 AppController

package org.fkit.jsontest.controller;
    
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    
    @Controller
    public class AppController {
    
    
         @RequestMapping(value = "/index")
         public String index() {
             return "index";
         }
         
         @RequestMapping(value = "/getjson")
         public String getjson() {
            return "getjson";
         }
    }

2 BookController

package org.fkit.jsontest.controller;
    
    
    import java.util.ArrayList;
    import java.util.List;
    import org.fkit.jsontest.domain.Book;
    import org.springframework.web.bind.annotation.RequestBody;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    
    @RestController
    public class BookController {
        
        /**
         * Spring Boot默认使用jackson框架解析jason
         * */
        @RequestMapping("/findBook")
        public Book findBook(@RequestBody Book book){
            // 观察页面传入的json数据是否封装到Book对象
            System.out.println(book);
            // 设置book其他信息
            book.setAuthor("肖文吉");
            book.setImage("SpringMyBatis.jpg");
            book.setPrice(58.0);
            book.setRemark("媲美于SSH组合的轻量级Java EE应用开发方式");
            return book;
        }
        
        @RequestMapping("/findBooks")
        public List<Book> findBooks(){
            // 创建集合
            List<Book> books = new ArrayList<Book>();
            // 添加图书对象
            books.add(new Book(1,"疯狂Java讲义","李刚","java.jpg",109.0));
            books.add(new Book(2,"轻量级JavaEE企业应用实战","李刚","ee.jpg",108.0));
            books.add(new Book(3,"Spring MVC企业应用实战","肖文吉","SpringMyBatis.jpg",58.0));
            books.add(new Book(4,"疯狂Android讲义","李刚","android.jpg",108.0));
            books.add(new Book(5,"疯狂Ajax开发","李刚","ajax.jpg",79.0));
            // 返回集合
            return books;
        }
    }

**四 实体类**

package org.fkit.jsontest.domain;
    import java.io.Serializable;
    public class Book implements Serializable {
         private static final long serialVersionUID = 1L;
         
         private Integer id;
         private String name;
         private String author;
         private String image;
         private Double price;
         private String remark;
         public Book() {
               super();
               // TODO Auto-generated constructor stub
         }
         public Book(Integer id, String name, String author, String  image, Double price) {
               super();
               this.id = id;
               this.name = name;
               this.author = author;
               this.image = image;
               this.price = price;
         }
         public Integer getId() {
               return id;
         }
         public void setId(Integer id) {
               this.id = id;
         }
         public String getName() {
               return name;
         }
         public void setName(String name) {
               this.name = name;
         }
         public String getAuthor() {
               return author;
         }
         public void setAuthor(String author) {
               this.author = author;
         }
         public String getImage() {
               return image;
         }
         public void setImage(String image) {
               this.image = image;
         }
         public Double getPrice() {
               return price;
         }
         public void setPrice(Double price) {
               this.price = price;
         }
         public String getRemark() {
               return remark;
         }
         public void setRemark(String remark) {
               this.remark = remark;
         }
         @Override
         public String toString() {
               return "Book [id=" + id + ", name=" + name + ",  author=" + author + ", image=" + image + ", price=" + price
                         + ", remark=" + remark + "]";
         }
         
    }

**五 模板**

1 index.html

<!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8"></meta>
    <title>Spring Boot自动转换JSON数据</title>
    <link rel="stylesheet" th:href="@{css/bootstrap.min.css}" />
    <link rel="stylesheet" th:href="@{css/bootstrap-theme.min.css}"  />
    <script type="text/javascript"  th:src="@{js/jquery-1.11.0.min.js}"></script>
    <script type="text/javascript"  th:src="@{js/bootstrap.min.js}"></script>
    <script type="text/javascript">
         $(document).ready(function() {
               findBook();
         });
         function findBook() {
               $.ajax("/findBook",// 发送请求的URL字符串。
               {
                    dataType : "json", // 预期服务器返回的数据类型。
                    type : "post", //  请求方式 POST或GET
                    contentType : "application/json", //  发送信息至服务器时的内容编码类型
                    // 发送到服务器的数据。
                    data : JSON.stringify({
                         id : 1,
                         name : "Spring MVC企业应用实战"
                    }),
                    async : true, // 默认设置下，所有请求均为异步请求。如果设置为false，则发送同步请求
                    // 请求成功后的回调函数。
                    success : function(data) {
                         console.log(data);
                         $("#image").attr("src", "images/" +  data.image + "");
                         $("#name").html(data.name);
                         $("#author").html(data.author);
                         $("#price").html(data.price);
                         $("#remark").html(data.remark);
                    },
                    // 请求出错时调用的函数
                    error : function() {
                         alert("数据发送失败");
                    }
               });
         }
    </script>
    </head>
    <body>
         <div class="panel panel-primary">
               <div class="panel-heading">
                    <h3 class="panel-title">Spring Boot中Java对象转换JSON</h3>
               </div>
         </div>
         <div class="container">
               <div class="row">
                    <div class="col-md-4">
                         <p>
                               封面：<img id="image"  src="images/java.jpg" />
                         </p>
                         <p>
                               书名：<span id="name"></span>
                         </p>
                         <p>
                               作者：<span id="author"></span>
                         </p>
                         <p>
                               价格：<span id="price"></span>
                         </p>
                         <p>
                               简介：<span id="remark"></span>
                         </p>
                    </div>
               </div>
         </div>
    </body>
    </html>

2 getjson.html

<!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8"></meta>
    <title>Spring Boot Web开发测试</title>
    <link rel="stylesheet" th:href="@{css/bootstrap.min.css}" />
    <link rel="stylesheet"  th:href="@{css/bootstrap-theme.min.css}"/>
    <script type="text/javascript"  th:src="@{js/jquery-1.11.0.min.js}"></script>
    <script type="text/javascript"  th:src="@{js/bootstrap.min.js}"></script>
    <script type="text/javascript">
    $(document).ready(function(){
         findBooks();
    });
    function findBooks(){
         $.post("/findBooks",null,
                    function(data){
               $.each(data,function(){
                    var tr  = $("<tr/>");
                    $("<img/>").attr("src","images/"+this.image).attr("height",60).appendTo("<td/>").appendTo(tr);
                $("<td/>").html(this.name).appendTo(tr);
                $("<td/>").html(this.author).appendTo(tr);
                $("#booktable").append(tr);
            })
         },"json");
    }
    </script>
    </head>
    <body>
         <div class="panel panel-primary">
               <div class="panel-heading">
                    <h3 class="panel-title">Spring Boot中集合转换JSON</h3>
               </div>
         </div>
         
         <div class="container">
               <div class="col-md-12">
                    <div class="panel panel-primary">
                                 
                         <div class="panel-heading">
                                     
                           <h3 class="panel-title">图书信息列表</h3>
                      </div>
                      <div class="panel-body">
                         
                         <div class="table table-responsive">
                               
                               <table class="table table-bordered  table-hover" id="booktable">
                                    <thead>
                                         <tr>
                                               <th  class="text-center">封面</th >
                                               <th  class="text-center">书名</th>
                                               <th  class="text-center">作者</th >
                                         </tr>
                                    </thead>
                                    <tbody  class="text-center"></tbody>
                               </table>
                         </div>
                    </div>
                    </div>
               </div>
         </div>
    </body>
    </html>

**六 测试**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/4a5eea5c78164e318f81b32bc52a1755.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 1]: /images/20210724/1919e5e2787d4c8199ae4e23aee34a63.png