当前位置:   article > 正文

SpringMVC 概述三层架构_springmvc三层架构

springmvc三层架构

1 SpringMVC 概述

三层架构

概念

  • Spring MVC 是Spring提供的一个实现了Web MVC设计模式的轻量级Web框架。

  • MVC(Model View Controller),一种用于设计创建Web应用程序表现层的模式

    • Model(模型):数据模型,用于封装数据

    • View(视图):页面视图,用于展示数据

    • Controller(Handle 处理器):处理用户交互的调度器,用于根据用户需求处理程序逻辑

2 springMVC步骤

1 新建maven的web项目

2 导入maven依赖

  1. <dependency>
  2. <groupId>junit</groupId>
  3. <artifactId>junit</artifactId>
  4. <version>4.11</version>
  5. <scope>test</scope>
  6. </dependency>
  7. <!-- servlet3.1规范的坐标 -->
  8. <dependency>
  9. <groupId>javax.servlet</groupId>
  10. <artifactId>javax.servlet-api</artifactId>
  11. <version>3.1.0</version>
  12. <scope>provided</scope>
  13. </dependency>
  14. <!--jsp坐标-->
  15. <dependency>
  16. <groupId>javax.servlet.jsp</groupId>
  17. <artifactId>jsp-api</artifactId>
  18. <version>2.1</version>
  19. <scope>provided</scope>
  20. </dependency>
  21. <!--spring的坐标-->
  22. <dependency>
  23. <groupId>org.springframework</groupId>
  24. <artifactId>spring-context</artifactId>
  25. <version>5.1.9.RELEASE</version>
  26. </dependency>
  27. <!--spring web的坐标-->
  28. <dependency>
  29. <groupId>org.springframework</groupId>
  30. <artifactId>spring-web</artifactId>
  31. <version>5.1.9.RELEASE</version>
  32. </dependency>
  33. <!--springmvc的坐标-->
  34. <dependency>
  35. <groupId>org.springframework</groupId>
  36. <artifactId>spring-webmvc</artifactId>
  37. <version>5.1.9.RELEASE</version>
  38. </dependency>

3 创建controller

  1. @Controller
  2. public class UserController {
  3. @RequestMapping("/save")
  4. public String say(){
  5. System.out.println("你好");
  6. return "a.jsp";
  7. }
  8. }

4 创建spring-mvc.xml配置文件(本质就是spring的配置件)

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <beans xmlns="http://www.springframework.org/schema/beans"
  3. xmlns:context="http://www.springframework.org/schema/context"
  4. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  5. xsi:schemaLocation="http://www.springframework.org/schema/beans
  6. http://www.springframework.org/schema/beans/spring-beans.xsd
  7. http://www.springframework.org/schema/context
  8. http://www.springframework.org/schema/context/spring-context.xsd
  9. ">
  10. <context:component-scan base-package="com.xinzhi"/>
  11. </beans>

5 web.xml中配置前端控制器

  1. <servlet>
  2. <servlet-name>DispatcherServlet</servlet-name>
  3. <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  4. <init-param>
  5. <param-name>contextConfigLocation</param-name>
  6. <param-value>classpath*:spring-mvc.xml</param-value>
  7. </init-param>
  8. </servlet>
  9. <servlet-mapping>
  10. <servlet-name>DispatcherServlet</servlet-name>
  11. <url-pattern>/</url-pattern>
  12. </servlet-mapping>

6 新建a.jsp文件

7 配置tomcat

8 启动测试

注意如果报找不到包: mvn idea:module

