Struts2 Tiles集成

2020-08-10 11:42 更新

在本章中,我們會(huì)學(xué)習(xí)到將 Tiles 框架與 Struts2 集成所涉及的步驟。Apache Tiles是一個(gè)模板框架,用于簡(jiǎn)化 Web 應(yīng)用程序用戶界面的開發(fā)。
首先,我們需要從 Apache Tiles 網(wǎng)站下載tiles jar文件。你需要將以下 jar 文件添加到項(xiàng)目的類路徑。

  • tiles-api-x.y.z.jar

  • tiles-compat-x.y.z.jar

  • tiles-core-x.y.z.jar

  • tiles-jsp-x.y.z.jar

  • tiles-servlet-x.y.z.jar

除了上面的,我們必須從WEB-INF/lib中復(fù)制以下jar文件。

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

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

  • struts2-tiles-plugin-x.y.z.jar

現(xiàn)在,讓我們?cè)O(shè)置Struts-Tiles集成的 web.xml,如下所示。這里有兩個(gè)要點(diǎn)要注意。首先,我們需要告訴tile,在哪里可以找到tiles的配置文件tiles.xml。在我們的例子中,它將在/WEB-INF文件夾下。然后,我們需要初始化 Struts2 下載附帶的Tiles監(jiān)聽器。

