一、SpringMVC概述

Spring MVC 是由Spring官方提供的基于MVC設計理念的web框架。

SpringMVC是基于Servlet封裝的用于實現MVC控制的框架，實現前端和服務端的交互。

1.1 SpringMVC優勢

• 嚴格遵守了MVC分層思想

• 采用了松耦合、插件式結構；相比較于我們封裝的BaseServlet以及其他的一些MVC框架來說更靈活、更具擴展性

• SpringMVC是基于Spring的擴展、提供了一套完善的MVC注解

• SpringMVC在數據綁定、視圖解析都提供了多種處理方式，可靈活配置

• SpringMVC對RESTful URL設計方法提供了良好的支持

1.2 SpringMVC本質工作

• 接收并解析請求
• 處理請求
• 數據渲染、響應請求

二、SpringMVC框架部署

2.1 基于Maven創建一個web工程

• SpringMVC是一個web框架，應用在web工程中

2.2 添加SpringMVC依賴

• spring-context
• spring-aspects
• spring-jdbc
• spring-test
• spring-web
• spring-webmvc

<properties>
    <spring.version>5.2.13.RELEASE</spring.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-context</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-aspects</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-jdbc</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-test</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-web</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>${spring.version}</version>
    </dependency>

</dependencies>

2.3 創建SpringMVC配置文件

• 在resources目錄下創建名為spring-servlet.xml的文件
• 添加MVC命名空間

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/aop
        http://www.springframework.org/schema/aop/spring-aop.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">
	<!--IoC采用注解配置-->
    <context:annotation-config/>
    <context:component-scan base-package="com.qfedu"/>

    <!--  聲明MVC使用注解驅動  -->
    <mvc:annotation-driven/>

</beans>

2.4 在web.xml中配置SpringMVC的前端控制器

SpringMVC提供了一個名為DispatcherServlet的類（SpringMVC前端控制器），用于攔截用戶請求交由SpringMVC處理

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">

    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-servlet.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/*</url-pattern>
    </servlet-mapping>

</web-app>

三、SpringMVC框架使用

在SpringMVC中，我們把接收用戶請求、處理用戶請求的類稱之為Controlelr（控制器）

3.1 創建控制器

3.1.1 創建控制器類

• 創建一個名為com.qfedu.controllers的包（包需要在Spring注解掃描的范圍內）

• 創建一個類（無需做任何的繼承和實現）

• 在類上添加@Controller注解聲明此類為SpringMVC的控制器

• 在類上添加@RequestMapping("url")聲明此控制器類的請求url（可以省略）

@Controller
@RequestMapping("/book")
public class BookController {

}

3.1.2 在控制器類中定義處理請求的方法

• 在一個控制器類中可以定于多個方法處理不同的請求
• 在每個方法上添加@RequestMapping("url")用于聲明當前方法請求的url

@Controller
@RequestMapping("/book")
public class BookController {

    @RequestMapping("/add")
    public void addBook(){
        System.out.println("---book akdd");
    }

    @RequestMapping("/list")
    public void listBooks(){
        System.out.println("---book list");
    }

}

3.1.3 訪問

• http://localhost:8080/springmvc_demo2/book/add

• http://localhost:8080/springmvc_demo2/book/list

3.2 靜態資源配置

靜態資源：就是項目中的HTML、css、js、圖片、字體等

3.2.1 /* 和 / 的區別

• /* 攔截所有的HTTP請求，包括.jsp的請求，都做為控制器類的請求路徑來處理
• / 攔截所有的HTTP請求，但不包括.jsp的請求，不會放行靜態資源的請求（html/css/js/圖片）

3.2.2 靜態資源放行配置

• 在springMVC的配置文件，添加如下靜態資源放行的配置

<!--配置靜態資源放行-->
<mvc:resources mapping="/css/**" location="/css/"/>
<mvc:resources mapping="/js/**" location="/js/"/>
<mvc:resources mapping="/imgs/**" location="/imgs/"/>
<mvc:resources mapping="/pages/**" location="/pages/"/>

3.3 前端提交數據到控制器

3.3.1 表單提交

• 表單提交：輸入框需要提供name屬性，SpringMVC控制器是通過name屬性取值的

  <body>
      <h3>添加圖書</h3>
      <form action="book/add" method="post">
          <p>圖書名稱:<input type="text"/></p>
          <p>圖書作者:<input type="text"/></p>
          <p>圖書價格:<input type="text"/></p>
          <p><input type="submit" value="提交"/></p>
      </form>
  </body>
  

3.3.2 URL提交

• URL提交：

  <a href="book/add?bookName=Java">URL提交</a>
  

3.3.3 AJAX提交

• AJAX提交：請求行、請求頭、請求體都可以用來傳值

  <input type="button" value="ajax提交" id="btn1"/>
  <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
  <script type="text/javascript">
      $("#btn1").click(function(){
          var obj = {};
          obj.bookName = "Java";
          obj.bookAuthor="張三";
          obj.bookPrice = 3.33;
  
          $.ajax({
              url:"book/add",
              type:"post",
              headers:{
  
              },
              contentType:"application/json",
              data:obj,
              success:function(res){
                  console.log(res);
              }
          });
      });
  </script>
  

3.4 控制器接收前端提交的數據

3.4.1 @RequestParam 接收請求行傳值

• 表單提交
• URL提交
• $.ajax()請求的url傳值
• \(.post()/\).get()中的{}傳值

@RequestParam注解用于接收請求行傳遞的數據

• 前端提交數據

  <form action="book/add" method="post">
      <p>圖書名稱:<input type="text" name="name"/></p>
      <p>圖書作者:<input type="text" name="author"/></p>
      <p>圖書價格:<input type="text" name="price"/></p>
      <p><input type="submit" value="提交"/></p>
  </form>
  

• 控制器接收數據

  /*接收請求行數據*/
  @RequestMapping("/add")
  public void addBook(@RequestParam("name") String a,
                      @RequestParam("author") String b,
                      @RequestParam("price") double c){
      System.out.println("---book add");
      System.out.println(a);
      System.out.println(b);
      System.out.println(c);
  }
  

