位置:首頁 > Java技術 > Spring > Spring 靜態網頁範例

Spring 靜態網頁範例

下麵的例子展示了如何使用Spring MVC框架,它可以訪問靜態網頁與動態網頁與<mvc:resources>標記的幫助下寫了一個簡單的基於Web的應用程序。要開始使用它,我們使用Eclipse IDE,並按照以下步驟使用Spring Web框架開發動態表單的Web應用程序:

步驟 描述
1 Create a Dynamic Web Project with a name HelloWeb and create a packagecom.yiibai under the src folder in the created project.
2 Drag and drop below mentioned Spring and other libraries into the folder WebContent/WEB-INF/lib.
3 Create a Java class WebController under the com.yiibai package.
4 Create Spring configuration files Web.xml and HelloWeb-servlet.xml under theWebContent/WEB-INF folder.
5 Create a sub-folder with a name jsp under the WebContent/WEB-INF folder. Create a view fileindex.jsp under this sub-folder.
6 Create a sub-folder with a name pages under the WebContent/WEB-INF folder. Create a static file final.html under this sub-folder.
7 The final step is to create the content of all the source and configuration files and export the application as explained below.

這裡是WebController.java文件的內容:

package com.yiibai;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class WebController {

   @RequestMapping(value = "/index", method = RequestMethod.GET)
   public String index() {
	   return "index";
   }
   
   @RequestMapping(value = "/staticPage", method = RequestMethod.GET)
   public String redirect() {
     
      return "redirect:/pages/final.html";
   }
}

以下是Spring Web配置文件web.xml 的內容

<web-app id="WebApp_ID" version="2.4"
    xmlns="http://java.sun.com/xml/ns/j2ee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 
    <display-name>Spring Page Redirection</display-name>
 
    <servlet>
        <servlet-name>HelloWeb</servlet-name>
        <servlet-class>
           org.springframework.web.servlet.DispatcherServlet
        </servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
   
    <servlet-mapping>
        <servlet-name>HelloWeb</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
  
</web-app>

下麵是另一個Spring Web配置文件的HelloWeb-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:context="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-2.5.xsd
 http://www.springframework.org/schema/mvc
 http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
 http://www.springframework.org/schema/context
 http://www.springframework.org/schema/context/spring-context-3.0.xsd">
 
    <context:component-scan base-package="com.yiibai" />
     
    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix" value="/WEB-INF/jsp/" />
    <property name="suffix" value=".jsp" />
    </bean>
    
    <mvc:resources mapping="/pages/**" location="/WEB-INF/pages/" />
    <mvc:annotation-driven/>
    
</beans>

這裡<mvc:resources..../>標簽被用來映射靜態頁麵。映射屬性必須是一個Ant模式,指定URL的HTTP請求的模式。位置屬性必須指定具有靜態頁麵,包括圖片,樣式表,JavaScript和其他靜態內容的一個或多個有效的資源目錄位置。多個資源位置可以使用逗號分隔的值的列表來指定。

以下是Spring視圖文件WEB-INF/jsp/index.jsp的內容。這將是一個登陸頁麵,此頁麵會發送一個請求來訪問staticPage服務方法,將這個請求重定向到WEB-INF/pages文件夾中提供一個靜態頁麵。

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html>
<head>
    <title>Spring Landing Page</title>
</head>
<body>
<h2>Spring Landing Pag</h2>
<p>Click below button to get a simple HTML page</p>
<form:form method="GET" action="/HelloWeb/staticPage">
<table>
    <tr>
    <td>
    <input type="submit" value="Get HTML Page"/>
    </td>
    </tr>
</table>  
</form:form>
</body>
</html>

以下是Spring視圖文件WEB-INF/pages/final.html 的內容。

<html>
<head>
    <title>Spring Static Page</title>
</head>
<body>

<h2>A simple HTML page</h2>

</body>
</html>

最後,下麵是Spring和其他庫包含在您的Web應用程序的列表。你隻需將這些文件拖放它們到 WebContent/ WEB-INF/ lib文件夾中。

  • commons-logging-x.y.z.jar

  • org.springframework.asm-x.y.z.jar

  • org.springframework.beans-x.y.z.jar

  • org.springframework.context-x.y.z.jar

  • org.springframework.core-x.y.z.jar

  • org.springframework.expression-x.y.z.jar

  • org.springframework.web.servlet-x.y.z.jar

  • org.springframework.web-x.y.z.jar

  • spring-web.jar

創建源代碼和配置文件完成後,導出您的應用程序。右鍵單擊應用程序和使用Export> WAR文件選項並保存HelloWeb.war文件到Tomcat 的webapps文件夾中。

現在啟動Tomcat服務器,並確保您能夠訪問來自的webapps文件夾,使用標準的瀏覽器。現在嘗試訪問該URL http://localhost:8080/HelloWeb/index。如果一切順利,你應該看到以下結果:

Spring static page

點擊“Get HTML Page”按鈕來訪問staticPage服務方法提到一個靜態頁麵。如果一切順利應該看到以下結果:

Spring static page Result