Hello SpringMVC · 教案-標準教案-Java(v1)

[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的方式。 ![](https://box.kancloud.cn/3e41c3b16f7ede994ca633990a677e25_590x230.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表達式取值。