IDEA2022 搭建SpringMVC最新教程

ALiang_0918

已于 2022-07-27 13:58:33 修改

阅读量1.6w

点赞数 46

CC 4.0 BY-SA版权

文章标签： spring java maven mvc

于 2022-07-20 12:41:54 首次发布

本文链接：https://blog.csdn.net/LiuNengJing/article/details/125888494

本文详细介绍了如何使用IDEA创建一个Maven项目，并逐步配置SpringMVC、Thymeleaf，包括添加依赖、创建配置文件、编写控制器和视图，最终实现一个简单的Web应用。过程中涉及了web.xml的修改、视图解析器的配置以及Tomcat的部署和测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：打开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>
        <!-- SpringMVC -->
        <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>

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

第四步：修改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;

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

第七步：修改SpringMVC.xml文件

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

<context:component-scan base-package="com.test"></context:component-scan>

    <!-- 配置Thymeleaf视图解析器 -->
    <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即可