IDEA2022.2 搭建SpringMVC框架超详细教程

最新推荐文章于 2024-05-01 19:48:58 发布

ALiang_...

最新推荐文章于 2024-05-01 19:48:58 发布

阅读量6.4k

点赞数 14

文章标签： java maven mvc

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

版权

IDEA2022.2搭建SpringMVC框架

使用的工具：IDEA2022.2,Maven

创建一个IDEA项目

在这里插入图片描述

创建一个Maven Module

在这里插入图片描述
点击Module 创建一个新的Module，这里一定要选择Maven，这里手动创建Maven项目，也可以通过Maven Archetype创建，通过Archetype创建Maven项目的目录没有手动创建的全，需要自己手动补齐目录

添加项目打包方式和依赖文件

打开pom.xml文件进行修改，修改完后点击右上角的m小图标刷新一下
在这里插入图片描述

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

创建webapp文件夹

在src\main\目录下创建一个webapp文件夹

在这里插入图片描述

添加web.xml文件

点击File–>Project Structure–>Facets–>web
在这里插入图片描述
修改web.xml文件的位置，将其放在webapp目录下
src\main\webapp

在这里插入图片描述
生成的目录文件如下图即是正确的

在web.xml文件中配置Servlet

如图
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文件

在这里插入图片描述

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

    <mvc:view-controller path="/" view-name="index"></mvc:view-controller>

这里爆红并没有什么影响，不用在意，这里配置了mvc:view-controller 就可以不用去创建controller类响应了
在这里插入图片描述

创建index.html页面验证是否配置成功

在WEB-INF下创建一个文件夹，文件夹的名称必须是templates，因为在上面的SpringMVC.xml文件中配置的视图解析器的路径是/WEB-INF/templates/，然后在templates目录下创建一个index.html的页面，HTML文件的名字也必须为index，在view-controller中配置的view-name是index，响应的也就是index.html页面，如果创建的是**.html，那么只需要将视图名称更改成同名的即可
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>SpringMVC</h1>
</body>
</html>

将web服务部署到本地Tomcat

在这里插入图片描述
点击+号选择Tomcat–>local

选择Deployment进行部署

部署完成点击apply–>Ok即可
再启动Tomcat进行验证是否部署成功

部署成功

在这里插入图片描述
个人总结：
这一次的部署是自己手动创建Maven项目进行配置的，其余的配置方式我用过，都有一些缺点。例如使用Maven模板创建Maven项目就需要自己手动创建部分目录，然后还有关于web application的问题，我自己一开始也是在创建Maven项目后，在还没有添加依赖的时候，直接右击Module进行Add Framework Support，这样的其实也是可以的，但是有一个致命的缺点，这样创建的web文件夹是在Module目录下的，当在pom.xml文件中添加打包方式进行刷新的时候，这个时候就会发现web目录上的小蓝点消失了，然后接下来部署也会出问题。
以上是我个人见解，如有错误，请及时提出。