IDEA2020 创建一个SpringMVC工程

墨蓝 2022-10-29 13:28 219阅读 0赞

## 一、新建一个Java工程（按以下截图操作即可） ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 2][]

**创建完成如下图所示**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 3][]

## 二、添加SpringMVC ##

### 1、右击工程名字（再点击Add Framwork Support） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 4][]

### 2、点击添加SpringMVC（会自动下载SpringMVC所需要的包） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 5][]

**下载过程如下图：**

![20210215133846412.png][]

**都添加成功之后应该会多出一个lib文件夹（用来存放SpringMVC的依赖包）和web文件夹**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 6][]

### 3、点击idea的File=>选择项目结构（Project Structure） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 7][]

*  **3.1点击Artifacts=>Fix(在右下角)**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 8][]

*  **3.2 add以下两个依赖**

![20210215134455761.png][]

*  **3.3 都添加完之后：Fix会消失，最后一定要点击Apply然后点击ok即可**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 9][]

*  **3.4 添加成功后：项目目录会多出两个配置文件**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 10][]

## 三、添加Tomcat ##

### 1、点击下图中的Add Configuration ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 11][]

### 2、点击+号，添加Tomcat local ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 12][]

### 3、依次点击Fix=>apply=>ok ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 13][]

### 4、测试Web项目是否能部署到Tomcat上（点击运行） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 14][]

若成功浏览器会自动弹出如下页面（表示成功）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 15][]

## 四、SpringMVC文件配置 ##

### 1、web.xml修改（将\*.form换为/） ###

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 16][] ###

### 2、在WEB-INF下新建一个文件夹，并创建一个success.jsp文件 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 17][]

success.jsp内容如下

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    成功！
    </body>
    </html>

### 3、控制器编写（在src目录下新建一个java文件，需要包名） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 18][]

MyFirstController.java文件编写如下

@Controller
    public class MyFirstController {
        //访问路径
        @RequestMapping("/hello")
        public String myFirstRequest(){
            System.out.println("请求收到了...正在处理中");
            //视图解析器
    //        <property name="prefix" value="/WEB-INF/pages/"></property>  前缀
    //        <property name="suffix" value=".jsp"></property>             后缀
            return "success";            //实际上是 "/WEB-INF/pages/success.jsp"
        }
    }

### 4、dispatcher-servlet.xml配置 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 19][]

配置代码如下：

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
        <context:component-scan base-package="com.atguigu.controller"></context:component-scan>
        
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="prefix" value="/WEB-INF/pages/"></property>
            <property name="suffix" value=".jsp"></property>
        </bean>
    </beans>

## 五、测试第一个SpringMVC ##

### 1、修改index.jsp ###

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$</title>
      </head>
      <body>
      <a href="hello">跳转到success页面</a>
      </body>
    </html>

### 2、点击运行 ###

![20210215141654864.png][]

### 3、在弹出的页面中点击跳转到success页面 ###

![20210215141813227.png][]

### 4、跳转成功表示SpringMVC工程创建成功了 ###

![20210215141920309.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70]: /images/20221024/ba7a5eaa792c4b159100c8c7b2a89dd3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 1]: /images/20221024/fed7322aa25f47649082329dae55450e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 2]: /images/20221024/f938a4737b1c48e88c5d1bc33c31247c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 3]: /images/20221024/0c8f5a6338e9470f9e325558b17f3d33.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 4]: /images/20221024/1f9058d04d064454bb3536ff1cd047ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 5]: /images/20221024/7e7f8dbf46614be1a3ba54650997a8a4.png
[20210215133846412.png]: /images/20221024/5f43370344bb484293511ecd59f8a20e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 6]: /images/20221024/f2203fd00a474d6f9b34f28bc47a607f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 7]: /images/20221024/0a8312b2434f41b9b19f807ad2e270a5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 8]: /images/20221024/fd50d93e7a0b409686193297692d0bee.png
[20210215134455761.png]: /images/20221024/fb8eef40af754b7d8fa747343e2d4569.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 9]: /images/20221024/af212ce80a5042629a4d062f1bcf89b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 10]: /images/20221024/ee9d1c26e7bc44828bd2bc973f8c67ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 11]: /images/20221024/82ed26c401124b7ab144798c86c44201.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 12]: /images/20221024/e25f4bd12327443ca6f66ea0e18d8451.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 13]: /images/20221024/c516cc7f06da4a1ea71dca22f7961e4a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 14]: /images/20221024/d4bc159ffced49d19d6f9b85bab1936b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 15]: /images/20221024/eebd95f647d946f7b05f3e05e801915e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 16]: /images/20221024/6f92d075fee64bb1bf3c6de344d09595.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 17]: /images/20221024/8dac9cd97a234d05bf1735cae9467aa3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 18]: /images/20221024/69db0f3e8add48579fd04671540af79e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODkwMzcw_size_16_color_FFFFFF_t_70 19]: /images/20221024/71d4668f3d4347158712b5a2a350b8b1.png
[20210215141654864.png]: /images/20221024/35b564b8a493457b9959d5f1ee6039cf.png
[20210215141813227.png]: /images/20221024/290b58d4b1434fdb8175d1fe36000465.png
[20210215141920309.png]: /images/20221024/0c656908029d4835a475d14985397f58.png