第一章：本质

  • ContextLoaderListener：读取 spring-persist.xml。
  • DispatcherServlet：读取 springmvc.xml。

第二章：web.xml 配置

  • web.xml
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.          xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
  5.                   http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
  6.          version="4.0">
  8.     <!-- ContextLoaderListener -->
  9.     <!-- 通过 context-param 指定 Spring 框架的配置文件位置 -->
  10.     <context-param>
  11.         <param-name>contextConfigLocation</param-name>
  12.         <param-value>classpath:spring-persist.xml</param-value>
  13.     </context-param>
  15.     <!-- 配置 ContextLoaderListener 监听器 -->
  16.     <listener>
  17.         <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  18.     </listener>
  20.     <!-- DispatcherServlet -->
  21.     <servlet>
  22.         <servlet-name>dispatcherServlet</servlet-name>
  23.         <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  24.         <init-param>
  25.             <param-name>contextConfigLocation</param-name>
  26.             <param-value>classpath:springmvc.xml</param-value>
  27.         </init-param>
  28.         <load-on-startup>1</load-on-startup>
  29.     </servlet>
  30.     <servlet-mapping>
  31.         <servlet-name>dispatcherServlet</servlet-name>
  32.         <url-pattern>/</url-pattern>
  33.     </servlet-mapping>
  35.     <!-- 需要注意两个 Filter 的顺序：字符集过滤器在前，转换请求方式过滤器在后 -->
  36.     <!-- CharacterEncodingFilter -->
  37.     <filter>
  38.         <filter-name>characterEncodingFilter</filter-name>
  39.         <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
  40.         <init-param>
  41.             <param-name>encoding</param-name>
  42.             <param-value>UTF-8</param-value>
  43.         </init-param>
  44.         <init-param>
  45.             <param-name>forceRequestEncoding</param-name>
  46.             <param-value>true</param-value>
  47.         </init-param>
  48.         <init-param>
  49.             <param-name>forceResponseEncoding</param-name>
  50.             <param-value>true</param-value>
  51.         </init-param>
  52.     </filter>
  53.     <filter-mapping>
  54.         <filter-name>characterEncodingFilter</filter-name>
  55.         <url-pattern>/*</url-pattern>
  56.     </filter-mapping>
  58.     <!-- HiddenHttpMethodFilter -->
  59.     <filter>
  60.         <filter-name>hiddenHttpMethodFilter</filter-name>
  61.         <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  62.     </filter>
  63.     <filter-mapping>
  64.         <filter-name>hiddenHttpMethodFilter</filter-name>
  65.         <url-pattern>/*</url-pattern>
  66.     </filter-mapping>
  67. </web-app>

第三章：SpringMVC 配置

  • springmvc.xml
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <beans xmlns="http://www.springframework.org/schema/beans"
  3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.        xmlns:context="http://www.springframework.org/schema/context"
  5.        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
  7.     <!-- SpringMVC 只扫描 handler 类所在的包 -->
  8.     <!-- Spring 和 SpringMVC 扫描各自负责的组件，扫描的范围没有重合的部分，直接避免了重复创建对象 -->
  9.     <context:component-scan base-package="com.github.fairy.era.handler"/>
  11.     <!-- 配置 Thymeleaf 的视图解析器 -->
  12.     <bean id="thymeleafViewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
  13.         <property name="order" value="1"/>
  14.         <property name="characterEncoding" value="UTF-8"/>
  15.         <property name="templateEngine">
  16.             <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
  17.                 <property name="templateResolver">
  18.                     <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
  19.                         <property name="prefix" value="/WEB-INF/templates/"/>
  20.                         <property name="suffix" value=".html"/>
  21.                         <property name="characterEncoding" value="UTF-8"/>
  22.                         <property name="templateMode" value="HTML5"/>
  23.                     </bean>
  24.                 </property>
  25.             </bean>
  26.         </property>
  27.     </bean>
  29.     <!-- SpringMVC 注解驱动（标配） -->
  30.     <mvc:annotation-driven/>
  32.     <!-- 对于没有映射的请求直接转发放行，主要是静态资源 -->
  33.     <mvc:default-servlet-handler/>
  35.     <!-- 匹配请求路径直接前往视图，不经过 handler 方法 -->
  36.     <mvc:view-controller path="/" view-name="portal"/>
  37.     <mvc:view-controller path="/index.html" view-name="portal"/>
  39. </beans>

第四章：创建组件

  • EmployeeHandler.java
  1. package com.github.fairy.era.handler;
  3. import com.github.fairy.era.entity.Employee;
  4. import com.github.fairy.era.service.EmployeeService;
  5. import lombok.RequiredArgsConstructor;
  6. import org.springframework.stereotype.Controller;
  7. import org.springframework.ui.Model;
  8. import org.springframework.web.bind.annotation.GetMapping;
  10. import java.util.List;
  12. /**
  13.  * @author 许大仙
  14.  * @version 1.0
  15.  * @since 2021-11-22 13:48
  16.  */
  17. @Controller
  18. @RequiredArgsConstructor
  19. public class EmployeeHandler {
  21.     private final EmployeeService employeeService;
  23.     @GetMapping("/get/all")
  24.     public String getAll(Model model) {
  26.         // 1、查询数据
  27.         List<Employee> empList = employeeService.findAll();
  29.         // 2.存入模型
  30.         model.addAttribute("empList", empList);
  32.         return "emp-list";
  33.     }
  35. }

第五章：页面操作

5.1 首页超链接

  • portal.html
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8.     <a th:href="@{/get/all}">显示全部数据</a>
  9. </body>
  10. </html>

5.2 显示数据的页面

  • emp-list.html
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>$Title$</title>
  6. </head>
  7. <body>
  8.   <table>
  9.     <tr>
  10.       <th>id</th>
  11.       <th>lastName</th>
  12.       <th>gender</th>
  13.       <th>email</th>
  14.     </tr>
  15.     <tbody th:if="${#lists.isEmpty(empList)}">
  16.       <tr>
  17.         <td colspan="3">抱歉！没有查询到数据！</td>
  18.       </tr>
  19.     </tbody>
  20.     <tbody th:if="${not #lists.isEmpty(empList)}">
  21.       <tr th:each="emp : ${empList}">
  22.         <td th:text="${emp.id}">这里显示员工ID</td>
  23.         <td th:text="${emp.lastName}">这里显示员工lastName</td>
  24.         <td th:text="${emp.gender}">这里显示员工gender</td>
  25.         <td th:text="${emp.email}">这里显示员工email</td>
  26.       </tr>
  27.     </tbody>
  28.   </table>
  30.   <a th:href="@{/}">回首页</a>
  31. </body>
  32. </html>