Struts Tilesフレームワークの例

Struts Tilesフレームワークの例

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

この例をダウンロード–Struts-Tile-Framework-Example.zip

タイルテンプレートの例

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

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

image

1. Struts Tilesライブラリを入手する

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

    
      org.apache.struts
      struts-tiles
      1.3.10
    

プロジェクトの依存関係ライブラリに含めます。

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

ヘッダーとフッターの詳細用にテンプレート赤とテンプレート緑を作成します。 これらの2つのテンプレートは、背景色が異なる純粋なHTMLコードです。

テンプレート–赤色
/template-red/header.jsp

[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-b​​ody.jsp」を常に作成して、タイルフレームワークとの結合を解除する必要があります。 「user-form.jsp」を使用してタイル定義を取得し、実際の本文コンテンツ(user-form-b​​ody.jsp)を本文テンプレートとして「配置」します。

user-form.jsp


user-form-body.jsp

This is body content

5. タイルの定義

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

tiles-defs.xml




   
    
    
   

6. TilesPluginを含める

Strutsタイルフレームワークを使用するには、Struts構成ファイルで「TilesPlugin」プラグインクラスを宣言する必要があります。

struts-config.xml





    

        

    

    
        
    

7. Demo

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

struts-tile-framework-1

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

tiles-defs.xml




   
    
    
   

再度アクセスする

struts-tile-framework-2

ヘッダーとフッターの色が変更され(テンプレートが緑色)、タイル構成ファイルが少し変更されています。

参照

Strutsタイルのドキュメント–http://struts.apache.org/1.x/struts-tiles/index.html