第一步：打开IDEA新建一个Project

第二步：创建Maven工程

这里手动创建Maven项目，也可以通过Maven Archetype创建，通过Archetype创建Maven项目的目录没有手动创建的全

第三步：Add Framework Support

鼠标右击刚刚创建的Maven Moudle，点击下边的add framework support

勾选Web Application(4.0)，点击ok即可添加web框架

添加完后，可以看到创建的Maven项目目录发生了变化

这样就不需要手动创建webapp文件夹并且添加web.xml文件

第四步：添加依赖

在pom.xml文件中添加依赖

<dependencies><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.3.21</version></dependency><dependency><groupId>ch.qos.logback</groupId><artifactId>logback-classic</artifactId><version>1.2.3</version></dependency><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version><scope>provided</scope></dependency><dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring5</artifactId><version>3.0.12.RELEASE</version></dependency></dependencies>

第四步：修改web.xml文件

如图
classpath:SpringMVC.xml 爆红，是因为没有在resources目录下创建spring核心配置文件

<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>

第五步：创建SpringMVC.XML文件

在src/main/resources文件目录下创建SpringMVC.XML文件

第六步：创建TestController类

package com.test;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;@Controllerpublic class TestController {@RequestMapping("/")public String index(){return "index";}}

第七步：修改SpringMVC.xml文件

添加包扫描
配置Thymeleaf视图解析器

<context:component-scan base-package="com.test"></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>

第八步：创建index.html页面

在上一步配置thymeleaf视图解析器的时候指定了视图前缀，那么就需要在WEB-INFO目录下新建一个templates目录，然后在templates目录下新建一个index.html页面

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1>Success</h1></body></html>

第八步：查看jar包是否添加

点击左上角的File,再点击Project Structrue

这里可以看到WEB-INFO下并没有lib文件夹，如果不创建lib文件夹，添加jar包，打包在Tomcat上运行的话，则会报ClassNotFoundException

添加lib文件夹

添加jar包

再点击右下角带apply—>ok即可