<?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" 
   xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
   http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
   id="WebApp_ID" version="2.5">
   <display-name>Struts2Example15</display-name>
	
   <context-param>
   <param-name>
      org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG
   </param-name>
   <param-value>
      /WEB-INF/tiles.xml
   </param-value>
   </context-param>

   <listener>
   <listener-class>
      org.apache.struts2.tiles.StrutsTilesListener
   </listener-class>
   </listener>

   <filter>
   <filter-name>struts2</filter-name>
   <filter-class>
   org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
   </filter-class>
   </filter>

   <filter-mapping>
      <filter-name>struts2</filter-name>
      <url-pattern>/*</url-pattern>
   </filter-mapping>

   <welcome-file-list>
      <welcome-file>index.jsp</welcome-file>
   </welcome-file-list>
</web-app>

接下來在 /WEB-INF 文件夾下創(chuàng)建 tiles.xml,內(nèi)容如下:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE tiles-definitions PUBLIC
   "-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"
   "http://tiles.apache.org/dtds/tiles-config_2_0.dtd">

<tiles-definitions>

   <definition name="baseLayout" template="/baseLayout.jsp">
      <put-attribute name="title"  value="Template"/>
      <put-attribute name="banner" value="/banner.jsp"/>
      <put-attribute name="menu"   value="/menu.jsp"/>
      <put-attribute name="body"   value="/body.jsp"/>
      <put-attribute name="footer"   value="/footer.jsp"/>
   </definition>

   <definition name="tiger" extends="baseLayout">
      <put-attribute name="title"  value="Tiger"/>
      <put-attribute name="body"   value="/tiger.jsp"/>      
   </definition>

   <definition name="lion" extends="baseLayout">
      <put-attribute name="title"  value="Lion"/>
      <put-attribute name="body"   value="/lion.jsp"/>      
   </definition>
  
</tiles-definitions>

接下來,我們?cè)?nbsp;baseLayout.jsp 中定義一個(gè)基本的skeleton布局。它有五個(gè)可重用/可覆蓋區(qū)域。即 titlebanner,menubodyfooter。我們提供baseLayout的默認(rèn)值,然后創(chuàng)建從默認(rèn)布局?jǐn)U展的兩個(gè)自定義。tiger布局類似于基本布局,除了它使用 tiger.jsp 作為其body和文本“Tiger”作為title。類似地,lion布局也類似于基本布局,除了它使用 lion.jsp 作為其 body 和文本“Lion”作為 title。
讓我們看看各個(gè)jsp文件。以下是 baseLayout.jsp 文件的內(nèi)容:

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!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><tiles:insertAttribute name="title" ignore="true" />
</title>
</head>

<body>
   <tiles:insertAttribute name="banner" /><br/>
   <hr/>
   <tiles:insertAttribute name="menu" /><br/>
   <hr/>
   <tiles:insertAttribute name="body" /><br/>
   <hr/>
   <tiles:insertAttribute name="footer" /><br/>
</body>
</html>

這里我們只是把一個(gè)有 tiles 屬性的基本的 HTML 頁面放在一起。將tile屬性插入到需要用到它的地方。接下來,讓我們創(chuàng)建具有以下內(nèi)容的banner.jsp文件:

<img src="http://atts.w3cschool.cn/attachments/tuploads/struts_2/tp-logo.gif"/>

menu.jsp文件將有以下內(nèi)容,它們是TigerMenu.action和LionMenu.action的鏈接。

<%@taglib uri="/struts-tags" prefix="s"%>

<a href="<s:url action="tigerMenu"/>" Tiger</a><br>
<a href="<s:url action="lionMenu"/>" Lion</a><br>

lion.jsp 文件將具有以下內(nèi)容:

<img src="http://atts.w3cschool.cn/attachments/tuploads/struts_2/Lion.jpg"/>
The lion

tiger.jsp 文件將具有以下內(nèi)容:

<img src="http://atts.w3cschool.cn/attachments/tuploads/struts_2/tiger.jpg"/>
The tiger

接下來,創(chuàng)建一個(gè)action類文件 MenuAction.java,它包含以下內(nèi)容:

package cn.w3cschool.struts2;

import com.opensymphony.xwork2.ActionSupport;

public class MenuAction extends ActionSupport {
   public String tiger() { return "tiger"; }
   public String lion() { return "lion"; }
	
}

這是一個(gè)非常直接的類。我們聲明了兩種方法 tiger() 和 lion() ,它們分別返回 tiger 和 lion 作為結(jié)果。讓我們把它們放在 struts.xml 文件中:

<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
   <package name="default" extends="struts-default">
      <result-types>
         <result-type name="tiles" 
         class="org.apache.struts2.views.tiles.TilesResult" />
      </result-types>

      <action name="*Menu" method="{1}" 
         class="cn.w3cschool.struts2.MenuAction">
         <result name="tiger" type="tiles">tiger</result>
         <result name="lion" type="tiles">lion</result>
      </action>

   </package>
</struts>

讓我們回顧一下我們?cè)谏厦娴奈募凶龅摹J紫?,我們聲明了一種稱為“tiles”的新結(jié)果類型,因?yàn)槲覀儸F(xiàn)在使用 tile 而不是普通的jsp作為視圖技術(shù)。Struts2 支持Tiles View結(jié)果類型,因此我們創(chuàng)建了結(jié)果類型“tiles”作為“org.apache.struts2.view.tiles.TilesResult”類的結(jié)果類型。
接下來,我們要說的是,如果請(qǐng)求是 /tigerMenu.action,用戶跳到tiger標(biāo)題頁面,如果請(qǐng)求是 /lionMenu.action,用戶跳到lion標(biāo)題頁面。
我們使用一些正則表達(dá)式來實(shí)現(xiàn)這個(gè)。在action定義中,我們說任何匹配“*Menu”模式的東西都會(huì)被這個(gè)action處理。匹配方法將在MenuAction類中調(diào)用。也就是說,tigerMenu.action將調(diào)用tiger()和lionMenu.action將調(diào)用lion()。然后,我們需要將結(jié)果映射到適當(dāng)?shù)臉?biāo)題頁面。

現(xiàn)在,右鍵單擊項(xiàng)目名稱,然后單擊“Export”> “WAR File”以創(chuàng)建WAR文件。然后在 Tomcat 的 webapps 目錄中部署WAR文件。最后,啟動(dòng) Tomcat 服務(wù)器并嘗試訪問 URL http://localhost:8080/HelloWorldStruts2/tigerMenu.jsp,將顯示以下界面:

Struts和Tiles集成

同樣,如果你轉(zhuǎn)到 lionMenu.action 頁面,你會(huì)看到 lion 頁面使用相同的標(biāo)題布局。

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)