Spring (二): 数据交互

Bertha 。 2022-03-18 03:11 210阅读 0赞

### Spring 二: 数据交互 ###

*  Domain
 *   *  Lombok
     *   *  添加 Lombok 依赖
 *  Controller
 *   *  CatController
 *  View
 *   *  cat.html
     *  Thymeleaf
     *  效果图
 *  处理POST请求

# Domain #

Domain 一词可以类比于数学上的 Domain: 一个函数的**定义域**, 即它所能接受的参数 (自变量). 那么在计算机领域, 一个 Application 的 Domain 就是它所处理的所有数据单元.

假如我们经营一家卖猫的网站, 那么它的 Domain 包括:

*  Cat 可销售的猫年龄, 价格, 品种 ( breed )
 *  Order 订单
 *  User 用户

等, 以 Cat为例:

package edu.ouc.wangchenghao.hello;
    
    import lombok.Data;
    import lombok.RequiredArgsConstructor;
    
    @Data
    @RequiredArgsConstructor
    public class Cat { 
        private final int age;
        private final int price;
        private final Breed breed;
    
        public static enum Breed { 
            American_Shorthair,
            Birman,
            Bombay,
            British_Shorthair,
            Burmese,
            Exotic_Shorthair,
            Persian,
            Siamese
        };
    }

## Lombok ##

Lombok 是一个强大的代码补全库, 上述代码中的 @Data 注解自动为所有 private 变量生成相应的 getter 和 setter 方法, @RequiredArgConstructor 自动为该类生成一个带参数的构造函数, 参数的类型和顺序与类中定义的成员变量的类型, 顺序一致.

### 添加 Lombok 依赖 ###

<dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <optional>true</optional>
    </dependency>

# Controller #

一般来说, 一个 Controller 与一个或一类 URL 请求相对应, Controller 接受 HTTP 请求, 然后处理该请求并生成相应的Model再将两者一起传递给 View 来生成最终的 HTTP 响应.

下面我们要做一个选择猫品种的页面, 先从 Controller 开始

## CatController ##

package edu.ouc.wangchenghao.hello;
    
    import java.util.List;
    import java.util.ArrayList;
    import java.util.Random;
    
    import javax.validation.Valid;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.validation.Errors;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.PostMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import lombok.extern.slf4j.Slf4j;
    import edu.ouc.wangchenghao.hello.Cat;
    import edu.ouc.wangchenghao.hello.Cat.Breed;
    
    @Slf4j
    @Controller
    @RequestMapping("/cat")
    public class CatController { 
    
        @GetMapping
        public String showCatList(Model model) { 
            Random rand = new Random();
            List<Cat> catList = new ArrayList<>();
            Breed[] breeds = Cat.Breed.values();
            for (Breed breed : breeds) { 
                for (int age = 0; age <= Math.abs(rand.nextInt() % 3); age++) { 
                    catList.add(new Cat(catList.size(), age, Math.abs(rand.nextInt()) % 5000 + 500, breed));
                }
            }
            model.addAttribute("catList", catList);
            return "cat";
        }
    
        @PostMapping
        public String purchase() { 
    
        }
    }

其中 Lombok 的 *@Slf4j* 注解为该 Controller 自动添加了一个 org.slf4j.Logger 实例, 在后文中会用到.

*@Controller* 注解使得 Spring 可以通过 component scanning 发现该类, 并在 Spring application context 中创建一个该类的实例 ( 使之成为一个 bean )

# View #

在Web Application中 View 一般是一个 HTML 文件, 搭配一个渲染引擎, 最官方的是 JSP, 但是书中用的是 Thymeleaf (百里香的叶子?), 跟着教程走.

## cat.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Cat</title>
    </head>
    <body>
        <div style="width: 50%; margin-left: 25%; text-aline: center;">
            <h1>Cat List</h1>
            <form method="post">
                <div th:each="cat : ${catList}">
                    <label>
                        <input type="radio" th:name="cat" th:value="${cat.id}" />
                        <span th:text="${cat.breed}">__breed__</span>
                        <span th:text="${cat.age}">__age__</span>
                        <span th:text="'$' + ${cat.price}">__price__</span>
                    </label>
                </div>
                <input type="submit" value="Purchase" />
            </form>
        </div>
    </body>
    </html>

## Thymeleaf ##

在HTML标签里以 *th:* 开头的属性值为 Thymeleaf 的语句

*  th:text = “$\{foo\}” : 将 foo 对象的值覆盖到标签之间的文本
 *  th:value = “$\{bar\}” : 将 foo 对象的值作为 html 标签的 value 属性
 *  th:each = “foo : $\{list\}” : 遍历 list 对象, 每个元素的名字叫 foo

## 效果图 ##

![91c164f5ly1g0aie8fpv0j20nw0ludig.jpg][]

# 处理POST请求 #

在点击 “Purchase” 按钮后, 浏览器会向当前URL发送 POST 请求, 所以我们需要在 CatController 里加上相应处理POST请求的逻辑

@PostMapping
        public String purchase(Order order) { 
            log.info("processing order:" + order);
            return "redirect:/order";
        }

[91c164f5ly1g0aie8fpv0j20nw0ludig.jpg]: /images/20220318/d83199d2f86e48ce829a6ebc93e234d6.png