Spring MVC_百度小程序_上海毫米网络优化公司

您的位置：上海毫米网络优化公司 > 小程序 > 百度小程序 >

文章目录

一、什么是Spring MVC？
二、Spring MVC创建与连接
三、请求响应
- 简单参数
- 实体参数
- 数组集合参数
- 日期参数
- JSON参数
- 路径参数
- 获取Cookie/Session/header
- 四、文件上传
- 五、返回数据
- - 返回静态页面
  - 请求转发与请求重定向
    一、什么是Spring MVC？
    
    Spring MVC(Model View Controller)是基于Servlet API构建的原始Web框架，包含在Spring框架中
    Controller(控制器)：应用程序中处理用户交互的部分
    View(视图)：应用程序中处理数据显示的部分
    Model(模型)：应用程序中处理应用程序数据逻辑的部分
    
    MVC是一种思想，而Spring MVC是MVC思想的具体实现，并继承了Servlet API的Web框架。也就是当用户在浏览器中输入了url后，我们Spring MVC项目就可以感知到用户的请求
    
    我们在创建项目时，需要引入相关依赖
    
    二、Spring MVC创建与连接
    
    我们的Spring MVC项目的创建和Spring Boot项目创建方式相同，只不过我们在创建的时候需要引入Spring Web依赖
    
    我们可以发现DispatcherServlet是实现了Servlet接口，于是Tomcat可以识别，我们也称之为核心控制器或者前端控制器
    请求(HttpServletRequest)：获取请求数据
    响应(HttpServletResponse)：设置响应数据
    BS架构：Browser/Server，浏览器/服务器架构模式。客户端只需要浏览器，应用程序的逻辑和数据都存储在服务端
    
    我们现在来实现一下，在浏览器输出hello SpringMVC
```
@Controller //加载类
@ResponseBody //返回文本信息
public class UserController {
    
    @RequestMapping("/hello") //路由注册
    public String hello() {
        return "hello SpringMVC";
    }
}
```
    @RequestMapping是Spring MVC重要的注解之一，它是用来注册路由映射的，也就是当用户访问某一个url时，会将用户的请求对应到程序中的某个类的某个方法中。
    @RequestMapping既可以修饰类，也可以修饰方法，我们访问的地址是类 + 方法
    那么我们@RequestMapping到底是get请求还是post请求呢？
    我们打开postman测试一下
    我们可以发现各种方法都可以访问，但这并不是我们想要的结果，我们只提供一种方法访问，比如我们只想要get请求访问，我们有以下两种方案：
    方法1：设置method属性
    我们设置我们想要设置的method
    当我们再去使用post访问时，就会报错
    方法2：GetMapping
    
    任何方法都遵循以上两种方式，在举一个post方法的写法，其他方法大家可以自行练习。
```
@RequestMapping(value = "/hello",method = RequestMethod.POST)
@PostMapping("/hello")
```
    三、请求响应
    
    简单参数
    
    在我们原始的web程序中，我们获取请求参数，需要通过HttpServeletRequest对象手动获取，比如我们要获取一个name和age参数
```
    @RequestMapping("/simpleParam1")
    public String simpleParam1(HttpServletRequest request) {
        String name = request.getParameter("name");
        String age = request.getParameter("age");
        System.out.println(name +" :" + age);
        return "OK";
    }
```
    SpringBoot方式：
    简单参数：参数名与形参变量名相同，定义形参即可接受参数
```
    @RequestMapping("/simpleParam")
    public String simpleParam(String name,Integer age) {
        System.out.println(name + " :" + age);
        return "OK";
    }
```
    如果请求参数名不一致，又会出现什么情况呢？
    
    如果方法形参与请求参数名不匹配时，可以使用@RequestParam注解完成映射
```
@RequestMapping("/simpleParam")
    public String simpleParam(@RequestParam(name = "username") String name,Integer age) {
        System.out.println(name + " :" + age);
        return "OK";
    }
```
    注意：@RequestParam中的required属性默认为true，表示请求中该参数必须传递，如果不传递将报错。如果该参数是可选的，我们需要将该required设置为false
    
    实体参数
    
    简单实体对象：请求参数名与形参对象属性名相同，定义POJO接受即可
    
    我们前面简单参数可以直接接受即可，如果前端传递的是几十个参数，通过简单参数就比较繁琐，维护比较麻烦，我们就可以通过实体类接受
    定义实体类：
```
@Slf4j
@Data
@NoArgsConstructor
@AllArgsConstructor
public class User {
    private String name;
    private Integer age;
}
```
```
@RequestMapping("/simplePojo")
    public String simplePojo(User user) {
        System.out.println(user);
        return "OK";
    }
```
    复杂实体对象：请求参数与形参对象属性名相同，按照对象层次结构关系即可接受嵌套的POJO属性参数
    我们前端在传递参数时，name和age还是正常封装，address是对象，需要一个属性一个属性封装
    
    数组集合参数
    
    数组集合参数一般使用于前端多选，比如checkbox复选框组件
    
    数组参数：请求参数名与形参数组名称相同且请求参数为多个，定义数组参数形参即可接收参数
