使用IDEA构建第一个springMVC项目Helloworld

一时失言乱红尘 2022-04-23 02:22 312阅读 0赞

刚接触springMVC，写一篇博客记录一下，以免后面就忘掉了。。。

## 一、新建spring mvc ##

使用IDEA的话可以很快的搭建起一个spring MVC的项目模版，很多需要的配置文件以及目录结构IDEA都会帮我们生成。

首先新建一个工程，选择spring-->spring MVC，如果选择了download，IDEA会帮我们下载需要的库。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70][]

给项目起一个名字

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 1][]

点击finish之后，IDEA会帮我们下载库，下载完成之后就能看到工程的详细目录以及其中包含的文件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 3][]

## 二、配置项目 ##

点击菜单栏的run-->edit configuration

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 4][]

选择tomcat local

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 5][]

先打开server选项卡，给服务器起一个名字，选择tomcat的路径，还可以选个默认浏览器什么的，其他的暂时不需要改动。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 6][]

然后打开Deployment选项卡，创建Artifact

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 7][]

如果最后如下图所示的话就OK了 ，最后apply 点击OK即可。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 8][]

从工程目录中我们可以看到，工程中包含一个index.jsp文件，我们可以试着运行一下这个项目，看能不能出现index页面，如果试过之后会发现，其实这时候服务都没有启动，看一下输出日志，可以发现是因为spring的原因，再去环境配置看看。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 9][]

打开project structure，artifacts会发现配置有报错的地方，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 11][]

解决这个问题点击fix（看上图）将对应的库加载进来就可以了，apply，点击OK即可。

![20190123104532126.jpg][]

这时候再次运行该项目，就可以看到index已经运行出来。

![20190123104714424.jpg][]

## 三、 添加controller ##

到此位置，只是配置了一下环境，测试了在当前环境下能运行jsp文件，还没有MVC的东西出现，现在就开始添加controller。在src下面新建一个包，名字可以任意但包是一定要建的，因为springMVC是没办法运行在默认包下面的，我这里叫做horizonhui.mvc.controller

![20190123104837847.jpg][]

在该包下面新建一个class文件，HelloController。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 12][]

代码如下：

在这段代码中，包含几个注解，@Controller就声明了这是一个控制器，@RequestMapping说明了url路径。

package horizonhui.mvc.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    @RequestMapping("mytest")
    public class HelloController {
        @RequestMapping("/hello")
        public String hello(){
            return "/WEB-INF/jsp/hello.jsp";
        }
    }

上面我直接写了一个jsp文件的路径，但是我们前面并没有建立这样一个jsp文件，所以我们在WEB-INF下新建一个jsp目录，然后新建一个hello.jsp文件。Spring并不限制你必须创建在WEB-INF下，但是这样更安全，因为WEB-INF目录用户是不能直接访问的，毕竟View里边可能会有一些代码

![20190123105747438.jpg][]

<%--
      Created by IntelliJ IDEA.
      User: Horizonhui
      Date: 2019/1/23
      Time: 10:13
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        Hello World!
    </body>
    </html>

此时我们可以通过[http://localhost:8080/mytest/hello.form][http_localhost_8080_mytest_hello.form]这个url来访问hello.jsp，至于form是个什么东西，我们去看web.xml文件，在url-pattern中指明了\*.form，当然我们可以改。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 13][]

将url-pattern改为/即可 ，这样我们就可以通过这个访问[http://localhost:8080/mytest/hello][http_localhost_8080_mytest_hello.form]

![2019012310594227.jpg][]

但是，大家可能已经发现了，不管是更改之前还是更改之后，都是404.。。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 14][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 15][]

在这里，其实我们访问的url没错，不管是有没有form，这不是问题所在，我们时尝试通过controller来访问的jsp，controller所在的包也是我们自己建的，说到这你可能知道了，spring找不到我们的controller。从上面的web.xml可以看到，IDEA默认帮我配置了一个名字叫做dispatcher的Servlet，这个Servlet使用org.springframework.web.servlet.DispatcherServlet这个类来处理，那我们就去找dispatcher-servlet.xml这个文件。在beans里面加上这段，指明我们的controller在哪。

<context:component-scan base-package="horizonhui.mvc.controller"/>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 16][]