3 工作流程分析

  • 服务器启动

    1. 加载web.xml中DispatcherServlet

    2. 读取spring-mvc.xml中的配置,加载所有com.xinzhi包中所有标记为bean的类

    3. 读取bean中方法上方标注@RequestMapping的内容

  • 处理请求

    1. DispatcherServlet配置拦截所有请求 /

    2. 使用请求路径与所有加载的@RequestMapping的内容进行比对

    3. 执行对应的方法

    4. 根据方法的返回值在webapp目录中查找对应的页面并展示

  • web三大组件有 处理器映射,处理器适配器, 视图解析器

    1 dispatcherServlet 前置控制器,负责接收并处理所有的web请求,根据handlerMapping(处理器映射)找到具体的Controller(处理器),由controller完成具体的处理逻辑。

    2 HandlerMapping(处理器映射器):负责处理web请求和具体的Controller之间的映射关系匹配。

    3HandlerAdapter(处理器适配器) 通过 HandlerAdapter 对处理器进行执行,这是适配器模式的应用,通过扩展适配器可以对更多类型的处理器进行执行。 主要处理方法参数、相关注解、数据绑定、消息转换、返回值、调用视图解析器等等。

    4.Controller(处理器):DispatherServlet的次级控制器,web请求的具体处理者。DispatherServlet获得handlerMapping的返回结果后,调用controller的处理方法处理当前的业务请求,处理完成后返回ModelAndView对象。

    5 ViewResolver( 视图解析器):用来处理视图名与具体的view实例之间的映射对应关系。根据ModelAndView中的视图名查找相应的View实现类,然后将查找的结果返回给DispatcherServlet,DispatcherServlet最终会将ModelAndView中的模型数据交给返回的View处理最终的视图渲染工作。

Springmvc架构原理解析 第一步:发起请求到前端控制器(DispatcherServlet) 第二步:前端控制器请求HandlerMapping查找 Handler,可以根据xml配置、注解进行查找 第三步:处理器映射器HandlerMapping向前端控制器返回Handler 第四步:前端控制器调用处理器适配器去执行Handler 第五步:处理器适配器去执行Handler 第六步:Handler执行完成给适配器返回ModelAndView 第七步:处理器适配器向前端控制器返回ModelAndView ModelAndView是springmvc框架的一个底层对象,包括 Model和view 第八步:前端控制器请求视图解析器去进行视图解析 根据逻辑视图名解析成真正的视图(jsp) 第九步:视图解析器向前端控制器返回View 第十步:前端控制器进行视图渲染 视图渲染将模型数据(在ModelAndView对象中)填充到request域 第十一步:前端控制器向用户响应结果

4 请求参数的绑定

1 默认类型:

直接放在参数上就可以使用的数据,HttpServletRequest

2 简单类型:

直接将简单类型的数据放在方法里,如果前端参数和后端参数名字一样,自动匹配;

名字不一样:@RequsetParam(“前端的值”) 就可以将前传的值和后端参数映射

3 对象 :

前端的参数要和对象的属性名称必须一致,会自动封装。

4 对象嵌套:

参数和对象的属性名称一致,前端参数对象子属性必须(子对象.属性)

5 自定义数据的绑定

5.1 编写转换器类,作用是将前端的数据类型转换成后端的数据类型,继承converter

5.2 配置文件中,添加转化器驱动

6 数组

前端数组中是简单类型的数据,那么前端数组中的name要和后端数组名称一致

7 集合