```
@RequestMapping("arrayParam")
    public String arrayParam(String[] hobby) {
        System.out.println(Arrays.toString(hobby));
        return "OK";
    }
```
    集合参数：请求参数名与形参集合名称相同且请求参数为多个，@RequestParam绑定参数关系(因为默认参数是封装到数组中)
```
@RequestMapping("/listParam")
    public String listParam(@RequestParam List hobby) {
        System.out.println(hobby);
        return "OK";
    }
```
    日期参数
    
    日期参数：使用@DateTimeFormat(因为前端传递的时期时间格式多种多样) 注解完成日期参数格式转换
```
@RequestMapping("/dateParam")
    public String dateParam(@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") LocalDateTime updateTime) {
        System.out.println(updateTime);
        return "OK";
    }
```
    JSON参数
    
    JSON参数：JSON数据键名与形参对象属性名相同，定义POJO类型形参即可接收对象，需要使用RequestBody标识
```
@RequestMapping("/jsonParam")
    public String jsonParam(@RequestBody User user) {
        System.out.println(user);
        return "OK";
    }
```
    路径参数
    
    路径参数：通过请求URL直接传递参数，使用{…}来标识该路径参数，需要使用@PathVariable获取路径参数
```
@RequestMapping("/path/{age}")
    public String pathParam(@PathVariable Integer age) {
        System.out.println(age);
        return "OK";
    }
```
    上述是我们演示了一个路径参数的传递，那么我们能否进行多个路径参数的传递呢？
```
@RequestMapping("/path2/{age}/{name}")
    public String pathParam2(@PathVariable Integer age,@PathVariable String name) {
        System.out.println(name + " :" + age);
        return "OK";
    }
```
    简单进行总结一下：
    1. 简单参数：定义方法形参，请求参数名与形参变量名一致，如果不一致使用@RequestParam手动映射
    2. 实体参数：请求参数名，与实体对象的属性名一致，会自动接收封装
    3. 数组集合参数：数组(请求参数名与数组名一致，直接封装)，集合(请求参数名与集合名一致，@RequestParam绑定关系)
    4. 日期参数：@DateTimeFormat
    5. JSON参数：@RequestBody
    6. 路径参数：@PathVariable
    获取Cookie/Session/header
    
    存储和获取Cookie:
    
    传统方法
```
@RequestMapping("/c1") //设置Cookie
    public String cookie1(HttpServletResponse response) {
        response.addCookie(new Cookie("zd","login"));
        return "OK";
    }
    @RequestMapping("/c2") //获取Cookie
    public String cookie2(HttpServletRequest request) {
        Cookie[] cookies = request.getCookies();
        for (Cookie cookie : cookies) {
            if(cookie.getName().equals("zd")) {
                System.out.println("zd" + cookie.getValue());
            }
        }
        return "OK";
    }
```
    使用传统方式获取cookie参数有点太过于繁琐，我们来学习一下简单获取方法。
    简洁获取Cookie 使用@CookieValue注解获取
```
@RequestMapping("/c3")
    public String cookie3(@CookieValue(value = "zd",required = false) String zd) {
        System.out.println("zd :" + zd);
        return "OK";
    }
```
    获取header:
```
//传统方式获取User-Agent请求头信息
@RequestMapping("headerParam1")
    public String headerParam(HttpServletRequest request) {
        System.out.println(request.getHeader("User-Agent"));
        return "OK";
    }
```
    我们抓包看一下请求信息
    简洁获取Header方式使用@RequestHeader
```
//使用@RequestHeader获取User-Agent请求头信息
@RequestMapping("/headerParam2")
    public String headParam2(@RequestHeader("User-Agent") String userAgent) {
        System.out.println(userAgent);
        return "OK";
    }
```
    存储和获取Session
```
//存储Session
@RequestMapping("/setSess")
    public String setSession(HttpServletRequest request) {
        HttpSession session = request.getSession(true);//如果没有则创建
        if(session != null) {
            session.setAttribute("zd","login");
        }
        return "OK";
    }
```
```
//传统方式获取Session
@RequestMapping("/getSess")
    public String getSession(HttpServletRequest request) {
        HttpSession session = request.getSession(false);
        String state = "";
        if(session != null && session.getAttribute("zd") != null) {
            state = (String) session.getAttribute("zd");
        }
        System.out.println("zd :" + state);
        return "OK";
    }
```
    简洁方式获取Session 使用@SessionAttribute
```
//使用SessionAttribute注解获取Session
@RequestMapping("getSess2")
    public String getSession2(@SessionAttribute(value = "zd",required = false) String state) {
        System.out.println("zd :" + state);
        return "OK";
    }
```
    四、文件上传
    
    文件上传，指的是将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。文件上传在项目中应用十分广泛，我们经常发微博，朋友圈都用到了文件上传功能
```
        头像:

        

    
```
    前端三要素：
    1.表单项type = “file”
    2.表单提交方式post
    3.表单的enctype属性 multipart/form-data
    这就是一个最简单的文件上传功能
    那么我服务器如何接受文件呢?
    那么服务器接收到的文件如何存储呢？一共有两种方案：
    1.本地存储
    2.OSS
    
    本地存储：在服务器端，接收到上传上来的文件后，将文件存储到本地服务器磁盘中
