@634

Apache Struts - Tilesフレームワークの利用

Advertisement

前準備を行う

Tilesフレームワークは、Strutsのカスタムタグライブラリとして提供されています。Tilesカスタムタグライブラリを参照するためのコードをJSPに記述します。
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>

レイアウトの定義

レイアウトを記述します。<tiles:insert>タグの部分に外部のファイル(各コンポーネント)が読み込まれます。
各タグに対してattributeで名称を指定します。

layout.jsp
ここでは「ヘッダ」「ボディ」「フッタ」というレイアウトを定義します。
<%@ page contentType="text/html; charset=Shift_JIS" pageEncoding="Shift_JIS" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>

<tiles:insert attribute="header"/>
<tiles:insert attribute="body"/>
<tiles:insert attribute="footer"/>

コンポーネントの定義

とりあえず適当に。

header.jsp
<p>
header
</p>

body.jsp
<p>
body
</p>

footer.jsp
<p>
footer
</p>

画面の作成

実際の画面ではテンプレートファイルを読み込んで、テンプレートファイルの各場所に対してはめ込むファイルを指定します。
<%@ page contentType="text/html; charset=Shift_JIS" pageEncoding="Shift_JIS" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<html:html>
<head>
<title>Struts-Tiles</title>
</head>
<body>
<tiles:insert template="layout.jsp">
  <tiles:put name="header" value="header.jsp" />
  <tiles:put name="body" value="body.jsp" />
  <tiles:put name="footer" value="footer.jsp" />
</tiles:insert>
</body>
</html:html>

出力結果

Advertisement

ショートカット

634
634ブログ
このカテゴリのトップページに戻る
Incubator(Pukiwiki)
634ラボ
   UIコレクションギャラリー
   ZO-3ジェネレーター

サイト検索


Y!ログール