后端接受的对象是含有List<对象>属性的,那么前端的name值格式要和后端list属性名称一致,而且用索引的格式 list[0].属性(list集合里对象的属性名称)

  1. # 1 默认类型:
  2. @RequestMapping("/m1")
  3. public ModelAndView say(HttpServletRequest request, ModelAndView modelAndView){
  4. String name = request.getParameter("name");
  5. System.out.println(name);
  6. modelAndView.setViewName("a.jsp");
  7. modelAndView.addObject("name", name);
  8. return modelAndView;
  9. }
  10. jsp页面中要引入
  11. <%@ page isELIgnored="false"%>
  12. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  13. <body>
  14. ${name}
  15. </body>
  16. # 简单类型:
  17. @RequestMapping("/m2")
  18. public String say2(@RequestParam("username") String name, String age){
  19. System.out.println(name);
  20. System.out.println(age);
  21. return "a.jsp";
  22. }
  23. # 对象类型
  24. @RequestMapping("/m3")
  25. public String say3(Student student){
  26. System.out.println(student);
  27. return "b.jsp";
  28. }
  29. 访问路径: http://localhost:8080/webdemo_war/m4?id=1&num=111122223333&user.age=11&user.username=%E9%9F%A9%E5%93%A5%E5%93%A5
  30. # 数组
  31. @RequestMapping("/m5")
  32. public String say5(Integer[] ids){
  33. if(ids!=null){
  34. for (Integer id : ids) {
  35. System.out.println(id);
  36. }
  37. }
  38. return "b.jsp";
  39. }
  40. 访问路径:http://localhost:8080/webdemo_war/m5?ids=1&ids=2
  41. # list类型
  42. @RequestMapping("/m6")
  43. public String say6(@RequestParam("hobby")List<String> hobby){
  44. System.out.println(hobby);
  45. return "b.jsp";
  46. }
  47. http://localhost:8080/webdemo_war/m6?hobby=%E6%B8%B8%E6%B3%B3&hobby=%E6%B3%A1%E5%A6%9E
  48. 注意: SpringMVC默认将List作为对象处理,赋值前先创建对象,然后将hobby作为对象的属性进行处理。由于
  49. List是接口,无法创建对象,报无法找到构造方法异常;修复类型为可创建对象的ArrayList类型后,对象可
  50. 以创建,但没有hobby属性,因此数据为空。此时需要告知SpringMVC的处理器hobby是一组数据,而不是一个单
  51. 一数据。通过@RequestParam注解,将数量大于1个names参数打包成参数数组后, SpringMVC才能识别该数
  52. 据格式,并判定形参类型是否为数组或集合,并按数组或集合对象的形式操作数据。
  53. RequestParam 当前端传过来的参数和后端的参数名称不一样的时候,可以让他们映射起来
  • 自定义数据绑定

    • 定义转换器

    1. public class MyDateConverter implements Converter<String, Date> {
    2. @Override
    3. public Date convert(String s) {
    4. DateFormat df = new SimpleDateFormat("yyyy-MM-dd");
    5. Date date = null;
    6. try {
    7. date = df.parse(s);
    8. } catch (ParseException e) {
    9. e.printStackTrace();
    10. }
    11. return date;
    12. }
    13. }
    • 注解驱动,使转换器起作用

    1. <!--1.将自定义Converter注册为Bean,受SpringMVC管理-->
    2. <bean id="myDateConverter" class="com.xinzhi.converter.MyDateConverter"/>
    3. <!--2.设定自定义Converter服务bean-->
    4. <bean id="conversionService"
    5. class="org.springframework.context.support.ConversionServiceFactoryBean">
    6. <!--3.注入所有的自定义Converter,该设定使用的是同类型覆盖的思想-->
    7. <property name="converters">
    8. <!--4.set保障同类型转换器仅保留一个,去重规则以Converter<S,T>的泛型为准-->
    9. <set>
    10. <!--5.具体的类型转换器-->
    11. <ref bean="myDateConverter"/>
    12. </set>
    13. </property>
    14. </bean>
    15. <!--开启注解驱动,加载自定义格式化转换器对应的类型转换服务-->
    16. <mvc:annotation-driven conversion-service="conversionService"/>

5 响应

1 转发(默认)

  • controller返回值是String return "forward:page.jsp";

2 重定向

  • controller返回值是String return "redirect:page.jsp";

3 配置视图解析器

  1. # 展示页面的保存位置通常固定,且结构相似,可以设定通用的访问路径,简化页面配置格式
  2. <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  3. <property name="prefix" value="/WEB-INF/page/"/>
  4. <property name="suffix" value=".jsp"/>
  5. </bean>

6 拦截器

1 拦截器( Interceptor)

  • 是一种动态拦截方法调用的机制

  1. # 作用:
  2. 1. 在指定的方法调用前后执行预先设定后的的代码
  3. 2. 阻止原始方法的执行
  4. # 核心原理:
  5. AOP思想
  6. # 拦截器链:
  7. 多个拦截器按照一定的顺序,对原始被调用功能进行增强

2 拦截器使用步骤