到这，再次试一下访问hello.jsp，可以发现helloworld已经出现了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 17][]

其实，上面我们建的hello.jsp就已经时属于view的部分了，我们在建立controller的同时就将view建立出来了，但是一般来说Controller代码的返回值是成字符串“hello”就可以了，不需要.jsp,也不需要前边的路径，而我们返回的是“/WEB-INF/jsp/hello.jsp” ，这就要在配置文件中设置前缀和后缀了。

## 四、进一步配置dispatcher ##

还是找到dispatcher-servlet.xml，配置ViewResolver，加入以下代码，指明前缀和后缀，这里改了不要忘记该controller的返回值。 class 指定ViewResolver的实现的类，你可以根据不同的情况，使用不用的ViewResolver，这里指定是 org.springframework.web.servlet.view.InternalResourceViewResolver

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 18][]

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

此时我们就可以直接返回“hello”了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 19][]

## 五、通过 Model向View传值 ##

将controller文件改成如下代码，通过建立一个Model向View传值

package horizonhui.mvc.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    @RequestMapping("mytest")
    public class HelloController {
        @RequestMapping("/hello")
        public String hello(Model model){
            model.addAttribute("name","horizonhui");
    
            //return "/WEB-INF/jsp/hello.jsp";
            return  "hello";
        }
    }

同时更改hello.jsp文件，接收来自controller的值

此时，再次运行该工程，就可以看到jsp页面中显示了从controller过来的值，至此一个简单的springMVC项目就完成了，最初生成的index.jsp其实我们就在也没有用到了。

![20190123111910962.jpg][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70]: /images/20220323/c20fa3223ac247e0baf7dcede164b9bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 1]: /images/20220323/e171327ab3864a598aa4763e11c6e1a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 2]: /images/20220323/bfcdefa48df44b4081146a4283ac182a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 3]: /images/20220323/587da0497e154a8dbab11b926fc3e2ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 4]: /images/20220323/6ea5d67a09684ce4970737e2bd6f7911.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 5]: /images/20220323/caabbdb382404e29b9cc3faa1292133a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 6]: /images/20220323/b87dfbd130f8468d8585bf022c69a162.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 7]: /images/20220323/d778b2db0229482197a35b7d186c5207.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 8]: /images/20220323/d6b61deeb45548919326fd85f20be33e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 9]: /images/20220323/ce645f39a32a4115ab54e2f5cd178627.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 10]: /images/20220323/e13013dd82e24eedbe2febcd0ab2ab71.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 11]: /images/20220323/47ee9c56d66b42be914e36ae54fe9407.png
[20190123104532126.jpg]: /images/20220323/8ee3378175cd4a6985a9f11ddfe62c65.png
[20190123104714424.jpg]: /images/20220323/66a864e7c7c648debe744be6c6f54b48.png
[20190123104837847.jpg]: /images/20220323/6890659371b045ae835d55706b590ae4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 12]: /images/20220323/7b2807c227c94d418ece66183d7e246d.png
[20190123105747438.jpg]: /images/20220323/cdecae7e64c842d1b83568fab8c2c326.png
[http_localhost_8080_mytest_hello.form]: http://localhost:8080/mytest/hello.form
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 13]: /images/20220323/e30749450ff84da294c531cc40203070.png
[2019012310594227.jpg]: /images/20220323/1dc6c57ce88e4fb9b14349634158ca6f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 14]: /images/20220323/53c2ffddb4ca498e884d278ee1f2bc3c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 15]: /images/20220323/62894855039f450a8ec40147cbd0d32a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 16]: /images/20220323/c728f61817d04189a20331e2c5d0f040.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 17]: /images/20220323/e96b60a1460d402c814eb8adf7bafb75.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 18]: /images/20220323/25286013a5d64dd08823d8cefd119032.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70 19]: /images/20220323/6f446a5e1e734ff49904cad35f5752b8.png
[20190123111910962.jpg]: /images/20220323/9b6746583c3649e48cb5c6f82bbc4554.png