【Day 5】请求&响应 + IOC & DI

1 请求响应

BS 架构：

Browser/Server，浏览器/服务器架构模式。客户端只需要浏览器，应用程序的逻辑和数据都存储在服务端（比如京东、淘宝，不需要客户端）

两种对象：

• HttpServletRequest
• HttpServletResponse

还有一种 CS 架构：

Client/Server，客户端/服务器架构模式。（比如：腾讯QQ、微信，需要下载客户端）

1.1 postman

Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。

作用：常用于进行接口测试

 

1.2 获取参数

1.2.1 简单参数

• 原始方式（了解）

在原始的web程序中，获取请求参数，需要通过 HttpServletRequest 对象手动获取

• SpringBoot 方式

简单参数：参数名与形参变量名相同，定义形参即可接收参数

@RestController
public class RequestController {

    @RequestMapping("/simpleParam")
    public String simpleParam(String name,Integer age) { // SpringBoot自动进行类型转换
        System.out.println(name + " : " + age);
        return "recepted";
    }
}

简单的参数示例。并且用 postman 进行测试

 

关于参数不一致：

使用 @RequestParam 注解可以把接收过来的字段重命名

（注：形参位置无所谓，把 age 和 name 换位置结果不变）

@RestController
public class RequestController {

    @RequestMapping("/simpleParam")
    public String simpleParam(Integer age, @RequestParam(name="name") String username) { // SpringBoot自动进行类型转换
        System.out.println(username + " : " + age);
        return "recepted";
    }
}

还可以把 require 设置为 false（默认是 true，表示这个参数必须传递）

设置为false，代表这个参数可选

@RestController
public class RequestController {

    @RequestMapping("/simpleParam")
    public String simpleParam(Integer age, @RequestParam(name="name",required = false) String username) { // SpringBoot自动进行类型转换
        System.out.println(username + " : " + age);
        return "recepted";
    }
}

1.2.2 实体参数

简单参数是一个两个的参数，如果需要很多的参数，就封装成一个类

新建一个 pojo（Plain Old Java Object 普通的 Java 对象）文件夹

新建一个 User 类，生成 get set 和 tostring 方法

然后在 postman 测试

 

复杂的实体参数：

1.2.3 数组集合参数

数组参数：

只需要用数组做形参

 

集合参数：

请求参数名与形参集合名称相同且请求参数为多个，用 @RequestParam 绑定参数关系

@RequestMapping("/arrayParam")
    public String arrayParam(@RequestParam List<String> hobbies) {
        System.out.println(hobbies);
        return "recepted";
    }

1.2.4 日期参数

日期参数:使用 @DateTimeFormat 注解完成日期参数格式转换

@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")

注：不足两位要占位两位，如 04

 

1.2.5 JSON 参数

        JSON参数：JSON数据键名与形参对象属性名相同，定义 POJO 类型形参即可接收参数，需要使用 @RequestBody 标识

        （其实是用的实体参数，但是加了注解）

在 User 类里面加个 Address 类

//         User
package com.javaweb.pojo;

public class User {
    private String name;
    private Integer age;
    private Address address;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    public Address getAddress() {
        return address;
    }

    public void setAddress(Address address) {
        this.address = address;
    }

    @Override
    public String toString() {
        return "User{" +
                "name='" + name + '\'' +
                ", age=" + age +
                ", address=" + address +
                '}';
    }
}
//         Address
package com.javaweb.pojo;

public class Address {
    private String province;
    private String city;

    @Override
    public String toString() {
        return "Address{" +
                "province='" + province + '\'' +
                ", city='" + city + '\'' +
                '}';
    }

    public String getProvince() {
        return province;
    }

    public void setProvince(String province) {
        this.province = province;
    }

    public String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }
}

1.2.6 路径参数

通过请求 URL 直接传递参数，使用 {...} 来标识该路径参数，使用 @PathVariable 获取路径参数

在 postman 上，测试的是 http://localhost:8080/path/10086

也可以输入多个字段：

 1.3 响应

 

 

/**
 * 统一响应结果封装类
 */
public class Result {
    private Integer code ;//1 成功 , 0 失败
    private String msg; //提示信息
    private Object data; //数据 data