注意如果控制器方法中接收數據的參數名與請求行傳值的key一致，則@RequestParam注解可省略

@RequestMapping("/add")
public void addBook(String name,String author, double price){
    System.out.println("---book add");
    System.out.println(name);
    System.out.println(author);
    System.out.println(price);
}

3.4.2 @RequestHeader接收請求頭傳值

• ajax封裝請求頭數據

  $.ajax({
      ...,
      headers:{
         
  	},
      ...
  })
  

@RequestHeader注解用于接收請求行頭傳遞的數據

• 前端

  <input type="button" value="ajax提交" id="btn1"/>
      <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
      <script type="text/javascript">
          $("#btn1").click(function(){
              $.ajax({
                  url:"book/list",
                  type:"post",
                  headers:{
                      token:"wahahaawahaha"
                  },
                  success:function(res){
                      console.log(res);
                  }
              });
          });
      </script>
  

• 控制器

  @RequestMapping("/list")
  public void listBooks(@RequestHeader("token") String token){
      System.out.println("---book list");
  }
  

3.4.3 @RequestBody接收請求體傳值

• ajax封裝請求體數據

  $.ajax({
      ...,
      contentType:"application/json",
      data:obj,,
      ...
  })
  

@RequestBody注解用于接收請求行頭傳遞的數據

• 前端

  <input type="button" value="ajax提交" id="btn1"/>
      <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
      <script type="text/javascript">
          $("#btn1").click(function(){
              var obj = {};
              obj.bookName = "Python";
              obj.bookAuthor="杰哥";
              obj.bookPrice = 2.22;
  
              var s = JSON.stringify(obj); //將對象轉換成JSON格式
        
              $.ajax({
                  url:"book/update",
                  type:"post",
                  contentType:"application/json",
                  data:s,   //如果data的值為json格式字符串，contentType必須設置為"application/json"
                  success:function(res){
                      console.log(res);
                  }
              });
          });
      </script>
  

@RquestBody 將前端請求體提交的JSON格式數據轉換成Java對象，依賴jackson包

• 導入jackson的依賴

  <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.12.1</version>
  </dependency>
  

• 控制器

  @RequestMapping("/update")
  public void update(@RequestBody Book book){
      System.out.println("---book update");
      System.out.println(book);
  }
  

