Struts Tilesフレームワークの例

getdocs

7年前

Struts Tilesフレームワークはレイアウトフレームワークであり、ユーザーはすべてのWebページにわたってヘッダー、フッター、メニューの標準的な外観を効率的に維持できます。

この例をダウンロードする –

Struts-Tile-Framework-Example.zip

Tilesテンプレートの例

次に、StrutsのすべてのWebページでヘッダーとフッターの詳細を維持するタイルテンプレートを作成する例を示します。

まず、このStrutsタイルフレームワークの関係を参照してください。

リンク://wp-content/uploads/2010/05/struts-tiles.png[

]

1. Struts Tilesライブラリを取得する

StrutsディストリビューションフォルダからStrutsタイルライブラリを取得するか、Mavenセントラルリポジトリから取得します。

    <dependency>
      <groupId>org.apache.struts</groupId>
      <artifactId>struts-tiles</artifactId>
      <version>1.3.10</version>
    </dependency>

プロジェクトの依存関係ライブラリに組み込みます。

2.テンプレートを作成する

ヘッダーとフッターの詳細については、テンプレート赤とテンプレート緑を作成します。

これら2つのテンプレートは、背景色が異なる純粋なHTMLコードです。

[Logo Here]This is Template Red Header

/template-red/footer.jsp

This is Template Red Footer

テンプレート – 緑色**

/template-green/header.jsp

[Logo Here]This is Template Green Header

/template-green/footer.jsp

This is Template Green Footer

3.タイルのレイアウト

すべてのWebページの標準Webページレイアウトを作成します。

common-layout.jsp **

4.ボディテンプレート

ボディテンプレートでは、タイルフレームワークとの結合を解除するためのボディの詳細について、常に2つのページ “user-form.jspとuser-form-body.jsp”を作成する必要があります。 “user-form.jsp”は、タイル定義を取得し、実際のボディコンテンツ（user-form-body.jsp）をボディテンプレートとして「put」するために使用されます。

user-form.jsp **

user-form-body.jsp **

This is body content

5.タイルの定義

すべてのテンプレートが完了し、 “tiles-defs.xml”ファイルを作成し、赤いテンプレートの “会社テンプレート”の定義を宣言しました。

tiles-defs.xml **

<!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="company-template" path="/pages/tiles/common-layout.jsp">
    <put name="header" value="/pages/tiles/template-red/header.jsp"/>
    <put name="footer" value="/pages/tiles/template-red/footer.jsp"/>
   </definition>

</tiles-definitions>

6. TilesPluginを含める

Strutsタイルフレームワークを使用するには、Struts設定ファイルに ”

TilesPlugin

“プラグインクラスを宣言する必要があります。

struts-config.xml **

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 1.3//EN"
"http://jakarta.apache.org/struts/dtds/struts-config__1__3.dtd">

<struts-config>

    <action-mappings>

        <action
            path="/User"
            type="org.apache.struts.actions.ForwardAction"
            parameter="/pages/user/user-form.jsp"/>

    </action-mappings>

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

</struts-config>

7.デモ

上記の場合、赤色のテンプレートが使用されます。

http://localhost:8080/StrutsExample/User.do

これをテンプレートの緑色に変更するには、 “tiles-defs.xml”ファイルを更新するだけです。

tiles-defs.xml **

<!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="company-template" path="/pages/tiles/common-layout.jsp">
    <put name="header" value="/pages/tiles/template-green/header.jsp"/>
    <put name="footer" value="/pages/tiles/template-green/footer.jsp"/>
   </definition>

</tiles-definitions>

もう一度アクセスする

http://localhost:8080/StrutsExample/User.do