Spring 靜態(tài)頁面例子

2022-05-16 15:54 更新

Spring 靜態(tài)頁面例子

下面的例子說明了如何使用 Spring MVC 框架來編寫一個(gè)簡單的基于 web 的應(yīng)用程序,它可以在 <mvc:resources> 標(biāo)簽的幫助下訪問靜態(tài)頁面和動(dòng)態(tài)頁面。為了開始使用它,讓我們?cè)谇‘?dāng)?shù)奈恢檬褂?Eclipse IDE,然后按照下面的步驟使用 Spring 的 Web 框架來開發(fā)一個(gè)動(dòng)態(tài)的基于表單的 Web 應(yīng)用程序:

步驟 描述
1 創(chuàng)建一個(gè)名稱為 HelloWeb 的動(dòng)態(tài) Web 項(xiàng)目,并且在已創(chuàng)建的項(xiàng)目的 src 文件夾中創(chuàng)建一個(gè)包 com.tutorialspoint。
2 將上面提到的 Spring 和其他庫拖拽到文件夾 WebContent/WEB-INF/lib 中。
3 在 com.tutorialspoint 包下創(chuàng)建一個(gè) Java 類 WebController。
4 在 WebContent/WEB-INF 文件夾下創(chuàng)建 Spring 的配置文件 Web.xml 和 HelloWeb-servlet.xml。
5 在 WebContent/WEB-INF 文件夾下創(chuàng)建名稱為 jsp 的子文件夾。在這個(gè)子文件夾下創(chuàng)建一個(gè)視圖文件 index.jsp。
6 在 WebContent/WEB-INF 文件夾下創(chuàng)建名稱為 pages 的子文件夾。在這個(gè)子文件夾下創(chuàng)建一個(gè)靜態(tài)文件 final.htm
7 最后一步是創(chuàng)建所有的源代碼和配置文件的內(nèi)容,并導(dǎo)出該應(yīng)用程序,正如下面解釋的一樣。

這里是 WebController.java 文件的內(nèi)容:

package com.tutorialspoint;
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.htm";
   }
}

下面是 Spring Web 配置文件 web.xml 的內(nèi)容

<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>

下面是另一個(gè) Spring Web 配置文件 HelloWeb-servlet.xml 的內(nèi)容

<?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.tutorialspoint" />

    <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..../> 標(biāo)簽被用來映射靜態(tài)頁面。 mapping 屬性必須是一個(gè)指定一個(gè) http 請(qǐng)求的 URL 模式的 Ant 模式。 location 屬性必須指定一個(gè)或者多個(gè)具有包含圖片,樣式表,JavaScript 和其他靜態(tài)內(nèi)容的靜態(tài)頁面的資源目錄位置。多個(gè)資源位置可以使用逗號(hào)分隔這些值的列表來被指定。

下面是 Spring 視圖文件 WEB-INF/jsp/index.jsp 的內(nèi)容。這將是一個(gè)登陸頁面,這個(gè)頁面將發(fā)送一個(gè)請(qǐng)求來訪問 staticPage 的 service 方法,它將重定向這個(gè)請(qǐng)求到 WEB-INF/pages 文件夾中的一個(gè)可用的靜態(tài)頁面。

<%@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.htm 的內(nèi)容。

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

<h2>A simple HTML page</h2>

</body>
</html>

最后,下面是包含在你的 web 應(yīng)用程序中的 Spring 和其他庫的列表。你僅僅需要將這些文件拖拽到 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

一旦你完成了創(chuàng)建源代碼和配置文件后,導(dǎo)出你的應(yīng)用程序。右鍵單擊你的應(yīng)用程序,并且使用 Export > WAR File 選項(xiàng),并且在 Tomcat 的 webapps 文件夾中保存你的 HelloWeb.war 文件。

現(xiàn)在啟動(dòng)你的 Tomcat 服務(wù)器,并且確保你能夠使用標(biāo)準(zhǔn)的瀏覽器訪問 webapps 文件夾中的其他 web 頁面?,F(xiàn)在嘗試訪問該 URL http://localhost:8080/HelloWeb/index。 如果你的 Spring Web 應(yīng)用程序一切都正常,你應(yīng)該看到下面的結(jié)果:

單擊 “Get HTML Page” 按鈕來訪問 staticPage 中的 service 方法中提到的一個(gè)靜態(tài)頁面。如果你的 Spring Web 應(yīng)用程序一切都正常,你應(yīng)該看到下面的結(jié)果:


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)