3.5 控制器響應前端請求

3.5.1 控制器響應同步請求

同步請求：form、超鏈接

處理同步請求的方法的返回類型定義為String或者ModelAndView，以實現頁面的跳轉

• 返回類型為String

  轉發

  @RequestMapping("/add")
  public String addBook(String name, String author, double price){
      System.out.println("---book add");
      return "/tips.jsp";
  }
  

  重定向

  @RequestMapping("/add")
  public String addBook(String name, String author, double price){
      System.out.println("---book add");
      return "redirect:/tips.jsp";
  }
  

• 返回類型為 ModelAndView

  轉發

  @RequestMapping("/add")
  public ModelAndView addBook(String name, String author, double price){
      System.out.println("---book add");
      ModelAndView modelAndView = new ModelAndView("/tips.jsp");
      return modelAndView;
  }
  

  重定向

  @RequestMapping("/add")
  public ModelAndView addBook(String name, String author, double price){
      System.out.println("---book add");
      ModelAndView modelAndView = new ModelAndView("redirect:/tips.jsp");
      return modelAndView;
  }
  

3.5.2 控制器響應異步請求

異步請求：ajax請求

使用response中的輸出流進行響應

• 控制器方法的返回類型為void
• 控制器方法添加 HttpServletResponse response參數
• 在方法中通過response獲取輸出流，使用流響應ajax請求

@RequestMapping("/update")
public void update(@RequestBody Book book, HttpServletResponse response) throws IOException {
    System.out.println("---book update");
    System.out.println(book);

    //使用ObjectMapper將對象轉換成JSON格式字符串
    String s = new ObjectMapper().writeValueAsString(book);
    response.setCharacterEncoding("utf-8");
    response.setContentType("application/json");
    PrintWriter out = response.getWriter();
    out.println(s);
    out.flush();
    out.close();
}

直接在控制器方法返回響應的對象

• 控制器方法的返回類型設置為響應給ajax請求的對象類型
• 在控制器方法前添加@ResponseBody注解，將返回的對象轉換成JSON響應給ajax請求
• 如果一個控制器類中的所有方法都是響應ajax請求，則可以直接在控制器類前添加@ResponseBody注解

@RequestMapping("/update")
@ResponseBody
public List<Book> update() {
    System.out.println("---book update");
    List<Book> books = new ArrayList<Book>();
    books.add(new Book(1,"Java","老張",2.22));
    books.add(new Book(2,"C++","老李",3.22));
    return books;
}

3.5.3 控制器響應同步請求的數據傳遞

對于同步請求的轉發響應，我們可以傳遞參數到轉發的頁面

• 返回類型為String:

  //1.在控制器方法中定義一個Model類型的參數
  //2.在return頁面之前，向model中添加鍵值對，添加的鍵值對就會被傳遞到轉發的頁面
  @RequestMapping("/add")
  public String addBook(String name, String author, double price,Model model){
      model.addAttribute("key1","value1");
      model.addAttribute("book",new Book(1,"Java","老張",2.22));
      return "/tips.jsp";
  }
  
  //除了使用Model對象傳值外，還可以直接使用HttpServletRequest對象
  @RequestMapping("/add")
  public String addBook(String name, String author, double price,HttpServletRequest request){
      request.setAttribute("key1","value1");
      request.setAttribute("book",new Book(1,"Java","老張",2.22));
      return "/tips.jsp";
  }
  

• 返回類型ModelAndView:

  @RequestMapping("/add2")
  public ModelAndView addBook2(String name, String author, double price){
  
      ModelAndView modelAndView = new ModelAndView("/tips.jsp");
      modelAndView.addObject("key1","value1");
      modelAndView.addObject("book",new Book(1,"Java","老張",2.22));
      return modelAndView;
  }
  

3.6 解決中文亂碼問題

3.6.1 前端編碼

• JSP頁面：

  <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
  

• HTML頁面：

  <meta charset="UTF-8">
  

3.6.2 服務器編碼

• tomcat/conf/server.xml

  <Connector port="8080" protocol="HTTP/1.1"
             connectionTimeout="20000"
             redirectPort="8443"  URIEncoding="UTF-8"/>
  

3.6.3 設置SpringMVC的編碼方式

