cgb2107-day15

我就是我 2022-09-11 07:10 128阅读 0赞

### 文章目录 ###

*   *  一,SpringMVC框架
     *   *  \--1,概述
         *  \--2,入门案例
         *   *  项目结构
             *  创建启动类
             *  创建CarController类
             *  测试
     *  二,springmvc框架解析请求参数
     *   *  \--1,get方式
         *   *  解析复杂的参数
             *  创建Car类
         *  \--2,restful方式
         *   *  在IDEA里创建后端代码UserController 类
             *  在HB里创建前端html代码
             *  测试
         *  练习:
         *   *  需求
             *  修改前端页面
             *  修改后端代码,创建类
         *  \--3,post方式
         *   *  准备表单
             *  准备类,解析请求数据
             *  扩展:入库

## 一,SpringMVC框架 ##

### –1,概述 ###

主要作用: 接受请求 + 做出响应  
使用步骤:  
1, 导入jar包 (核心: spring-webmvc.jar),被springboot简化了  
2, 创建启动类,启动服务器  
3, 准备服务器里的资源,可以被浏览器访问

### –2,入门案例 ###

#### 项目结构 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_13_color_FFFFFF_t_70_g_se_x_16]

#### 创建启动类 ####

package cn.tedu.hello;
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    @SpringBootApplication//springboot提供的,表示自己是一个启动类,用来启动服务器
    public class RunApp { 
        public static void main(String[] args) { 
            //SpringApplication是springboot提供的,启动指定类
            SpringApplication.run(RunApp.class);
        }
    }

#### 创建CarController类 ####

package cn.tedu.hello;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    //需求: http://localhost:8080/car/get
    @RestController//是springmvc提供的,可以被浏览器访问
    @RequestMapping("car")//是springmvc提供的,规定了浏览器访问这个类的方式
    public class CarController { 
        //访问方式:http://localhost:8080/car/get
        @RequestMapping("get")
        public void get(){ 
            System.out.println("浏览器访问成功!");
        }
    }

#### 测试 ####

打开浏览器访问: http://localhost:8080/car/get

## 二,springmvc框架解析请求参数 ##

### –1,get方式 ###

把数据用?拼接在地址栏中,多数据之间用& 连接 :  
http://localhost:8080/car/add?id=10

#### 解析复杂的参数 ####

package cn.tedu.hello;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    //需求: http://localhost:8080/car/get
    /* 总结: 1, SpringMVC可以接受请求,并解析请求参数 只要在方法的参数列表中声明就可以:public void add(int id,String name) 2, 为了避免400或者500的异常,最好把参数列表的参数类型改成引用类型 改后:public void add(Integer id,String name) 3, 参数列表可以提供一个对象,框架可以解析参数,并且可以把参数直接给对象的属性赋值 public void save2(Car c) */
    @RestController//是springmvc提供的,可以被浏览器访问
    @RequestMapping("car")//是springmvc提供的,规定了浏览器访问这个类的方式
    public class CarController { 
        @RequestMapping("get")
        public void get(){ 
            System.out.println("浏览器访问成功!");
        }
        //springmvc解析get方式的请求参数
        //练习1: http://localhost:8080/car/add?id=10
        @RequestMapping("add")
        public void add(Integer id){ 
        //参数列表的写法:1,参数类型必须和请求的参数类型一致 2,参数名称必须和请求的参数名称一致
            System.out.println("浏览器访问成功add!"+id);
        }
        //练习2: http://localhost:8080/car/add2?id=10&name=jack
        @RequestMapping("add2")
        public void add(Integer id,String name){ 
            System.out.println("浏览器访问成功add!"+id+name);
        }
        //练习3: http://localhost:8080/car/save?id=1&color=red&price=100
        //HandlerMapping:处理器映射器,拿着地址栏的访问方式找到哪个类哪个方法
        //Map<String,Object> {"/car/save", new CarController().save()}
        @RequestMapping("save")
        public void save(Integer id,String color,Double price){ 
            //基本类型的参数,访问时必须传参否则400 500异常,
            //引用类型不传入参数也行,就会用默认值null
            //优化1:推荐使用引用类型,因为规避了异常的发生!!!
            System.out.println(id+color+price);
        }
    //练习4:http://localhost:8080/car/save2?id=1&color=red&price=100&pinpai=BMW&type=X7
        //框架的作用:1,解析了请求参数 2,把解析到的参数调用c.setXxx()设置值
        @RequestMapping("save2")
        public void save2(Car c){ 
            System.out.println(c);
            //Car{id=1, color='red', price=100.0, pinpai='BMW', type='X7'}
        }
    
    }

