การรวม Struts 2 & Tiles

ในบทนี้ให้เราทำตามขั้นตอนที่เกี่ยวข้องในการรวมเฟรมเวิร์ก Tiles กับ Struts2 Apache Tiles เป็นเฟรมเวิร์กเทมเพลตที่สร้างขึ้นเพื่อลดความซับซ้อนในการพัฒนาส่วนต่อประสานผู้ใช้เว็บแอปพลิเคชัน

ก่อนอื่นเราต้องดาวน์โหลดไฟล์ jar ของไทล์จากเว็บไซต์Apache Tiles คุณต้องเพิ่มไฟล์ jar ต่อไปนี้ในคลาสพา ธ ของโปรเจ็กต์

  • 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

นอกเหนือจากข้างต้นเราต้องคัดลอกไฟล์ jar ต่อไปนี้จากการดาวน์โหลด struts2 ในไฟล์ WEB-INF/lib.

  • commons-beanutils-x.y.zjar
  • commons-digester-x.y.jar
  • struts2-tiles-plugin-x.y.z.jar

ตอนนี้ให้เราตั้งค่าไฟล์ web.xmlสำหรับการรวม Struts-Tiles ตามที่ระบุด้านล่าง มีสองประเด็นสำคัญที่ควรทราบที่นี่ อันดับแรกเราต้องบอกไทล์ว่าจะหาไฟล์คอนฟิกูเรชันไทล์ได้ที่ไหนtiles.xml. ในกรณีของเราจะอยู่ภายใต้/WEB-INFโฟลเดอร์ ต่อไปเราต้องเริ่มต้นฟัง Tiles ที่มาพร้อมกับการดาวน์โหลด Struts2

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

ต่อไปให้เราสร้าง tiles.xml ภายใต้โฟลเดอร์ / WEB-INF ที่มีเนื้อหาดังต่อไปนี้ -

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

ต่อไปเราจะกำหนดโครงร่างโครงกระดูกพื้นฐานในไฟล์ baseLayout.jsp. มีพื้นที่ที่สามารถนำกลับมาใช้ใหม่ได้ 5 แบบ ได้แก่title, banner, menu, body และ footer. เราจัดเตรียมค่าเริ่มต้นสำหรับ baseLayout จากนั้นเราจะสร้างการปรับแต่งสองแบบที่ขยายจากเค้าโครงเริ่มต้น เค้าโครงเสือคล้ายกับเลย์เอาต์พื้นฐานยกเว้นจะใช้รูปแบบtiger.jspเป็นตัวอักษรและมีข้อความ "Tiger" เป็นชื่อเรื่อง ในทำนองเดียวกันเลย์เอาต์สิงโตก็คล้ายกับเลย์เอาต์พื้นฐานยกเว้นว่าจะใช้รูปแบบlion.jsp เป็นตัวอักษรและมีข้อความ "Lion" เป็นชื่อเรื่อง

ให้เราดูไฟล์ jsp แต่ละไฟล์ ต่อไปนี้เป็นเนื้อหาของbaseLayout.jsp ไฟล์ -

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

ที่นี่เราเพิ่งรวบรวมหน้า HTML พื้นฐานที่มีคุณสมบัติของกระเบื้อง เราแทรกแอตทริบิวต์ของกระเบื้องในสถานที่ที่เราต้องการให้เป็น ต่อไปให้เราสร้างไฟล์banner.jsp ไฟล์ที่มีเนื้อหาต่อไปนี้ -

<img src="http://www.tutorialspoint.com/images/tp-logo.gif"/>

menu.jsp ไฟล์จะมีบรรทัดต่อไปนี้ซึ่งเป็นลิงก์ - ไปยังการดำเนินการของ TigerMenu.action และ LionMenu.action struts

<%@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 ไฟล์จะมีเนื้อหาดังต่อไปนี้ -

<img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Lion.jpg"/>
The lion

tiger.jsp ไฟล์จะมีเนื้อหาดังต่อไปนี้ -

<img src="http://www.freewebs.com/tigerofdarts/tiger.jpg"/>
The tiger

ต่อไปให้เราสร้างไฟล์คลาสการดำเนินการ MenuAction.java ซึ่งมีดังต่อไปนี้ -

package com.tutorialspoint.struts2;

import com.opensymphony.xwork2.ActionSupport;

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

นี่เป็นชั้นเรียนที่ค่อนข้างตรงไปตรงมา เราประกาศสองวิธีเสือ () และสิงโต () ที่คืนเสือและสิงโตเป็นผลลัพธ์ตามลำดับ ให้เรารวบรวมทั้งหมดเข้าด้วยกันในไฟล์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 = "com.tutorialspoint.struts2.MenuAction">
         <result name = "tiger" type = "tiles">tiger</result>
         <result name = "lion" type = "tiles">lion</result>
      </action>

   </package>
</struts>

ให้เราตรวจสอบสิ่งที่เราทำในไฟล์ด้านบน ก่อนอื่นเราได้ประกาศประเภทผลลัพธ์ใหม่ที่เรียกว่า "ไทล์" เนื่องจากตอนนี้เราใช้ไทล์แทน jsp ธรรมดาสำหรับเทคโนโลยีมุมมอง Struts2 รองรับประเภทผลลัพธ์ Tiles View ดังนั้นเราจึงสร้างผลลัพธ์ประเภท "ไทล์" ให้เป็นคลาส "org.apache.struts2.view.tiles.TilesResult"

ต่อไปเราต้องการทราบว่าคำขอเป็นของ /tigerMenu.action นำผู้ใช้ไปที่หน้าไทล์ไทล์หรือไม่และหากคำขอเป็นของ /lionMenu.action นำผู้ใช้ไปที่หน้ากระเบื้องสิงโต

เราบรรลุสิ่งนี้โดยใช้นิพจน์ทั่วไปเล็กน้อย ในคำจำกัดความของการกระทำของเราเราพูดอะไรก็ตามที่ตรงกับรูปแบบ "* เมนู" จะได้รับการจัดการโดยการกระทำนี้ วิธีการจับคู่จะถูกเรียกใช้ในคลาส MenuAction นั่นคือ tigerMenu.action จะเรียกใช้ tiger () และ lionMenu.action จะเรียกใช้ lion () จากนั้นเราต้องแมปผลลัพธ์ของผลลัพธ์กับหน้าไทล์ที่เหมาะสม

ตอนนี้คลิกขวาที่ชื่อโครงการแล้วคลิก Export > WAR Fileเพื่อสร้างไฟล์ War จากนั้นปรับใช้ WAR นี้ในไดเร็กทอรี webapps ของ Tomcat สุดท้ายเริ่มเซิร์ฟเวอร์ Tomcat และพยายามเข้าถึง URLhttp://localhost:8080/HelloWorldStruts2/tigerMenu.jsp. สิ่งนี้จะสร้างหน้าจอต่อไปนี้ -

ในทำนองเดียวกันถ้าคุณไปที่หน้า lionMenu.action คุณจะเห็นหน้าสิงโตซึ่งใช้เค้าโครงกระเบื้องเดียวกัน