• 在web.xml中配置SpringMVC編碼過濾器的編碼方式

  <filter>
      <filter-name>EncodingFilter</filter-name>
      <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
      <init-param>
          <param-name>encoding</param-name>
          <param-value>utf-8</param-value>
      </init-param>
      <init-param>
          <param-name>forceEncoding</param-name>
          <param-value>true</param-value>
      </init-param>
  </filter>
  <filter-mapping>
      <filter-name>EncodingFilter</filter-name>
      <url-pattern>/*</url-pattern>
  </filter-mapping>
  

四、SpringMVC的請求處理流程

4.1 請求處理流程

SpringMVC通過前端控制器（DispatcherServlet）攔截并處理用戶請求的

---

---

① 前端發送請求被前端控制器DispatcherServlet攔截
② 前端控制器調用處理器映射器HandlerMapping對請求URL進行解析，解析之后返回調用給前端控制器
③ 前端控制器調用處理器適配器處理調用鏈
④ 處理器適配器基于反射通過適配器設計模式完成處理器(控制器)的調用處理用戶請求
⑤ 處理器適配器將控制器返回的視圖和數據信息封裝成ModelAndView響應給前端控制器
⑥ 前端控制器調用視圖解析器ViewResolver對ModelAndView進行解析，將解析結果（視圖資源和數據）響應給前端控制器
⑦ 前端控制器調用視圖view組件將數據進行渲染，將渲染結果（靜態視圖）響應給前端控制器
⑧ 前端控制器響應用戶請求

---

4.2 SpringMVC的核心組件

• DispatcherServlet 前端控制器、總控制器

  • 作用：接收請求，協同各組件工作、響應請求

• HandlerMapping 處理器映射

  • 作用：負責根據用戶請求的URL找到對應的Handler
  • 可配置 SpringMVC提供多個處理器映射的實現，可以根據需要進行配置

• HandlerAdapter 處理器適配器

  • 作用：按照處理器映射器解析的用戶請求的調用鏈，通過適配器模式完成Handler的調用

• Handler 處理器/控制器

  • 由工程師根據業務的需求進行開發
  • 作用：處理請求

• ModelAndView 視圖模型

  • 作用：用于封裝處理器返回的數據以及相應的視圖
  • ModelAndView = Model + View

• ViewResolver 視圖解析器

  • 作用：對ModelAndView進行解析
  • 可配置 SpringMVC提供多個視圖解析器的實現，可以根據需要進行配置

• View 視圖

  • 作用：完成數據渲染

4.3 處理器映射器

不同的處理器映射器對URL處理的方式也不相同，使用對應的處理器映射器之后我們的前端請求規則也需要發生相應的變化

SpringMVC提供的處理器映射器：

• BeanNameUrlHandlerMapping 根據控制器的ID訪問控制器
• SimpleUrlHandlerMapping 根據控制器配置的URL訪問（默認）

配置處理器映射器：

• 在SpringMVC的配置文件中通過bean標簽聲明處理器映射器

• 配置BeanNameUrlHandlerMapping

  <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"></bean>
  

• 配置SimpleUrlHandlerMapping

  <bean class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
      <property name="mappings">
          <props>
              <prop key="/aaa">bookController</prop>
              <prop key="/bbb">studentController</prop>
          </props>
      </property>
  </bean>
  

4.4 視圖解析器

Spring提供了多個視圖解析器：

• UrlBasedViewResolver
• InternalResourceViewResolver

• UrlBasedViewResolver 需要依賴jstl

  • 添加JSTL的依賴

  <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
  </dependency>
  

  • 配置視圖解析器

  <bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
      <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
      <property name="prefix" value="/"/>
      <property name="suffix" value=".jsp"/>
  </bean>
  

• InternalResourceViewResolver

  <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
      <property name="prefix" value="/"/>
      <property name="suffix" value=".jsp"/>
  </bean>
  

五、日期格式處理

5.1 在控制器中使用對象接收數據

• 前端：

  <form action="test/add" method="post">
      <p>圖書名稱:<input type="text" name="bookName"/></p>
      <p>圖書作者:<input type="text" name="bookAuthor"/></p>
      <p>圖書價格:<input type="text" name="bookPrice"/></p>
      <p><input type="submit" value="提交"/></p>
  </form>
  

• 后端

  @Controller
  @RequestMapping("/test")
  public class TestController {
  
      @RequestMapping("/add")
      //表單提交的多個數據，在控制器方法中可以使用對象接收
      //但是提交的數據的key必須要與對象的屬性名一致
      public String addBook(Book book){
          return "/tips.jsp";
      }
  
  }
  

5.2 日期格式處理

如果前端需要輸入日期數據，在控制器中轉換成Date對象，SpringMVC要求前端輸入的日期格式必須為yyyy/MM/dd

如果甲方要求日期格式必須為指定的格式，而這個指定格式SpringMVC不接受，該如何處理呢？

• 自定義日期轉換器

5.2.1 創建自定義日期轉換器

/***
 * 1.創建一個類實現Converter接口，泛型指定從什么類型轉換為什么類型
 * 2.實現convert轉換方法
 */
