cgb2107-day15

Posted 2021-10-03 cgblpx

文章目录

• • 一,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,入门案例

项目结构

创建启动类

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>

测试

练习:

需求

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

修改前端页面

<!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>
		
		<a href="http://localhost:8080/car/save3?id=1&color=red&price=100&pinpai=BMW&type=X7">点我获取汽车数据</a>
		
	</body>
</html>

修改后端代码,创建类

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方式

准备表单

准备类,解析请求数据

扩展:入库