1 实现HandlerInterceptor接口

  1. /**
  2. * 三个方法的运行顺序为 preHandle -> postHandle -> afterCompletion
  3. * 如果preHandle返回值为false,三个方法仅运行preHandle
  4. */
  5. public class MyInterceptor implements HandlerInterceptor {
  6. @Override
  7. public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
  8. System.out.println("前置运行----a1");
  9. //返回值为false将拦截原始处理器的运行
  10. //如果配置多拦截器,返回值为false将终止当前拦截器后面配置的拦截器的运行
  11. return true;
  12. }
  13. @Override
  14. public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
  15. System.out.println("后置运行----b1");
  16. }
  17. @Override
  18. public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
  19. System.out.println("完成运行----c1");
  20. }
  21. }

2 配置拦截器

  1. <mvc:interceptors>
  2. <mvc:interceptor>
  3. <mvc:mapping path="/m8"/>
  4. <bean class="com.xinzhi.intercepter.MyInterceptor"/>
  5. </mvc:interceptor>
  6. </mvc:interceptors>

3 拦截器配置项

  1. <mvc:interceptors>
  2. <!--开启具体的拦截器的使用,可以配置多个-->
  3. <mvc:interceptor>
  4. <!--设置拦截器的拦截路径,支持*通配-->
  5. <!--/** 表示拦截所有映射-->
  6. <!--/* 表示拦截所有/开头的映射-->
  7. <!--/user/* 表示拦截所有/user/开头的映射-->
  8. <!--/user/add* 表示拦截所有/user/开头,且具体映射名称以add开头的映射-->
  9. <!--/user/*All 表示拦截所有/user/开头,且具体映射名称以All结尾的映射-->
  10. <mvc:mapping path="/*"/>
  11. <mvc:mapping path="/**"/>
  12. <mvc:mapping path="/handleRun*"/>
  13. <!--设置拦截排除的路径,配置/**或/*,达到快速配置的目的-->
  14. <mvc:exclude-mapping path="/b*"/>
  15. <!--指定具体的拦截器类-->
  16. <bean class="MyInterceptor"/>
  17. </mvc:interceptor>
  18. </mvc:interceptors>

4 拦截器的使用场景

1)日志记录:记录请求信息的日志,以便进行信息监控、信息统计、计算PV(Page View)等。

2)权限检查:如登录检测,进入处理器检测是否登录,如果没有直接返回到登录页面;

3)性能监控:有时候系统在某段时间莫名其妙的慢,可以通过拦截器在进入处理器之前记录开始时间,在处理完后记录结束时间,从而得到该请求的处理时间(如果有反向代理,如apache可以自动记录);

5 拦截器登录案例

  1. @Override
  2. public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object o) throws Exception {
  3. String uri = request.getRequestURI();
  4. if(uri.equal("/login")){
  5. return true;
  6. }
  7. HttpSession session = request.getSession();
  8. Object user = session.getAttribute("USER_SESSION");
  9. if(user!=null){
  10. return true;
  11. }
  12. request.setAttribute("msg","未登陆状态");
  13. request.getRequestDispatcher("/WEB-INF/jsp/login.jsp").forward(request,response);
  14. return false;
  15. }
  16. <mvc:interceptors>
  17. <mvc:interceptor>
  18. <mvc:mapping path="/**" />
  19. <bean class="com.soft.interceptor.LoginInterceptor" />
  20. </mvc:interceptor>
  21. </mvc:interceptors>

7 文件上传

1 导入maven依赖

<dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.4</version> </dependency>

2 前端页面

  1. <form action="/fileupload" method="post" enctype="multipart/form-data">
  2. 上传LOGO: <input type="file" name="file"/><br/>
  3. <input type="submit" value="上传"/>
  4. </form>

3 配置多媒体解析器

  1. <bean id="multipartResolver"
  2. class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  3. </bean>

4 后台代码

  1. package com.xinzhi.controller;
  2. import org.apache.commons.io.FileUtils;
  3. import org.springframework.http.HttpHeaders;
  4. import org.springframework.http.HttpStatus;
  5. import org.springframework.http.MediaType;
  6. import org.springframework.http.ResponseEntity;
  7. import org.springframework.stereotype.Controller;
  8. import org.springframework.ui.Model;
  9. import org.springframework.web.bind.annotation.RequestMapping;
  10. import org.springframework.web.bind.annotation.RequestMethod;
  11. import org.springframework.web.multipart.MultipartFile;
  12. import javax.servlet.http.HttpServletRequest;
  13. import java.io.File;
  14. import java.io.IOException;
  15. import java.io.UnsupportedEncodingException;
  16. import java.net.URLEncoder;
  17. import java.util.UUID;
  18. @Controller
  19. public class FileUploadController {
  20. /**
  21. * 上传页面跳转
  22. * @return
  23. */
  24. @RequestMapping(value = "/upload",method = RequestMethod.GET)
  25. public String upload(){
  26. return "fileUpload";
  27. }
  28. /**
  29. * 下载页面跳转
  30. * @return
  31. */
  32. @RequestMapping(value = "/down",method = RequestMethod.GET)
  33. public String down(){
  34. return "download";
  35. }
  36. /**
  37. * 上传逻辑
  38. * @param uploadfile 上传的文件数组
  39. * @return
  40. */
  41. @RequestMapping(value = "/fileUpload",method = RequestMethod.POST)
  42. public String uploadFile(MultipartFile[] uploadfile){
  43. for (MultipartFile file : uploadfile) {
  44. //获取文件名称
  45. String filename = file.getOriginalFilename();
  46. //存在服务器上名称的修改
  47. filename = UUID.randomUUID()+"_"+filename;
  48. // 定义服务器上的存储路径
  49. String dirPath = "C:/file/";
  50. File filePath = new File(dirPath);
  51. // 判断路径是否存在,不存在就创建
  52. if(!filePath.exists()){
  53. filePath.mkdir();
  54. }
  55. try {
  56. // 文件上传的核心
  57. file.transferTo(new File(dirPath+filename));
  58. } catch (IOException e) {
  59. e.printStackTrace();
  60. return "error";
  61. }
  62. }
  63. return "success";
  64. }
  65. @RequestMapping("/download")
  66. public ResponseEntity<byte[]> fileDownload(HttpServletRequest request,String filename) throws UnsupportedEncodingException {
  67. //指定文件下载地址的目录 filename -> 美女.jpg
  68. String dirPath = "F:/file";
  69. // 指定下载的文件名称
  70. File file = new File(dirPath + File.separator + filename);
  71. HttpHeaders headers = new HttpHeaders();
  72. // 解决不同浏览器之间乱码问题
  73. filename = getFilename(request, filename);
  74. //告诉浏览器,打开方式(附件)
  75. headers.setContentDispositionFormData("attachment",filename);
  76. //以二进制字节流的方式下载
  77. headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
  78. try {
  79. return new ResponseEntity<>(FileUtils.readFileToByteArray(file),headers, HttpStatus.OK);
  80. } catch (IOException e) {
  81. e.printStackTrace();
  82. return new ResponseEntity<>(e.getMessage().getBytes(), HttpStatus.EXPECTATION_FAILED);
  83. }
  84. }
  85. /**
  86. * 不同浏览器的版本兼容
  87. * @param request
  88. * @param filename
  89. * @return
  90. * @throws UnsupportedEncodingException
  91. */
  92. private String getFilename(HttpServletRequest request,String filename) throws UnsupportedEncodingException {
  93. //判断是不是IE内核的关键字
  94. String[] IEBrowerKeyWords = {"MSIE","Trident","Edge"};
  95. String keywords = request.getHeader("User-Agent");
  96. for (String keyWord : IEBrowerKeyWords) {
  97. if(keywords.contains(keyWord)){ //判断是否为IE浏览器
  98. return URLEncoder.encode(filename,"UTF-8");
  99. }
  100. }
  101. // 其他浏览器编码格式ISO-8859-1
  102. return new String(filename.getBytes("UTF-8"),"ISO-8859-1");
  103. }
  104. }

5 前端代码使用现成的。如果jquery不能用了,可以引用网络地址

<script src="http://code.jquery.com/jquery-latest.js"></script>
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/寸_铁/article/detail/1010960
推荐阅读
相关标签
  

闽ICP备14008679号