public class MyDateConverter implements Converter<String, Date> {

    SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日");

    public Date convert(String s) {
        Date date = null;
        try {
            date = sdf.parse(s);
        } catch (ParseException e) {
            e.printStackTrace();
        }
        return date;
    }

}

5.2.2 配置自定義轉換器

<!--  聲明MVC使用注解驅動  -->
<mvc:annotation-driven conversion-service="converterFactory"/>

<bean id="converterFactory" class="org.springframework.format.support.FormattingConversionServiceFactoryBean">
    <property name="converters">
        <set>
            <bean class="com.qfedu.utils.MyDateConverter"/>
        </set>
    </property>
</bean>

六、文件上傳下載

6.1 SpringMVC框架部署

• 基于Maven創建web工程

• 添加SpringMVC所需的依賴

  • Spring:context aspects jdbc test web webmvc jackson

• 創建SpringMVC配置文件

• 在web.xml中配置SpringMVC的前端控制器

• 在web.xml中配置SpringMVC的編碼過濾器

• 配置springmvc靜態資源處理策略

6.2 文件上傳

案例：添加圖書，同時提交圖書的封面圖片

6.2.1 前端提交文件

• 表單提示方式必須為post
• 表單enctype屬性設置為multipart/form-data

<form action="book/add" method="post" enctype="multipart/form-data">
    <p>圖書名稱:<input type="text" name="bookName"/></p>
    <p>圖書作者:<input type="text" name="bookAuthor"/></p>
    <p>圖書價格:<input type="text" name="bookPrice"/></p>
    <p>圖書封面:<input type="file" name="imgFile"/></p>
    <p><input type="submit" value="提交"/></p>
</form>

6.2.2 控制器接收數據和文件

SpringMVC處理上傳文件需要借助于CommonsMultipartResolver文件解析器

• 添加依賴：commons-io commons-fileupload

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

• 在spring-servlet.xml中配置文件解析器

  <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
      <property name="maxUploadSize" value="10240000"/>
      <property name="maxInMemorySize" value="102400"/>
      <property name="defaultEncoding" value="utf-8"/>
  </bean>
  

• 控制器接收文件

  • 在處理文件上傳的方法中定義一個MultiPartFile類型的對象，就可以接受圖片了

  @Controller
  @RequestMapping("/book")
  public class BookController {
  
  
      @RequestMapping("/add")
      public String addBook(Book book, MultipartFile imgFile, HttpServletRequest request) throws IOException {
          System.out.println("--------------add");
  
          //imgFile就表示上傳的圖片
          //1.截取上傳文件的后綴名,生成新的文件名
          String originalFilename = imgFile.getOriginalFilename();
          String ext = originalFilename.substring( originalFilename.lastIndexOf(".") ); 
          String fileName = System.currentTimeMillis()+ext;
  
          //2.獲取imgs目錄在服務器的路徑
          String dir = request.getServletContext().getRealPath("imgs");
          String savePath = dir+"/"+fileName; 
  
          //3.保存文件
          imgFile.transferTo( new File(savePath));
  
          //4.將圖片的訪問路徑設置到book對象
          book.setBookImg("imgs/"+fileName);
  
          //5.調用service保存book到數據庫
          return "/tips.jsp";
      }
  
  }
  

6.3 文件下載

