官方文档：https://docs.spring.io/spring-framework/docs/current/reference/html/web.html#spring-web

Spring MVC 是Spring为展现层提供的基于 MVC 设计理念的优秀的web框架，支持 Rest 风格的 URL 请求。

  • M：Model，业务模型，负责完成业务中的数据通信处理，对应项目中的service和dao
  • V：View，渲染数据，生成页面，对应项目中的页面模板
  • C：Controller，直接对接请求，控制MVC流程，调度模型，选择视图，对应项目中的Servlet

简单使用

1、idea 创建Maven项目，导入Maven依赖：由下图可知 spring-webmvc 依赖已经导入了spring的基础依赖，因此只需在maven中导入 spring-webmvc 的依赖即可
image.png

  1. <dependencies>
  2.   <!-- servlet编译环境，采用4.0版本 -->
  3.   <dependency>
  4.     <groupId>javax.servlet</groupId>
  5.     <artifactId>javax.servlet-api</artifactId>
  6.     <version>4.0.1</version>
  7.     <scope>provided</scope>
  8.   </dependency>
  10.   <!-- spring-webmvc含有spring和web的相关依赖 -->
  11.   <dependency>
  12.     <groupId>org.springframework</groupId>
  13.     <artifactId>spring-webmvc</artifactId>
  14.     <version>5.2.9.RELEASE</version>
  15.   </dependency>
  16. </dependencies>
  18. <build>
  19.   <plugins>
  20.     <plugin>
  21.       <groupId>org.apache.maven.plugins</groupId>
  22.       <artifactId>maven-compiler-plugin</artifactId>
  23.       <version>3.8.1</version>
  24.       <configuration>
  25.         <encoding>utf-8</encoding>
  26.         <source>1.8</source>
  27.         <target>1.8</target>
  28.       </configuration>
  29.     </plugin>
  30.   </plugins>
  31. </build>

2、web项目，打包成war包，在pom.xml文件中进行配置
image.png

3、创建 web 目录：在 main 目录下创建 webapp 文件夹，然后再 webapp 文件夹内创建 WEB-INF 文件夹

  • webapp 目录就是 web 目录，里面存放动态、静态资源和配置文件，如 jsp、css、html等
  • WEB-INF 目录下只有一个文件，就是web的配置文件：web.xml

image.png

4、idea自动生成 web.xml：

  • 【File】->【Project Structure】

    image.png

  • 【Modules】->选择当前项目下的 web 文件夹，然后点击右边的加号，选择 web.xml

屏幕截图 2020-11-24 221919.png

  • 调整 web.xml 文件的位置，然后依次点击 OK 即可

    屏幕截图 2020-11-24 221919.png

5、在 web.xml 中进行配置前端控制器：dispatcherServlet，前端控制器的作用如下

  • 前端，负责接受所有请求
  • 加载mvc.xml，启动 Spring MVC 工厂

  • Spring MVC 流程调度

    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 http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
    5.        version="4.0">
    7.   <!-- 前端控制器:
    8.       1.控制SpringMVC的一切行为
    9.       2.启动springMVC工厂
    10.   -->
    11.   <servlet>
    12.       <servlet-name>springDispatcherServlet</servlet-name>
    13.       <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    14.       <init-param>
    15.           <!-- 配置spring-mvc配置文件位置 -->
    16.           <param-name>contextConfigLocation</param-name>
    17.           <param-value>classpath:spring-mvc.xml</param-value>
    18.       </init-param>
    19.       <!-- 在tomcat启动时加载该servlet -->
    20.       <load-on-startup>1</load-on-startup>
    21.   </servlet>
    23.   <!-- 设置接受所有请求 -->
    24.   <servlet-mapping>
    25.       <servlet-name>springDispatcherServlet</servlet-name>
    26.       <url-pattern>/</url-pattern>
    27.   </servlet-mapping>
    28. </web-app>

6、idea 自动生成 Spring MVC 配置文件：spring-mvc.xml

  • 默认名称：核心控制器名-server.xml
  • 默认位置：WEB-INF
  • 常用名称：mvc.xml

  • 常用位置：resources

    屏幕截图 2020-11-24 221919.png

7、编写一个简单的后端控制器：

  1. @Controller // 声明控制器
  2. public class MvcController {
  4.     @RequestMapping(value = "/hello", method = RequestMethod.GET)
  5.     public String hello() {
  6.         return "hello";
  7.     }
  8. }

8、在spring-mvc配置文件中配置注解扫描、注解驱动、视图解析器等，同时在 webapp/WEB-INF/ 下创建一个 views 目录，再在该目录中创建一个 hello.jsp

注意看约束条件，tomcat启动时如果报错 No bean named ‘cacheManager’ is defined 错误，则说明约束文件有误（Spring的xml文件中使用到tx标签，idea工具默认引入cache命名空间）

  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.        xmlns:mvc="http://www.springframework.org/schema/mvc"
  6.        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 http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
  8.     <!-- 配置扫描路径 -->
  9.     <context:component-scan base-package="top.songfang.controller"/>
  11.     <!-- 注解驱动 -->
  12.     <mvc:annotation-driven/>
  14.     <!-- 视图解析器 -->
  15.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  16.         <!-- 前缀 -->
  17.         <property name="prefix" value="/WEB-INF/views/"/>
  18.         <!-- 后缀 -->
  19.         <property name="suffix" value=".jsp"/>
  20.     </bean>
  21. </beans>

9、配置 tomcat：

  • 【Add Configuration】

image.png

  • 加号，下拉，展开 tomcat server，选择 Local

image.png

  • 切换到【Deployment】标签，点击旁边的加号，选择【Artifact…】

image.png

  • 在弹出窗口中，选择 war exploded，点击 OK

image.png

  • 在【Deployment】的OK上面有一栏 Application Context，可以自定义一个简单的应用路径

image.png

  • 点击右侧的笔按钮，如果相关依赖没有自动导入，则全选后右键，选择【Put into /WEB-INF/lib】

image.png

10、运行，访问http://localhost:8080/demo/hello