手把手教你在IDEA中创建一个Maven+Spring MVC的入门项目

我不是女神ヾ 2022-09-10 05:26 133阅读 0赞

### 文章目录 ###

*   *   *   *  1. 创建web项目，导入SpringMVC相关坐标
             *  2. 配置SpringMVC前端控制器DispatcherServlet
             *  3.编写Controller类和视图页面
             *  4.使用注解配置Controller类中业务方法的映射地址
             *  5.配置SpringMVC核心文件spring-mvc.xml

--------------------

**步骤分析**

> 1.  创建web项目，导入SpringMVC相关坐标
> 2.  配置SpringMVC前端控制器 DispathcerServlet
> 3.  编写Controller类和视图页面
> 4.  使用注解配置Controller类中业务方法的映射地址
> 5.  配置SpringMVC核心文件 spring-mvc.xml

#### 1. 创建web项目，导入SpringMVC相关坐标 ####

![在这里插入图片描述][dc14c9c29c2a42e9a73377b604fa2aac.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
项目创建完毕，目录结构如图所示。但是目前只是一个普通的jar工程，那么如何将它转换成一个web工程呢？  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
1）首先，在pom.xml文件中将打包方式从默认的jar包改成war包

<packaging>war</packaging>

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
2）在main目录下创建**webapp**目录  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
![在这里插入图片描述][ebc752a3d17b4df0898b471449684e88.png]  
![在这里插入图片描述][de9d1b54f34c46afbc8657c01a6f074b.png]  
创建webapp目录后，此目录上会有一个蓝色圆点图标，表示这是一个资源文件。PS：如果没有蓝色圆点，可刷新一下maven依赖。  
![在这里插入图片描述][d3ed7527585248578e209255ddbf5dd7.png]  
3）点开工具栏的 Project Structure, 配置生成 **WEB-INF** 目录和**web.xml**文件  
![在这里插入图片描述][6e84505eadb948e0a45ec18520410593.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 5]  
![在这里插入图片描述][5a168a6bedc84d8b97698d4f9f547b10.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 6]  
注意，如果生成后的WEB-INF不在webapp目录下，需要将WEB-INF目录移动到webapp目录下  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_9_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][866185aa1149495b83b4f11d8a5f0467.png]  
4）在pom.xml中导入SpringMVC相关坐标  
pom.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>org.zwt</groupId>
        <artifactId>springmvc_quickstart</artifactId>
        <version>1.0-SNAPSHOT</version>
    
        
        <packaging>war</packaging>
    
        
        <dependencies>
            
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>5.1.5.RELEASE</version>
            </dependency>
            
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>javax.servlet-api</artifactId>
                <version>3.1.0</version>
                <scope>provided</scope>
            </dependency>
            
            <dependency>
                <groupId>javax.servlet.jsp</groupId>
                <artifactId>jsp-api</artifactId>
                <version>2.2</version>
                <scope>provided</scope>
            </dependency>
        </dependencies>
    
    </project>

导入后刷新maven  
![在这里插入图片描述][d3ed7527585248578e209255ddbf5dd7.png]

#### 2. 配置SpringMVC前端控制器DispatcherServlet ####

web.xml

#### 3.编写Controller类和视图页面 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 7]  
/WEB-INF/pages/ success.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>succuss</title>
    </head>
    <body>
        <h3>Spring MVC入门成功</h3>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_11_color_FFFFFF_t_70_g_se_x_16]  
UserController.java

public class UserController { 
    
        public String quick() { 
            // 业务逻辑
            System.out.println("quick running......");
            // 视图跳转
            return "/WEB-INF/pages/success.jsp";
        }
    }

#### 4.使用注解配置Controller类中业务方法的映射地址 ####

UserController.java

@Controller
    public class UserController { 
        
        @RequestMapping("/quick")
        public String quick() { 
            // 业务逻辑
            System.out.println("quick running......");
            // 视图跳转
            return "/WEB-INF/pages/success.jsp";
        }
    }

#### 5.配置SpringMVC核心文件spring-mvc.xml ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_11_color_FFFFFF_t_70_g_se_x_16 1]  
spring-mvc.xml

ps：目前没有整合Spring，对象是存到了Spring MVC所创建出来的IOC容器中

至此，项目初创建完成。  
就算将此项目部署到tomcat启动，也是无法访问到quick方法的，因为虽然编写了spring-mvc的配置文件，又配置了注解扫描，但是**sping-mvc.xml是没有被加载的**，所以，要借助**DispatcherServlet**前端控制器完成对spring-mvc.xml文件的加载。  
怎么配置呢，主要通过新增 init-param 标签和 load-on-startup标签：  
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">
    
        
        <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:spring-mvc.xml</param-value>
            </init-param>
    
            
            <load-on-startup>2</load-on-startup>
        </servlet>
        
        <servlet-mapping>
            <servlet-name>DispatcherServlet</servlet-name>
    
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    </web-app>

