用IDEA Intellij,本來創建的是SpringMVC項目,但是下載的時候,太慢了。所以還是用的Maven項目。
選擇Maven 項目->Archetype->Web application. 本來需要增加參數-DarchetypeCatalog=internal,
但是發現也不用了,應該是已經下載了。
首先將webapp->WEBINF->web.xml,改一下:
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Archetype Created Web Application</display-name> <servlet> <servlet-name>main-dispatcher</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>main-dispatcher</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app>
注意其中的servlet和servlet-mapping。但是發現servlet-class顯示的是紅字。判斷原因是需要在pom.xml中加上引用庫。
改好的pom.xml如下:
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.webapp</groupId> <artifactId>hellospringmvc</artifactId> <packaging>war</packaging> <version>1.0-SNAPSHOT</version> <name>hellospringmvc Maven Webapp</name> <url>http://maven.apache.org</url> <properties> <spring.version>4.2.6.RELEASE</spring.version> </properties> <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>3.8.1</version> <scope>test</scope> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-jpa</artifactId> <version>1.10.1.RELEASE</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> </dependencies> <build> <finalName>hellospringmvc</finalName> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <configuration> <source>1.8</source> <target>1.8</target> </configuration> </plugin> </plugins> </build> </project>
然后打開file - project structure,加上java目錄,並標記為Source目錄。
做完上面幾步,再看web.xml,就沒有紅字報錯了。
然后配置啟動環境,Run->Edit-Configuration,
里面把Tomcat的端口改一下,我這里改的是8010,然后把chrome的啟動url也改成8010. 在Deploy tab加上artifact,選默認的就行。
然后不用寫代碼,直接Run 就能看到 localhost:8010 能夠打開"Hello World!" 頁面。
然后,先在web.xml里面加上對於編碼的處理,最后web.xml變成這樣:
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Archetype Created Web Application</display-name> <servlet> <servlet-name>main-dispatcher</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>main-dispatcher</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> </web-app>
然后在java目錄下建package com.webapp.hello,然后在其中建class, MainController,內容如下:
package com.webapp.hello; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; /** * Created by baidu on 16/10/7. */ @Controller public class HelloController { @RequestMapping(value="/", method= RequestMethod.GET) public String index() { return "hello"; } }
注意,return的是hello.
然后根據servlet名字,加上servlet的配置文件 main-dispatcher-servlet.xml,內容如下:
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:contex="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <contex:component-scan base-package="com.webapp.hello"/> <mvc:default-servlet-handler/> <mvc:annotation-driven/> <bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/> <property name="prefix" value="/"/> <property name="suffix" value=".jsp"/> </bean> </beans>
然后在index.jsp的同級目錄加一個hello.jsp如下:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個meta標簽*必須*放在最前面,任何其他內容都*必須*跟隨其后! --> <title>SpringMVC Demo 首頁</title> <!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello World!</h1>
<h3>成功自定義頁面啦!</h3>
<!-- jQuery文件。務必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>
然后在project名字的右鍵,第二個"Add framework support"點開,加上Spring support。(不確定是否需要加上這個)
然后點擊運行。就能看到"Hello World"。但是遺憾地發現,還是index.jsp的內容。
然后把index.jsp刪掉,發現才能夠顯示定制化的內容。原來開始是受index.jsp屏蔽了。
Hello World!
成功自定義頁面啦!
以下講述,怎么向JSP頁面傳輸變量。
將MainController.java更新為如下:
package com.webapp.hello; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import java.util.LinkedList; import java.util.List; /** * Created by baidu on 16/10/7. */ @Controller public class HelloController { @RequestMapping(value="/", method= RequestMethod.GET) public String index(ModelMap modelMap) { List userList = new LinkedList(); userList.add("張三"); userList.add("李四"); modelMap.addAttribute("userList", userList); return "hello"; } }
然后將hello.jsp更新為如下:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個meta標簽*必須*放在最前面,任何其他內容都*必須*跟隨其后! --> <title>SpringMVC Demo 首頁</title> <!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello World!</h1> <h3>成功自定義頁面啦!</h3> <c:if test="${empty userList}"> <div class="alert alert-warning" role="alert"> <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> 沒有用戶! </div> </c:if> <c:if test="${!empty userList}"> <c:forEach items="${userList}" var="user"> <tr> <td>${user}</td> </tr> </c:forEach> </c:if> <!-- jQuery文件。務必在bootstrap.min.js 之前引入 --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>
運行,發現顯示沒有用戶,不符合預期:
網上搜索,可能是沒有加jstl,然后在第二行加上:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
然后重新運行,可以顯示用戶啦:
至此,利用SpringMVC搭建基本的動態頁面,基本完成。
以下,是來自簡書某個頁面的介紹,講的比較淺顯易懂:
Spring MVC請求處理流程
-
Spring MVC的設計是圍繞DispatcherServlet展開的,DispatcherServlet負責將請求派發到特定的handler。通過可配置的handler mappings、view resolution、locale以及theme resolution來處理請求並且轉到對應的視圖。Spring MVC請求處理的整體流程如圖:
-
在web.xml中我們可以看到配置了一個DispatcherServlet,該Servlet攔截了 / 的所有請求
-
在mvc-dispatcher-servlet.xml中 component-scan 掃描指定的文件夾下的文件(這里指定了根目錄)
-
當請求發起時,Spring MVC掃描文件發現HelloController 中的 @Controller和@RequestMapping("/")注解便由DispatcherServlet轉向HelloController來處理 / 請求
-
當HelloController返回hello變由mvc-dispatcher-servlet.xml的配置默認加上前后綴成為/WEB-INF/pages/hello.jsp,最后將Hello World輸出
更多SpringMVC的學習,參考我的另一篇博客:
http://www.cnblogs.com/charlesblc/p/5933555.html