ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[TOC] # Hello SpringMVC ## 简介 Spring Web MVC 是一种基于 Java 的实现了 Web MVC 设计模式的请求驱动类型的轻量级 Web 框架,即使用了 MVC 架构模式的思想,将 Web 层进行职责解耦,基于请求驱动指的就是使用**请求-响应**模型,框架的目的就是帮助我们简化开发,Spring Web MVC 可以简化日常 Web 开发。 ## Spring Web MVC 能帮我们做什么 * 让我们能非常简单的设计出干净的 Web 层和薄薄的 Web 层; * 进行更简洁的 Web 层的开发; * 天生与 Spring 框架集成(如 IoC 容器、AOP 等); * 支持灵活的 URL 到页面控制器的映射; > 基于框架的程序要成功运行,对于JAR包的版本,配置文件的正确性有着苛刻的要求,任何一个地方出错了,都会导致框架程序运行失败。 > > 技巧: 学习框架,**务必严格按照教程的指导,完全模仿操作**,直到成功看到运行效果。 第一次成功之后,信心,思路都会有较好的铺垫,然后再根据自己的疑惑,在“成功”的代码上做原本想做的改动和调整,这样可以大大节约学习的时间,提高效率,**切勿一来就擅自改动**,给自己的学习制造障碍。 ## 步骤 1 : 先运行,看到效果,再学习 Spring MVC需要做不少步骤,任何一步部做漏了,做错了,都有可能失败,这样会影响学习的信心,并且误以为本教程是走不通的。 先可运行项目 springmvc.rar(向老师要相关资料),解压后导入到eclipse中,启动Tomcat,观察是否正常运行。确定可以运行,确定教程是可以跑得起来的,再学习下面的内容。 部署成功自后,测试地址,应该看到如图所示的效果 `http://localhost:8080/springmvc/index` ![](https://box.kancloud.cn/3562460d2dad52d748734138eaba9139_526x177.png) ## 步骤 2 : 模仿和排错 在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。 模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较**正确答案** ( 可运行项目 ) 和自己的代码,来定位问题所在。 采用这种方式,**学习有效果,排错有效率**,可以较为明显地提升学习速度,跨过学习路上的各个槛。 ## 步骤 3 : 创建项目springmvc 在eclipse中新建项目springmvc,使用dynamic web project的方式。 ![](../images/Image014.png) ## 步骤 4 : 导入jar包 拿到lib.rar(向老师要相关资料),并解压拷贝jar放到lib文件夹中; > 使用老师提供的jar包,因为不同的jar包,因版本的不同,会导致**兼容性问题**。 ## 步骤 5 : web.xml 配置Spring MVC的入口 DispatcherServlet,把所有的请求都提交到该Servlet 注意:`<servlet-name>springmvc</servlet-name>` springmvc这个名字在下一步会用到。 ~~~ <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0"> <display-name>springmvc</display-name> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> <servlet> <servlet-name>springmvc</servlet-name> <servlet-class> org.springframework.web.servlet.DispatcherServlet </servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>springmvc</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app> ~~~ ## 步骤 6 : 创建springmvc-servlet.xml 在WEB-INF目录下创建 springmvc-servlet.xml springmvc-servlet.xml 与上一步中的 `<servlet-name>springmvc</servlet-name>` springmvc对应 ~~~ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd"> <beans> <bean id="simpleUrlHandlerMapping" class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping"> <property name="mappings"> <props> <prop key="/index">indexController</prop> </props> </property> </bean> <bean id="indexController" class="com.dodoke.controller.IndexController"></bean> </beans> ~~~ 这是Spring MVC的**映射配置文件** 表示访问路径/index会交给`id=indexController`的bean处理 `id=indexController`的bean配置为类:IndexController。 ## 步骤 7 : 控制类 IndexController 控制类 IndexController实现接口Controller ,提供方法handleRequest处理请求 SpringMVC通过 ModelAndView 对象把模型和视图结合在一起。 ~~~ package com.dodoke.controller; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.web.servlet.ModelAndView; import org.springframework.web.servlet.mvc.Controller; public class IndexController implements Controller { @Override public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception { ModelAndView mav = new ModelAndView("index.jsp"); mav.addObject("message", "Hello SpringMVC"); return mav; } } ~~~ > ModelAndView注意引用正确的包。 > import org.springframework.web.servlet.ModelAndView; //正确 import org.springframework.web.portlet.ModelAndView; //错误 ## 步骤 8 : 准备index.jsp 在WebContent目录下创建index.jsp index.jsp很简单,通过EL表达式显示message的内容 ![](https://box.kancloud.cn/ff1b084b61c1ea9121b5d18826eb6712_445x415.png) ~~~ <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <h1>${message }</h1> </body> </html> ~~~ ## 步骤 9 : 部署在tomcat中,重启测试 部署在Tomcat中,重启tomcat,然后访问地址,观察效果 `http://localhost:8080/springmvc/index` ![](https://box.kancloud.cn/3df7dc76fc852fbda8ce672a49c6b0e8_523x245.png) ## 步骤 10 : 原理图 1. 用户访问 /index 2. 根据web.xml中的配置 所有的访问都会经过DispatcherServlet 3. 根据配置文件springmvc-servlet.xml ,访问路径/index,会进入IndexController类 4. 在IndexController中指定跳转到页面index.jsp,并传递message数据 5. 在index.jsp中显示message信息 ![](https://box.kancloud.cn/48e91182736a7fb1d981838a5b4cd76b_893x620.png) > 一般说来,根据步骤一步一步的做过来,就可以运行看到结果了。 如果实在看不到结果,多半是因为中间某个步骤不够仔细,大小写错误,多了个下划线等等细微的错误。 ## 常见问题 1. 为什么加载index.jsp请求不到后台的数据,而请求index就可以 > 访问index路径发出请求,springmvc通过这个请求进入对应的控制器,在控制器里面将视图和模型结合起来,也就是index.jsp和message,最后跳转到index.jsp界面,这个界面上的数据就是message的内容。 >`${message}` 这里,message这个数据模型是从控制器里拿出来再放到index.jsp上。如果直接访问index.jsp这个静态资源,是无法取得后台数据。 > >补充说明:根据`<prop key="/index">indexController</prop>` ,搜index的时候,会交给`<bean id="indexController" class="com.dodoke.controller.IndexController"></bean>`也就是IndexController类处理,IndexController实现接口Controller ,提供方法handleRequest处理请求。 2. 为什么根据“springmvc-servlet.xml”这个文件的命名就可以对应到springmvc? > 是的,这里的命名规则是{servlet-name}-servlet.xml。你在web.xml里的servlet-name是什么就查找对应的文件。 3. `<url-pattern>/</url-pattern>`的 / 是什么意思,以前用的是/*,这个是指任意访问路径吧?那 / 表示什么意思呢? > /* 可以拦截一切路径,比如 index, index.jsp, index.html这些都可以被拦截 / 只能拦截url请求路径,也就是index这种,带有后缀名的就不能被拦截 4. 此处的message是对象?有一个属性值是hello spring mvc?然后在index.jsp获得这个属性值?但EL表达式是${message}很像从session中取值的样子 > 这是把message设置在request作用域中,然后服务端跳转到index.jsp,之后利用EL表达式取值。