SpringMVC详细入门教程（ IDEA）

阳光穿透心脏的1/2处 2022-04-10 07:26 524阅读 0赞

*我用的是IDEA 2018.3.2版本*

## 通过IDEA**建立一个简单SpringMVC项目的大致过程：** ##

*  通过IDEA新建SpringMVC项目
 *  设置运行、调试相关配置
 *  导入Spring MVC 相关类库
 *  添加 Controller【MVC的C】
 *  修改 url-pattern（web.xml）
 *  配置 component-scan（dispatcher-servlet.xml）
 *  配置 ViewResolver（dispatcher-servlet.xml）
 *  添加视图文件（.jsp）【MVC的V】
 *  通过 Model 向 View 传值    【MVC的M】

### 1.通过IDEA新建Spring MVC项目 ###

先创建项目（new project）

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70][] ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 1][]

**最后点击Finish按钮，IDEA会帮你下载需要的类库**

## **2.设置运行、调试相关配置** ##

项目建好后，并不能直接运行，Run和Debug菜单都是灰色不能点击的

要需要做一下运行和调试的相关配置

![2018122817045822.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 4][]

点开“Deployment”选项卡,继续设置,

创建Artifact，最后记得点OK保存

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 7][]

## **3. 导入Spring MVC相关类库（不一定，有时会没有自动导入，要来这里导入下）** ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 8][]

点开"Artifacts"选项卡后，上面有多出很明显的提示，缺失Spring MVC相关类库的引用

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 9][]

*如果这里没有感叹号报错的话，说明没有缺失Spring MVC相关类库的引用，可以跳过这步*

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 11][]

然后ok即可；

# **此时访问 http://localhost:8080/index.jsp，可以正常访问了** #

# **4.添加Controller  【MVC的C】** #

站点可以打开了，不过我们这个不是MVC，因为没有M、没有V也没有C

从MVC中的C（Controller）开始，继续配置

在新建Controller之前，首先要建一个包，SpringMVC是没法运行在默认包下的，按照如下方式建包，

如建的包名称为：springmvc.helloworld （其实包名随意，但是必须要有。。。）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 12][]

**再这个包下新建Java Class文件 HiController***（注意有没有加类级别的@RequestMapping，下面介绍）*

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 13][]

>     package controller;
>     
>     import org.springframework.stereotype.Controller;
>     import org.springframework.web.bind.annotation.RequestMapping;
>     
>     @Controller
>     @RequestMapping("/hi")             //类级别，这个可以没有，但加了必须在dispatcher-servlet.xml添加prefix和suffix
>     public class hiController {
>     
>     
>         @RequestMapping("/say")     //方法级别，必须要有，这个决定方法处理哪个请求
>         public String sayHi() {
>             return "index";        //这个是加了类级别的@RequestMapping 写法
>         }
>     
>         @RequestMapping("/say2")
>         public String sayHi2() {
>             return "WEB-INF/jsp/index.jsp";   //这个是没加了类级别的@RequestMapping写法
>         }
>     }

类上的注解@RequestMapping("/hi")指定 Url路径前边一部分

方法上的注解@RequestMapping("/say")指定 Url路径最后一部分

也可以只把注解写在方法上，比如@RequestMapping("/hi/say”)

要访问一下这个Controller的Action 地址应该是：http://localhost:8080/hi/say.form

# **修改 url-pattern（web.xml）** #

先打开web\\WEB-INF\\web.xml文件

有关于ServletMapping的设置，通过这个设置，可以配置那些类型的url用那些servlet来处理

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 14][]

结合这一段xml，我们可以看到,IDEA默认帮我配置了一个名字叫做dispatcher的Servlet

这个Servlet使用org.springframework.web.servlet.DispatcherServlet这个类来处理

这个Servlet对应的Url是\*.form

**如果不喜欢每个MVC Url后边都带一个form，可以改成斜杠**

![20181228174704544.png][]

## **即可以写成   http://localhost:8080/hi/say** ##

# **4. 配置 component-scan（dispatcher-servlet.xml）** #

omponent-scan就是告诉Servlet去哪里找到相应的Controller

打开 dispatcher-servlet.xml

在已经存在的<beans></beans>中间加上

>     <context:component-scan base-package="wormday.springmvc.helloworld"/>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 15][]

base-package指定的就是存放Controller的包

# **配置 ViewResolver（dispatcher-servlet.xml）** #

刚才Controller返回值必须是View的绝对路径这个事情么？一般情况下，我们是不会这样写的

网上的教程大部分也仅仅返回View的名字，比如

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 16][]

原因是一般都会在dispatcher-servlet.xml上指定如下的代码

>     
>         <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
>             
>             <property name="prefix" value="/WEB-INF/jsp/"/>
>             
>             <property name="suffix" value=".jsp"/>
>         </bean>

class 指定ViewResolver的实现的类，你可以根据不同的情况，使用不用的ViewResolver，这里指定的是 org.springframework.web.servlet.view.InternalResourceViewResolver

后边的前缀和后缀比较简单，看看就明白了

# 添加视图文件(.jsp)    【MVC的V】 #

把jsp放在web-inf下会比较安全

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 17][]

再次访问 http://localhost:8080/hi/say

应该成功了，Controller也把相应的视图找到了

# **通过 Model 向 View 传值** #

通过上面的操作，已经完成了MVC中的(V和C)，M还没见影子，继续修改

打开刚才定义的Controller 也就是 HiController.java文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 18][]

然后再打开View，也就是index.jsp文件，修改如下

>     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
>     <html>
>     <head>
>         <title>Title</title>
>     </head>
>     <body>
>     hello world,${name}
>     <br/>${url}</body>
>     </html>

到这里一个最简单的MVC项目完成了！打开地址看看吧

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70]: /images/20220402/adc160adb9104661b077b72dd5d08c7e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 1]: /images/20220402/eb1090dce1b04580871bf26e067ebafc.png
[2018122817045822.png]: /images/20220402/88fe9dcf1d244ec6a1bdb522732ef15e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 2]: /images/20220402/88d2edf93c8f4072bbaffed04e2bd20d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 3]: /images/20220402/e72103d990fd46b0bb229c817e455169.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 4]: /images/20220402/026cc5bdea244020995c119c3ecbc0c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 5]: /images/20220402/92bfac0002374c6bb9f6a2ab3bd173a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 6]: /images/20220402/32868ec84e5247c2872dcb59fb735574.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 7]: /images/20220402/4e2e5a97e9ba4c639d2091749131f701.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 8]: /images/20220402/16c0669a671b4cb39f4003c6ab4cf597.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 9]: /images/20220402/ec68ef8bc7334f2e97fd863ede1b0717.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 10]: /images/20220402/b24fcf145175449abd940c34bdcc3ca5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 11]: /images/20220402/9e796b686fd64973a4888ea6d0f5c379.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 12]: /images/20220402/2b0cf17c57fd42328cccaa350af39087.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 13]: /images/20220402/4695e313ba084d9dacd244486ac35c9a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 14]: /images/20220402/de50d83eb8364296ba1fb7ee5356329a.png
[20181228174704544.png]: /images/20220402/f6fcfc495b604591ac79d2cff5d7127a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 15]: /images/20220402/975205e9cf584e9990d2bfefffd92de9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 16]: /images/20220402/e40e79bd2b5c458fb479c5c8f1ddbdcf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 17]: /images/20220402/d7df09d1eea8445598da20f8985c640a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMDc4MTA3_size_16_color_FFFFFF_t_70 18]: /images/20220402/64d6cb66951e4426b4cf773b1abf5649.png