1.首先创建一个普通的Java工程，然后一直next，最后取名springMVC（名字随意）点finish

2.右键点击新创建的工程new一个module，然后选择Maven

然后点next起名字，点击展开Artfact Coordinates把Groupld改为com.atguigu.mvc,再点finish.

3.添加依赖：在pro.xml中添加以下依赖（直接复制代码即可）

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.atguigu.mvc</groupId>
    <artifactId>springMVC-demo1</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <dependencies>
        <!-- SpringMVC -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.1</version>
        </dependency>

        <!-- 日志 -->
        <dependency>
            <groupId>ch.qos.logback</groupId>
            <artifactId>logback-classic</artifactId>
            <version>1.2.3</version>
        </dependency>

        <!-- ServletAPI -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>

        <!-- Spring5和Thymeleaf整合包 -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.12.RELEASE</version>
        </dependency>
    </dependencies>


</project>

如图所示：

 4.添加web模块：在src下的main右键new一个Directory名字为webapp（名字固定）（注意如果完成第四步后webapp文件夹没有小蓝点，点击项目右上角maven刷新按钮即可）

 添加web.xml：在Project Structure中点击Modules，在刚刚新建的module下选择web，之后点击下图所示的加号添加web.xml文件，并且将路径中springMVC-demo3（自己起的module名字）后的路径改为\src\main\webapp\WEB-INF\web.xml（）（直接复制即可，注意这不是整个路径，而是只改你自己起的module名字后面的路径），修改完毕后点击ok，再点击右下角的apply，最后点击ok。

 5.配置web.xml:直接复制以下代码粘贴至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">

    <!--配置springMVC的编码过滤器-->
    <filter>
        <filter-name>CharacterEncodingFilter</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>forceResponseEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

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

如图所示：

 6.创建控制器：在main下的java文件夹添加一个名为mvc.controller.TestController类，并将以下代码复制到类中

@Controller
public class TestController {
    
}

 如图所示：

7.配置springMVC文件：在main下的resources文件夹右键new一个xml中的spring config文件，取名叫springMVC.xml

 将以下代码复制到springMVC.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 https://www.springframework.org/schema/context/spring-context.xsd">

    <!--扫描组件-->
    <context:component-scan base-package="mvc.controller"></context:component-scan>
    <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!-- 视图前缀 -->
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <!-- 视图后缀 -->
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8" />
                    </bean> </property> </bean>
        </property>
    </bean>
</beans>

8.创建页面文件夹：在webpp下的WEB-INF下创建一个名为templates（名字固定）的文件夹，在templates下右键new一个名为index.html的HTML5文件，将以下代码复制到index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>首页</h1>
</body>
</html>

如图所示：

 9.实现跳转到首页的功能：复制以下代码到TestController类中

@Controller
public class TestController {

    @RequestMapping("/")
    public String index(){
        return "index";
    }
}

10.配置tomcat（需要修改的地方都已标出，其他地方可改可不改）

 点击加号部署，选择下图所示的（...:war wxploded）,修改路径点击apply

 11.点击debug或者run运行成功

跳转成功