1. 新建一个maven项目，添加web的支持

创建一个maven项目后，光标移动到项目名上右击，再点击Add Framework Support
在这里插入图片描述
勾选Web应用

配置Tomcat

整个案例目录结构：

运行原理：

2. 在pom.xml文件中导入相关依赖

pom.xml文件：

<dependencies>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.1.9.RELEASE</version>
        </dependency>
</dependencies>

3. 在web.xml 注册 SpringMVC 提供的 DispatcherServlet

web.xml文件：

<?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_4_0.xsd"
         version="4.0">

    <!-- 注册 DispatcherServlet到web.xml-->
    <servlet>
        <servlet-name>DispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

        <!--关联一个SpringMVC的配置文件-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc-servlet.xml</param-value>
        </init-param>

        <!--服务器启动的时候就启动-->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!--
       /  匹配所有的请求，不包括 .jsp
       /*  匹配所有的请求，包括 .jsp
   -->
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

4. 编写SpringMVC 的配置文件

在resources目录下创建springmvc-servlet.xml配置文件

在此配置文件的头文件上添加命名空间context和mvc，以及它们对应的约束文件
在这里插入图片描述
springmvc-servlet.xml文件：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       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/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">


    <!--以下均为 固定配置！-->
    <!-- controller层：控制层，用于和前端交互-->
    <!--扫描包配置-->
    <context:component-scan base-package="com.zz.controller"/>
    <!--注解驱动开启-->
    <mvc:annotation-driven/>
    <!--在web开发中，一般存在静态资源，如css,js,img... 交给springmvc管理-->
    <mvc:default-servlet-handler/>

    <!--重点：视图解析器-->
    <!--前缀和后缀 ：自动拼接资源的完整路径-->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

5. 编写 jsp页面

在WEB-INF目录下创建一个存放自己页面的目录，如views，在里面编写页面，如hello.jsp
hello.jsp文件：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Hello</title>
</head>
<body>

<h1>hello</h1>

</body>
</html>

6. 编写controller

在java目录下编写controller层，创建HelloController类
注解解释：
@Controller //可以跳转页面
@RestController //不可以跳转页面，只能返回对应的文本内容
@RequestMapping("/hello") //对应前端请求的路径

HelloController文件：

package com.zz.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HelloController {
    //只要去访问hello()方法，就会跳转到hello,并且会自动拼接前缀和后缀,即 /WEB-INF/views/hello.jsp

    @RequestMapping("/hello")
    public String hello(){
        System.out.println("aaaaa");
        return "hello";
    }
}

7. 测试

点击Tomcat运行，在地址栏输入hello后，发现404错误
在这里插入图片描述
解决方法：需要手动创建一个lib目录，再把所有依赖到lib目录下

在这里插入图片描述

依赖导入完毕后，重启Tomcat，在地址栏输入hello后，测试成功！

在这里插入图片描述
同时在控制台输出了 aaaaa

此外，还可以给前端传递值，在hello()方法里添加参数model，如传递 Hello,SpringMVC!

@RequestMapping("/hello")
    public String hello(Model model){
        System.out.println("aaaaa");
        model.addAttribute("msg","Hello,SpringMVC!");
        return "hello";
    }

hello.jsp里添加EL表达式的标签

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Hello</title>
</head>
<body>

<h1>hello</h1>

<h1>${msg}</h1>

</body>
</html>