```
@RequestMapping("/upload")
    public String upload(MultipartFile image) throws IOException {
        String originalFilename = image.getOriginalFilename(); //获取文件原始名
        //将文件存储到指定路径下
        image.transferTo(new File("D://image//" + originalFilename));
        return "OK";
    }
```
    我们使用postman上传一个文件
    选择一个文件进行上传
    当我们点击上传后发现报错了(单个文件大小超出异常)
    在SpringBoot中，文件上传，默认单个文件允许的最大大小为1M，单次请求最大大小为10MB，如果需要上传大文件，可以进行以下配置：
```
# 配置单个文件最大上传大小
spring.servlet.multipart.max-file-size=10MB
# 配置单次请求最大上传大小(一次请求可以上传多个文件)
spring.servlet.multipart.max-request-size=100MB
```
    当我们上传到本地后，既然服务器重启也会持久化存储的，但是我们根据原始文件名存储是否合理？当我们上传相同的文件会将之前的文件覆盖，于是我们就需要构建唯一的文件名(不能重复)
    
    我们这里需要使用 UUID(通用唯一标识码)
```
@RequestMapping("/upload")
    public String upload(MultipartFile image) throws IOException {
        //获取原始文件名
        String originalFilename = image.getOriginalFilename(); //获取文件原始名
        //构建新的文件名
        String newFilename = UUID.randomUUID().toString() + //设置文件名
                originalFilename.substring(originalFilename.lastIndexOf('.'));//获取文件后缀
        //将文件保存在服务器端 D:\\image\\下
        image.transferTo(new File("D:\\image\\" + newFilename));
        return "OK";
    }
```
    本地存储有很多缺陷：
    阿里云OSS：阿里云对象存储OSS(Object Stroage Service)，是一款海量、安全、低成本、高可能的云存储服务。使用OSS，可以通过网络随时存储和调用包括文本、图片、音频、视频等文件
    
    在这里我只介绍大致步骤就不一一演示了：
    1.注册阿里云(实名认证)
    2.充值
    3.开通对象存储服务(OSS)
    4.创建bucket
    5.获取AccessKey(密钥)
    6.参照官方SDK
    7.集成OSS
    
    五、返回数据
    
    我们在前面学习会发现，Spring或者SpringBoot默认返回的是视图(xxx.html)，但现在基本都是前后端分离，后端只需要返回给前端数据即可，这个时候我们使用@ResponseBody注解即可。
    组合注解：@RestController = @Controller + @ResponseBody
    
    @ResponseBody返回的值如果是字符会转换为txt/html，如果返回的是对象会转换成application/json返回给前端。@ResponseBody不仅可以用来修饰类，也可以修饰方法。
    
    返回静态页面
    
    我们创建前端页面hello.html
```
    
    
    
    hello


    Hello SpringMVC
```
    创建控制器:
    我们首先需要注释掉@ResponseBody
```
@RequestMapping("/helloHtml")
    public String helloHtml() {
        return "/hello.html";
    }
```
    我们在返回视图是需要加上/的，加了表示绝对路径，不加表示相对路径。在Spring MVC中，使用绝对路径可以避免路径解析错误，确保返回正确的视图
    
    请求转发与请求重定向
    
    return 不但可以返回一个视图，还可以实现跳转，跳转的方式分别为两种：
    1.forward：请求转发
    2.redirect：请求重定向
    路由转发与请求重定向有以下区别：
    1.定义不同：
    请求转发(forward)：发生在服务器内部，服务器接收到客户端请求后，会先将请求转发给目标地址，再将目标地址返回的结果转发给客户端
    请求重定向(redirect)：请求重定向指的是服务器接收到客户端的请求之后，会给客户端返回一个临时响应头，包含了客户端需要再次请求的URL地址，客户端收到后会再次将请求发送到新地址上去
    2.请求方不同：
    我们可以看出来：请求转发是服务器端的行为，服务器代替客户端发送请求，并将结果返回给客户端；而请求重定向是客户端的行为
    
    3.数据共享不同：
    因为请求转发是服务器端完成的，所以客户端只需要发送一次请求，在整个交互过程中使用的都是一个Request请求对象和一个Response响应对象，所以在整个请求过程中，请求和返回的数据是共享的；而请求重定向向客户端发送了两次完全不同的请求，两次请求中数据是不共享的
    
    4.URL地址不同
    请求转发是服务器代发，再返回客户端，所以整个请求URL是不变的
    请求重定向是服务器告诉客户端一个临时Location，然后客户端在发送一次请求，所以客户端最终显示的URL是最终跳转到地址，也就是地址发生了变化
    5.代码层面实现不同：
```
//路由转发
@RequestMapping("/hello2")
    public String hello2() {
        return "forward:/hello.html";
    }
```
```
//请求重定向
@RequestMapping("/hello1")
    public String hello1() {
        return "redirect:/hello.html";
    }
```
    海口做网站的公司网页html模板健康企业建设标准成功案例怎么写建网站哪家质量好邢台做网站