6.3.1 顯示文件列表

• list.jsp

  <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  <html>
      <head>
          <title>Title</title>
      </head>
      <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
      <link rel="stylesheet"  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
      <!-- 可選的 Bootstrap 主題文件（一般不用引入） -->
      <link rel="stylesheet"  integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
      <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
      <body>
  
      <h4>文件列表</h4>
  
      <div class="row" id="container"></div>
  
      <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
      <script type="text/javascript">
          $.get("book/list",function(res){
              for (var i = 0; i < res.length; i++) {
                  var fn = res[i];
                  var htmlStr = "<div class='col-lg-2  col-md-3 col-sm-4 col-xs-6'><div class='thumbnail'><img src='imgs/"+fn+"' alt='...'> <div class='caption'><p><a href='#' class='btn btn-primary' role='button'>下載</a></p></div> </div> </div>";
                  $("#container").append(htmlStr);
              }
          },"json");
      </script>
  
      </body>
  </html>
  

• BookController

  @RequestMapping("/list")
  @ResponseBody
  public String[] listImgs(HttpServletRequest request){
      //從imgs目錄下獲取所有的圖片信息
      String dir = request.getServletContext().getRealPath("imgs");
      File imgDir = new File(dir);
      String[] fileNames = imgDir.list();
      return fileNames;
  }
  

6.3.2 實現文件下載

• list.jsp

  var htmlStr = "<div class='col-lg-2  col-md-3 col-sm-4 col-xs-6'><div class='thumbnail'><img src='imgs/"+fn+"' alt='...'> <div class='caption'><p><a href='book/download?fname="+fn+"' class='btn btn-primary' role='button'>下載</a></p></div> </div> </div>";
  

• BookController

  @RequestMapping("/download")
  public void downloadImg(String fname, HttpServletRequest request, HttpServletResponse response) throws Exception {
      //從imgs目錄找到當前文件
      String dir = request.getServletContext().getRealPath("imgs");
      String filePath = dir+"/"+fname;
      FileInputStream fileInputStream = new FileInputStream(filePath);
  
      response.setContentType("application/exe");
      response.addHeader("Content-Disposition","attachment;filename="+fname);
  
      IOUtils.copy(fileInputStream, response.getOutputStream());
  }
  

七、統一異常處理

在我們的應用系統運行的過程中，可能由于運行環境、用戶操作、資源不足等各方面的原因導致系統出現異常（HTTP狀態異常、Exception）；如果系統出現了異常，這些異常將會通過瀏覽器呈現給用戶，而這種異常的顯示是沒有必要，因此我們可以在服務器進行特定的處理——當系統出現異常之后，呈現給用戶一個統一的、可讀的的異常提示頁面。

7.1 HTTP異常狀態統一處理

HTTP Status 404

• 創建一個用于進行異常提示的頁面：404.jsp

• 在web.xml中進行配置：

  <error-page>
      <error-code>404</error-code>
      <location>/404.jsp</location>
  </error-page>
  

7.2 Java代碼異常的統一處理

7.2.1 基于Servlet-api的處理

• 創建異常提示頁面：err.jsp

• 在web.xml中進行配置

  <error-page>
      <exception-type>java.lang.NumberFormatException</exception-type>
      <location>/err.jsp</location>
  </error-page>
  

7.2.2 SpringMVC處理

• 使用異常處理類進行統一處理

  @ControllerAdvice
  public class MyExceptionHandler {
  
      @ExceptionHandler(NullPointerException.class)
      public String nullHandler(){
          return "/err1.jsp";
      }
  
      @ExceptionHandler(NumberFormatException.class)
      public String formatHandler(){
          return "/err2.jsp";
      }
  
  }
  

八、攔截器

8.1 攔截器介紹

SpringMVC提供的攔截器就類似于Servlet-api中的過濾器，可以對控制器的請求進行攔截實現相關的預處理和后處理。

• 過濾器
  • 是Servlet規范的一部分，所有的web項目都可以使用
  • 過濾器在web.xml配置（可以使用注解），能夠攔截所有web請求
• 攔截器
  • 是SpringMVC框架的實現，只有在SpringMVC框架中才能使用
  • 攔截器在SpringMVC配置文件進行配置，不會攔截SpringMVC放行的資源（jsp\html\css..）

