IDEA2022 搭建SpringMVC最新教程

配置webapp

ALiang_...

13970人浏览 · 2022-07-20 12:41:54

ALiang_... · 2022-07-20 12:41:54 发布

第一步：打开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即可

第九步：配置Tomcat

在这里插入图片描述

点击+号，找到Tomcat Server 点击Local

点击Deployment 点击+号添加Artificat

按上图操作好后点击apply —>ok 然后点击运行即可查看是否部署成功

第十步：测试

在这里插入图片描述
可以看到，最后运行后是可以打开index.html页面的，即确定SpringMVC搭建成功
如果在搭建的过程中发现web文件夹上的小蓝点消失，请参考springmvc webapp搭建

AtomGit 开源协作平台测评赛

瓜分20万奖金获得内推名额丰厚实物奖励易参与易上手

更多推荐

mac 使用brew卸载安装node

mac 使用brew卸载安装node卸载1. 查看当前安装的node版本：node -v2. 卸载node：brew uninstall node@版本号 --force比如安装的是12.18.1，使用brew uninstall node@12 --force。还有另外两种现在不能用的方法：使用brew uninstall node，会报错：Error: No such keg: /usr/lo