Integração de Struts 2 e Tiles

Neste capítulo, vamos percorrer as etapas envolvidas na integração da estrutura Tiles com Struts2. Apache Tiles é uma estrutura de modelos construída para simplificar o desenvolvimento de interfaces de usuário de aplicativos da web.

Em primeiro lugar, precisamos baixar os arquivos jar dos tiles do site do Apache Tiles . Você precisa adicionar os seguintes arquivos jar ao caminho de classe do projeto.

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

Além do acima, temos que copiar os seguintes arquivos jar do download do struts2 em seu WEB-INF/lib.

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

Agora vamos configurar o web.xmlpara a integração Struts-Tiles conforme fornecido abaixo. Há dois pontos importantes a serem observados aqui. Primeiro, precisamos dizer aos tiles, onde encontrar o arquivo de configuração de tilestiles.xml. No nosso caso, será sob/WEB-INFpasta. Em seguida, precisamos inicializar o listener do Tiles que vem com o download do 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>

Em seguida, vamos criar tiles.xml na pasta / WEB-INF com o seguinte conteúdo -

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

Em seguida, definimos um layout de esqueleto básico no baseLayout.jsp. Possui cinco áreas reutilizáveis / substituíveis. Nomeadamentetitle, banner, menu, body e footer. Fornecemos os valores padrão para o baseLayout e, em seguida, criamos duas personalizações que se estendem do layout padrão. O layout do tigre é semelhante ao layout básico, exceto que usa otiger.jspcomo corpo e o texto "Tigre" como título. Da mesma forma, o layout do leão é semelhante ao layout básico, exceto que usa olion.jsp como corpo e o texto "Lion" como título.

Vamos dar uma olhada nos arquivos jsp individuais. A seguir está o conteúdo debaseLayout.jsp arquivo -

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

Aqui, acabamos de montar uma página HTML básica que contém os atributos de tiles. Nós inserimos os atributos dos tiles nos lugares onde precisamos que eles estejam. A seguir, vamos criar umbanner.jsp arquivo com o seguinte conteúdo -

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

o menu.jsp arquivo terá as seguintes linhas que são os links - para as ações dos struts TigerMenu.action e 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>

o lion.jsp o arquivo terá o seguinte conteúdo -

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

o tiger.jsp o arquivo terá o seguinte conteúdo -

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

A seguir, vamos criar o arquivo de classe de ação MenuAction.java que contém o seguinte -

package com.tutorialspoint.struts2;

import com.opensymphony.xwork2.ActionSupport;

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

Esta é uma aula bastante direta. Declaramos dois métodos tiger () e lion () que retornam tigre e leão como resultados, respectivamente. Vamos colocar tudo junto nostruts.xml arquivo -

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

Vamos verificar o que fizemos no arquivo acima. Em primeiro lugar, declaramos um novo tipo de resultado chamado "blocos", pois agora estamos usando blocos em vez de jsp simples para a tecnologia de visualização. Struts2 tem suporte para o tipo de resultado Visualização de blocos, então criamos o tipo de resultado "blocos" para ser da classe "org.apache.struts2.view.tiles.TilesResult".

Em seguida, queremos dizer se a solicitação é para /tigerMenu.action levar o usuário para a página de blocos do tigre e se a solicitação é para /lionMenu.action levar o usuário para a página de blocos do leão.

Conseguimos isso usando um pouco de expressão regular. Em nossa definição de ação, dizemos que qualquer coisa que corresponda ao padrão "* Menu" será tratada por esta ação. O método de correspondência será chamado na classe MenuAction. Ou seja, tigerMenu.action invocará tiger () e lionMenu.action invocará lion (). Em seguida, precisamos mapear o resultado do resultado para as páginas de blocos apropriadas.

Agora clique com o botão direito no nome do projeto e clique Export > WAR Filepara criar um arquivo de guerra. Em seguida, implante esse WAR no diretório webapps do Tomcat. Finalmente, inicie o servidor Tomcat e tente acessar o URLhttp://localhost:8080/HelloWorldStruts2/tigerMenu.jsp. Isso produzirá a seguinte tela -

Da mesma forma, se você acessar a página lionMenu.action, verá a página lion que usa o mesmo layout de blocos.

↰ Previous page Next page ↱