Webページ生成機構「Tiles」

StrutsのWebページ生成機構である「Tiles」の構築手順を説明します。

完成後のプロジェクトはこちらからダウンロードできます。

ターゲット環境は以下の通りです。（2009/12/09現在）

ソフトウェア	バージョン
RAD	Pleiades Eclipse 3.4.2 All In One Java
JRE	1.6（Pleiades Eclipse 3.4.2 付属）
Tomcat	6.0（Pleiades Eclipse 3.4.2 付属）
Struts	1.3.10

プロジェクト名の準備

1. Struts 1.3学習用プロジェクトの使用方法を参考にし、blankプロジェクトを準備します。

2. プロジェクト名の変更を参考にし、以下のように変更します。

変更前のプロジェクト名	変更後のプロジェクト名
blank	tiles

フォルダ変更

以下のように、各フォルダを変更します。
$(tiles)は、tilesプロジェクトのフォルダのパス（c:\eclipse\workspace\tiles）です。

変更内容	フォルダ名	用途
新規作成	$(tiles)\pages\master	Tilesに関係するJSPを保存

ファイル変更

１．Top.jspの修正

「$(tiles)\pages\Top.jsp」を以下の内容に書き換えます。

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
        
<h1><bean:message key="top.title" /></h1>

２．struts-config.xmlの修正

「$(tiles)\WEB-INF\struts-config.xml」を以下の内容に書き換えます。

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE struts-config PUBLIC
          "-//Apache Software Foundation//DTD Struts Configuration 1.3//EN"
          "http://struts.apache.org/dtds/struts-config_1_3.dtd">

<struts-config>
    <global-forwards>
        <forward
            name="top"
            path="/Top.do"/>
    </global-forwards>

    <action-mappings>
        <action
            path="/Top"
            forward="tiles.top"/>
    </action-mappings>

    <message-resources parameter="messages.MessageResources" />

    <plug-in className="org.apache.struts.tiles.TilesPlugin" >
      <set-property property="definitions-config" value="/WEB-INF/tiles-defs.xml"/>
    </plug-in>
</struts-config>

３．web.xmlの修正

「$(tiles)\WEB-INF\web.xml」を以下の内容に書き換えます。

<?xml version="1.0" encoding="ISO-8859-1"?>
  <!DOCTYPE web-app PUBLIC
	"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
	"http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>
  <display-name>Struts Blank Application</display-name>

  <!-- Standard Action Servlet Configuration -->
  <servlet>
    <servlet-name>action</servlet-name>
    <servlet-class>org.apache.struts.action.ActionServlet</servlet-class>
    <init-param>
      <param-name>config</param-name>
      <param-value>/WEB-INF/struts-config.xml</param-value>
    </init-param>
    <init-param>
        <param-name>chainConfig</param-name>
        <param-value>org/apache/struts/tiles/chain-config.xml</param-value>
    </init-param>
    <load-on-startup>2</load-on-startup>
 </servlet>


  <!-- Standard Action Servlet Mapping -->
  <servlet-mapping>
    <servlet-name>action</servlet-name>
    <url-pattern>*.do</url-pattern>
  </servlet-mapping>


  <!-- The Usual Welcome File List -->
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

</web-app>

４．Layout.jspの新規作成

「$(tiles)\pages\master\Layout.jsp」を作成し、以下の内容に書き換えます。

<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>

<html:html>
<head>
  <title>
    <tiles:getAsString name="title"/>
  </title>
</head>
<body>
  <tiles:insert attribute="header" />
  <tiles:insert attribute="body" />
  <tiles:insert attribute="footer" />
</body>
</html:html>

５．Header.jspの新規作成

「$(tiles)\pages\master\Header.jsp」を作成し、以下の内容に書き換えます。

<center>
  This is Header Area.
</center>
<hr>

６．Footer.jspの新規作成

「$(tiles)\pages\master\Footer.jsp」を作成し、以下の内容に書き換えます。

<hr>
<center>
  This is Footer Area.
</center>

７．tiles-defs.xmlの新規作成

「$(tiles)\WEB-INF\tiles-defs.xml」を作成し、以下の内容に書き換えます。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE tiles-definitions PUBLIC
       "-//Apache Software Foundation//DTD Tiles Configuration 1.3//EN"
       "http://struts.apache.org/dtds/tiles-config_1_3.dtd">

<tiles-definitions>

    <definition name="tiles.base" path="/pages/master/Layout.jsp">
        <put name="header" value="/pages/master/Header.jsp"/>
        <put name="footer" value="/pages/master/Footer.jsp"/>
    </definition>

    <definition name="tiles.top" extends="tiles.base">
        <put name="title"  value="This is Top Page."/>
        <put name="body"   value="/pages/Top.jsp"/>
    </definition>

</tiles-definitions>

実行

1. 上の「猫アイコン」をクリックし、コンソールに「Server Startup in xxxx ms」が出るまで待ちます。
Tomcatの再起動

2. Webブラウザでhttp://localhost:8080/tiles/にアクセスします。
Webアプリにアクセス

3. 以下のページが表示されれば、終了です。
アクセス成功の画面