8.2 自定義攔截器

8.2.1 創建攔截器

public class MyInterceptor1 implements HandlerInterceptor {

    //預處理方法
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("--------------預處理");
        Enumeration<String> keys = request.getParameterNames();
        while (keys.hasMoreElements()){
            String key = keys.nextElement();
            if("bookId".equals(key)){
                return true;
            }
        }
        response.setStatus(400);
        return false;
    }

    //后處理方法
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        modelAndView.addObject("tips","這是通過攔截器的后處理添加的數據");
        System.out.println("--------------后處理");
    }
}

8.2.2 配置攔截器

<mvc:interceptors>
    <mvc:interceptor>
        <mvc:mapping path="/book/query"/>
        <mvc:mapping path="/book/add"/>
        <mvc:mapping path="/student/**"/>
        <mvc:exclude-mapping path="/student/add"/>
        <bean class="com.qfedu.utils.MyInterceptor1"/>
    </mvc:interceptor>
</mvc:interceptors>

8.3 攔截器鏈

將多個攔截器按照一定的順序構成一個執行鏈

---

---

九、SSM整合

9.1 創建web項目

• 創建maven工程

• 修改pom文件

  <packaging>war</packaging>
  

• 完成maven工程web項目結構

• 添加web項目依賴：

  <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
      <scope>provided</scope>
  </dependency>
  
  <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>4.0.1</version>
      <scope>provided</scope>
  </dependency>
  

• 配置服務器運行環境

9.2 部署MyBatis

• 添加MyBatis依賴

  <!-- mysql驅動 -->
  <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.47</version>
  </dependency>
  
  <!-- mybatis依賴 -->
  <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.4.6</version>
  </dependency>
  
  <!-- lombok -->
  <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.18.16</version>
      <scope>provided</scope>
  </dependency>
  

• 創建MyBatis配置文件mybatis-config.xml

  <?xml version="1.0" encoding="UTF-8" ?>
  <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
          "http://mybatis.org/dtd/mybatis-3-config.dtd">
  <configuration>
  
  </configuration>
  

9.3 部署Spring、SpringMVC

9.3.1 添加依賴

<properties>
    <spring.version>5.2.13.RELEASE</spring.version>
</properties>

<!--context-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-context</artifactId>
    <version>${spring.version}</version>
</dependency>
<!--aspects-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-aspects</artifactId>
    <version>${spring.version}</version>
</dependency>
<!--jdbc-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>${spring.version}</version>
</dependency>
<!--test-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-test</artifactId>
    <version>${spring.version}</version>
</dependency>
<!--web-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-web</artifactId>
    <version>${spring.version}</version>
</dependency>
<!--webmvc-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>${spring.version}</version>
</dependency>
<!--jackson-databind-->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.12.1</version>
</dependency>

9.3.2 創建Spring配置

• 多配置文件分開配置

  • spring-context.xml 只配置注解聲明、以及類的管理

    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd
            http://www.springframework.org/schema/context
            http://www.springframework.org/schema/context/spring-context.xsd">
    
        <!-- 聲明使用注解配置 -->
        <context:annotation-config/>
        <!-- 聲明Spring工廠注解的掃描范圍 -->
        <context:component-scan base-package="com.qfedu"/>
    
    </beans>
    

  • spring-mvc.xml 進行mvc相關的配置，例如靜態資源配置、攔截器配置等

    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:mvc="http://www.springframework.org/schema/mvc"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd
            http://www.springframework.org/schema/mvc
            http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    
        <!--聲明MVC使用注解配置-->
        <mvc:annotation-driven/>
    
    </beans>
    

  • spring-mybatis.xml 進行Spring與MyBatis整合相關的配置

    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:tx="http://www.springframework.org/schema/tx"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd
           http://www.springframework.org/schema/context
            http://www.springframework.org/schema/context/spring-context.xsd
            http://www.springframework.org/schema/tx
            http://www.springframework.org/schema/tx/spring-tx.xsd">
    
    </beans>
    

9.3.3 配置SpringMVC前端控制器

• 在web.xml進行配置

<servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:spring-*.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>/</url-pattern>
</servlet-mapping>