#### 创建Car类 ####

package cn.tedu.hello;
    //http://localhost:8080/car/save2?
    // id=1&color=red&price=100&pinpai=BMW&type=X7
    //这个类用来存,springmvc框架解析到的请求参数
    public class Car { 
        private Integer id;
        private String color;
        private Double price;
        private String pinpai;
        private String type ;
        //set get tostring --右键-generate
        public Integer getId() { 
            return id;
        }
        public void setId(Integer id) { 
            this.id = id;
        }
        public String getColor() { 
            return color;
        }
        public void setColor(String color) { 
            this.color = color;
        }
        public Double getPrice() { 
            return price;
        }
        public void setPrice(Double price) { 
            this.price = price;
        }
        public String getPinpai() { 
            return pinpai;
        }
        public void setPinpai(String pinpai) { 
            this.pinpai = pinpai;
        }
        public String getType() { 
            return type;
        }
        public void setType(String type) { 
            this.type = type;
        }
        public String toString() { 
            return "Car{" +
                    "id=" + id +
                    ", color='" + color + '\'' +
                    ", price=" + price +
                    ", pinpai='" + pinpai + '\'' +
                    ", type='" + type + '\'' +
                    '}';
        }
    }

### –2,restful方式 ###

#### 在IDEA里创建后端代码UserController 类 ####

package cn.tedu.hello;
    
    import org.springframework.web.bind.annotation.PathVariable;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    //需求:解析restful风格提交的数据,简化了get提交数据的写法
    //普通get方式:http://localhost:8080/user/insert?id=1&name=张三&age=18
    //restful方式:http://localhost:8080/user/insert/1/张三/18
    @RestController
    @RequestMapping("user")
    public class UserController { 
    //解析get数据:http://localhost:8080/user/insert?id=1&name=张三&age=18
        @RequestMapping("insert")
        public Object insert(Integer id,String name,Integer age){ 
            return id+name+age;
        }
    //解析restful数据:http://localhost:8080/user/insert2/1/张三/18
        //步骤:1,利用{}获取地址栏中的参数,个数和顺序要和地址栏里的参数匹配
            //2,利用@PathVariable注解,获取花括号中间的变量的值
        @RequestMapping("insert2/{id}/{name}/{age}")
        public void insert2(@PathVariable Integer id,
                            @PathVariable String name,
                            @PathVariable Integer age){ 
            System.out.println(id+name+age);
        }
    
    }

#### 在HB里创建前端html代码 ####

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>前后端整合</title>
    	</head>
    	<body>
    		<a href="http://localhost:8080/user/insert">普通访问</a>
    		<a href="http://localhost:8080/user/insert?id=10&name=rose&age=20">普通的get提交方式</a>
    		<a href="http://localhost:8080/user/insert2/10/rose/20">restful方式</a>
    	</body>
    </html>

#### 测试 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_20_color_FFFFFF_t_70_g_se_x_16]

### 练习: ###

#### 需求 ####

练习:  
http://localhost:8080/car/save2?id=1&color=red&price=100&pinpai=BMW&type=X7  
1,解析浏览器发来的请求参数  
2,给浏览器返回数据

#### 修改前端页面 ####

#### 修改后端代码,创建类 ####

package cn.tedu.hello;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    @RestController
    @RequestMapping("car")
    public class CarController2 { 
        //1,解析浏览器发来的请求参数
        //http://localhost:8080/car/save3?id=1&color=red&price=100&pinpai=BMW&type=X7
        @RequestMapping("save3")
        public Object save3(Car c){ 
           //TODO 把解析到的请求参数 getXxx()入库--jdbc
            //pom里加jdbc的坐标
            //在数据库里创建car表(提供id,color,price,pinpai,type字段)
            //注册驱动 获取数据库连接 获取传输器 执行SQL 解析结果集 释放资源
    
            //{"id":1,"color":"red","price":100.0,"pinpai":"BMW","type":"X7"}
            return c;
        }
    }

### –3,post方式 ###

#### 准备表单 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_19_color_FFFFFF_t_70_g_se_x_16]

#### 准备类,解析请求数据 ####

#### 扩展:入库 ####

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_13_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/b052670c55cc4e5dad1a16f2995c617f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/99c02d15462347a18fb7879f6d737c02.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_19_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/d280e44cca824c5e88a475e73836be05.png