【SpringMVC-001】idea创建SpringMVC项目傻瓜教程

小灰灰 2022-06-10 03:55 187阅读 0赞

最近在学习spring的相关知识，顺便记下笔记，与大家共享。

spring运行流程如下图所示：

![Center][]

【流程】

user发送request，DispatcherServlet(等同于Controller控制器)，控制器接收到请求，来到HandlerMapping（在配置文件中配置），HandlerMapping会对URL进行解析，并判断当前URL该交给哪个controller来处理，找到对应的controller之后，controller就跟server、Javabean进行交互，得到某一个值，并返回一个视图（ModelAndView过程），Dispathcher通过ViewResolver视图解析器,找到ModelAndView对象指定的视图对象,最后，视图对象负责渲染返回给客户端。

下面将通过一个具体的实例来讲述操作流程。

**【开发环境】**

win7

jdk1.8.0\_144

Tomcat8.5.16

IntelliJ IDEA 2017.2

**【具体操作如下】**

1.创建spring mvc工程，设定project name。这里取名字为springmvc\_hello。

![Center 1][]

2.创建完成后，结构如下图示。

![Center 2][]

3.现在开始修改基本的配置文件，其中web.xml是用来启动DispatcherServlet的。新建之后的web.xml文件是有初始设置的，我们只需根据自己的需要稍加修改就好。系统自带的配置如下：

![Center 3][]

这里只需要修改一个地方，将url-pattern地方修改成“/”。

3.现在开始修改dispatcher-servlet.xml文件，这个文件主要用来配置HandlerMapping。修改完成后，如下所示：

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
        <bean name="/welcome.html" class="com.test.controller.WelcomeController"></bean>
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="prefix" value="/WEB-INF/jsp/"/>
            <property name="suffix" value=".jsp"/>
        </bean>
    </beans>

其中，class="com.test.controller.WelcomeController"表示的是src下的路径。

这段代码 <property name="prefix" value="/WEB-INF/jsp/"/>，其中value="",也表示路径。

下面开始创建包com.test.controller，在包里面新建class，名字为：WelcomeController.java。在WEB-INF下创建文件夹jsp,在jsp中创建文件welcome.jsp文件。这个文件的名称需要与controller中，WelcomeController类的方法中的返回值return new ModelAndView（“welcome”）一致。

创建完成后结构如下所示：

![Center 4][]

4.在类WelcomeController中，书写如下代码：

package com.test.controller;
    
    
    import org.springframework.web.servlet.ModelAndView;
    import org.springframework.web.servlet.mvc.Controller;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    /**
     * Created by: zs
     * Date-Time: 2017/8/9 19:05
     */
    public class WelcomeController implements Controller {
    
        @Override
        public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
            //System.out.println("welcome");
            return new ModelAndView("welcome");
        }
    }

5.另外，在welcome.jsp文件中的代码为：

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

6.配置Tomcat，选择edit configurations.

![Center 5][]

**添加选项**

![Center 6][]

点击“local”会看到如下界面：

![Center 7][]

选择deployment,点击“+”

![Center 8][]

![Center 9][]

返回之后，点击OK按钮。到此配置成功了。

7.现在RUN程序，开始访问吧。

访问地址为：http://localhost:8080/welcome.html

![Center 10][]

[Center]: /images/20220610/b4d0cbda53e843c29aa99cf001cb1110.png
[Center 1]: /images/20220610/0cd46dbfdf794a2ead341a2118fc6311.png
[Center 2]: /images/20220610/224cce6b84064fd7bac2008924f2dd40.png
[Center 3]: /images/20220610/1ab5874b11744721a2b6660daca8b139.png
[Center 4]: /images/20220610/f4da1d72052849dd907c3b290cfe2032.png
[Center 5]: /images/20220610/c9ede10fdd53403aa6d48c372591c077.png
[Center 6]: /images/20220610/ccdd800ec9f44113bb998081cc6e0909.png
[Center 7]: /images/20220610/4d75e5137e6a48e6be27eccf7e77eef8.png
[Center 8]: /images/20220610/76cbd6d3ffea4870b5907971556c0145.png
[Center 9]: /images/20220610/52d140e668634b08b0146f8dfb93fafc.png
[Center 10]: /images/20220610/85b75c00f83943c1b162cd1b38ad9490.png