9.4 整合配置(IoC)

9.4.1 導入mybatis-spring依賴

<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis-spring -->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis-spring</artifactId>
    <version>1.3.2</version>
</dependency>

9.4.2 配置druid連接池

• 添加druid依賴

  <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.10</version>
  </dependency>
  

• 創建druid.properties,并配置：

  druid.driver=com.mysql.jdbc.Driver
  druid.url=jdbc:mysql://localhost:3306/db_2010_mybatis?characterEncoding=utf-8
  druid.username=root
  druid.password=admin123
  
  ## 連接池參數
  druid.pool.init=1
  druid.pool.minIdle=3
  druid.pool.maxActive=20
  druid.pool.timeout=30000
  

• 在spring-mybatis.xml配置數據源

  <context:property-placeholder location="classpath:druid.properties"/>
  
  <bean id="druidDataSource" class="com.alibaba.druid.pool.DruidDataSource">
      <property name="driverClassName" value="${druid.driver}"/>
      <property name="url" value="${druid.url}"/>
      <property name="username" value="${druid.username}"/>
      <property name="password" value="${druid.password}"/>
  
      <property name="initialSize" value="${druid.pool.init}"/>
      <property name="minIdle" value="${druid.pool.minIdle}"/>
      <property name="maxActive" value="${druid.pool.maxActive}"/>
      <property name="maxWait" value="${druid.pool.timeout}"/>
  </bean>
  

9.4.3 配置SqlSessionFactory

• 在spring-mybatis.xml配置

  <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
      <property name="dataSource" ref="druidDataSource"/>
      <property name="mapperLocations" value="classpath:mappers/*.xml"/>
      <property name="typeAliasesPackage" value="com.qfedu.bean"/>
      <property name="configLocation" value="classpath:mybatis-config.xml"/>
  </bean>
  

9.4.4 配置MapperScannerConfigurer

• 在spring-mybatis.xml配置

  <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
      <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
      <property name="basePackage" value="com.qfedu.dao"/>
  </bean>
  

9.5 整合配置（AOP）

使用Spring提供的事務管理完成DAO操作的事務管理

基于注解的事務管理配置：

• 將Spring提供的事務管理切面類配置到Spring容器

  <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
      <property name="dataSource" ref="druidDataSource"/>
  </bean>
  
  <tx:annotation-driven transaction-manager="transactionManager"/>
  

9.6 整合測試

9.6.1 完成User的查詢操作

• 創建實體類

  @Data
  @NoArgsConstructor
  @AllArgsConstructor
  @ToString
  public class User {
  
      private int userId;
      private String userName;
      private String userPwd;
      private String userRealname;
      private String userImg;
  
  }
  

• 在DAO包中創建接口

  public interface UserDAO {
      
      public User queryUserByName(String name);
      
  }
  

• 在mappers目錄下創建映射文件

  <?xml version="1.0" encoding="UTF-8" ?>
  <!DOCTYPE mapper
          PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
          "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  <mapper namespace="com.qfedu.dao.UserDAO">
  
      <resultMap id="userMap" type="User">
          <id column="user_id" property="userId"/>
          <result column="user_name" property="userName"/>
          <result column="user_pwd" property="userPwd"/>
          <result column="user_realname" property="userRealname"/>
          <result column="user_img" property="userImg"/>
      </resultMap>
  
  
      <select id="queryUserByName" resultMap="userMap">
          select user_id,user_name,user_pwd,user_realname,user_img
          from users
          where user_name=#{userName}
      </select>
  
  </mapper>
  

9.6.2 對DAO單元測試

• 添加junit、spring-test依賴

   <dependency>
       <groupId>junit</groupId>
       <artifactId>junit</artifactId>
       <version>4.12</version>
       <scope>test</scope>
  </dependency>
  

• 創建測試類

  @RunWith(SpringJUnit4ClassRunner.class)
  @ContextConfiguration({"classpath:spring-context.xml","classpath:spring-mvc.xml","classpath:spring-mybatis.xml"})
  public class UserDAOTest {
  
      @Resource
      private UserDAO userDAO;
  
      @Test
      public void queryUserByName() {
          User user = userDAO.queryUserByName("wangwu");
          System.out.println(user);
      }
  }