好了，现在就可以将应用部署到tomcat了。  
![在这里插入图片描述][392938c9319c4a7db338e51485d789ed.png]  
![在这里插入图片描述][bbd13ee8c1e949d0825de455f0724451.png]  
![在这里插入图片描述][fa2f690db83840a3b8080f1e702c4b1d.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 9]  
![sdnimg.cn/9b52735333f14acd91112a8aa7fd0c21.png?x-oss-process=image/watermark,type\_ZHJvaWRzYW5zZmFsbGJhY2s,shadow\_50,text\_Q1NETiBA5qC85a2Q6KGrMTEx,size\_20,color\_FFFFFF,t\_70,g\_se,x\_16)][sdnimg.cn_9b52735333f14acd91112a8aa7fd0c21.png_x-oss-process_image_watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][edd727b5938749a1a676458636ede860.png]  
![在这里插入图片描述][c2b0f9ceb409411c8c708874abdf70cf.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 10]  
因为我们在创建项目的时候，修改了pom.xml，所以，需要将编译级别改成所安装的版本(默认是jdk5)  
Project Structure | Project Settings | Modules  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 11]  
改成11，我当前的 jdk版本  
![在这里插入图片描述][40d97fa7f2934cbdbd83ea6f875de0fe.png]  
File | Settings | Build, Execution, Deployment | Compiler | Java Compiler  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 12]  
启动服务  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_18_color_FFFFFF_t_70_g_se_x_16]  
启动成功  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 13]  
在浏览器访问项目路径  
![在这里插入图片描述][82c207c98a364e429d32abb8c074b6b8.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 14]  
[源码下载][Link 1]

[dc14c9c29c2a42e9a73377b604fa2aac.png]: /images/20220829/24b733f90df342c38eeae8d93a504dfc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/43ef6309f7dc477c8e6142d464271c3d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/61ed1e30ba144ea2a6e43194492734d4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220829/77be24d9981940b6a388034331fbb528.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220829/64df9736b2d44895aaba9b7f5d137632.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220829/b75bfb1c495b4bab9770e765de24f5e5.png
[ebc752a3d17b4df0898b471449684e88.png]: /images/20220829/1563de09a64e4e17aa13d678da847e00.png
[de9d1b54f34c46afbc8657c01a6f074b.png]: /images/20220829/704f09b2585c448dbc6d6afaedf706b9.png
[d3ed7527585248578e209255ddbf5dd7.png]: /images/20220829/bcd9c7abc612443aa62c5323d7631ee3.png
[6e84505eadb948e0a45ec18520410593.png]: /images/20220829/943f5d7505024a55bc59cf3c4160a5be.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220829/d87248ee5c1b4dfd9b09d875abb1278e.png
[5a168a6bedc84d8b97698d4f9f547b10.png]: /images/20220829/9d0fd7537e96420a8c0f784f8372e4f7.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220829/1a40046a72dd4c46863f7251635be240.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_9_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/b064681710c944c28c440ce54f45d031.png
[866185aa1149495b83b4f11d8a5f0467.png]: /images/20220829/09f9e5b285fe45609a4df0989d55ef38.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220829/32f3b8e32ee54052a79568c82d0394f5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_11_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/c0e353f3ff2643868282e8769c1273c9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_11_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/8c3c1f7f1132475d8f147f75b35b5e89.png
[392938c9319c4a7db338e51485d789ed.png]: /images/20220829/f229f441110140b2a6ec5066e51ff67d.png
[bbd13ee8c1e949d0825de455f0724451.png]: /images/20220829/5cb5521f3143454e9a1263bb3297233b.png
[fa2f690db83840a3b8080f1e702c4b1d.png]: /images/20220829/962020a5eb4045b99b71831f0143bfa4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220829/344811cb78d14e0e939e7ed10d2c2064.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220829/f0a442401013413bba5b500a3e616e62.png
[sdnimg.cn_9b52735333f14acd91112a8aa7fd0c21.png_x-oss-process_image_watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/f878708eaa374ea4a20068c6b9319ab1.png
[edd727b5938749a1a676458636ede860.png]: /images/20220829/0b9c0b653ad440e78abf47e7b27cf58a.png
[c2b0f9ceb409411c8c708874abdf70cf.png]: /images/20220829/d68f8d6ca775437dba914f94e6647c02.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220829/26fbd169b5d1443ba3866cbee1fe7b88.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220829/cef30a757f644f84b3534c9847508de8.png
[40d97fa7f2934cbdbd83ea6f875de0fe.png]: /images/20220829/cec1cbcd231e4e0ab0540d9805e8f01e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220829/d91d72cbfd1e47f0b6cd985278dbca2c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/9453831e1b514bc7abbedb3028ee9f07.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220829/abe622a01bc0410c9a3761c9ac64e9cc.png
[82c207c98a364e429d32abb8c074b6b8.png]: /images/20220829/964366052b2e4c4c8544fc6501c75464.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5qC85a2Q6KGrMTEx_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220829/154920b167e144f5a2e513bc479434d3.png
[Link 1]: https://gitee.com/JavaLearningRecord/java-demo/tree/master/SpringMVC/springmvc_quickstart