    public Result() {
    }
    public Result(Integer code, String msg, Object data) {
        this.code = code;
        this.msg = msg;
        this.data = data;
    }
    public Integer getCode() {
        return code;
    }
    public void setCode(Integer code) {
        this.code = code;
    }
    public String getMsg() {
        return msg;
    }
    public void setMsg(String msg) {
        this.msg = msg;
    }
    public Object getData() {
        return data;
    }
    public void setData(Object data) {
        this.data = data;
    }

    public static Result success(Object data){
        return new Result(1, "success", data);
    }
    public static Result success(){
        return new Result(1, "success", null);
    }
    public static Result error(String msg){
        return new Result(0, msg, null);
    }

    @Override
    public String toString() {
        return "Result{" +
                "code=" + code +
                ", msg='" + msg + '\'' +
                ", data=" + data +
                '}';
    }
}

2 案例一

 后端

@RequestMapping("/listEmp")
    public Result listEMP(){
        // 1.加载，解析 XML 文件
        String file = this.getClass().getClassLoader().getResource("emp.xml").getFile();
        List<Emp> empList = XmlParserUtils.parse(file,Emp.class);

        // 2.处理数据
        empList.stream().forEach(emp->{
            // parse gender
            String gender = emp.getGender();
            if (gender.equals("1")){
                emp.setGender("male");
            }else{
                emp.setGender("female");
            }
            // parse job
            String job = emp.getJob();
            switch (job){
                case "1":emp.setJob("teacher");break;
                case "2":emp.setJob("boss");break;
                case "3":emp.setJob("consultant");
            }
        });
        // 3.响应
        return Result.success(empList);

 前端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>员工信息</title>
</head>

<link rel="stylesheet" href="element-ui/index.css">
<script src="./js/vue.js"></script>
<script src="./element-ui/index.js"></script>
<script src="./js/axios-0.18.0.js"></script>

<body>
    <h1 align="center">员工信息列表展示</h1>
    <div id="app">
        <el-table :data="tableData" style="width: 100%"  stripe border >
            <el-table-column prop="name" label="姓名" align="center" min-width="20%"></el-table-column>
            <el-table-column prop="age" label="年龄" align="center" min-width="20%"></el-table-column>
            <el-table-column label="图像" align="center"  min-width="20%">
                <template slot-scope="scope">
                    <el-image :src="scope.row.image" style="width: 80px; height: 50px;"></el-image>
                </template>
            </el-table-column>
            <el-table-column prop="gender" label="性别" align="center"  min-width="20%"></el-table-column>
            <el-table-column prop="job" label="职位" align="center"  min-width="20%"></el-table-column>
        </el-table>
    </div>
</body>

<style>
    .el-table .warning-row {
        background: oldlace;
    }
    .el-table .success-row {
        background: #f0f9eb;
    }
</style>

<script>
    new Vue({
        el: "#app",
        data() {
            return {
                tableData: []
            }
        },
        mounted(){
            axios.get('/listEmp').then(res=>{
                if(res.data.code){
                    this.tableData = res.data.data;
                }
            });
        },
        methods: {
        }
    });
</script>
</html>

3 分层解耦

3.1 三层架构

3.2 分层解耦

内聚：软件中各个功能模块内部的功能联系

耦合：衡量软件中各个层/模块之间的依赖、关联的程度

private  EmpService empService = new EmpServiceB();

这样两个类直接存在耦合

而去耦的办法是：把对象放在容器中，需要的时候拿出来

3.3 IOC & DI

注解：

@Component 将当前类交给 IOC 容器管理，成为 IOC 容器中的 bean------控制反转

@Autowired 运行时，IOC 容器会提供该类型的 bean 对象，并赋值给该变量------依赖注入

 

3.3.1 IOC

注：@RestController 包括若干个注解，例如

@Controller（所以加了 RestController 就不用再加 Controller 注解了）

@ResponseBody

3.3.2 DI

如果有都多个 @Autowired 将会报错

解决方法：

• @Primary

设置优先级，从容器中先注入 Primary 下面的类

@Primary
@Service
public class EmpserviceA implements EmpService {
}

• @Qualifier

指定要注入的类型

@RestController
public class EmpController {
    @Autowired
    @Qualifier("empServiceA")
    private EmpService empService;
}

• @Resource

指定要注入的类名

@Restcontroller
public class EmpController {
    @Resource(name="empServiceB")
    private EmpService empservice;
｝