Webアプリ開発の常識、バリデーションとテンプレート：Webアプリの常識をJSPとStrutsで身につける（7）（3/3 ページ）

図3　サンプルのレイアウト

　では、上記と同じような画面を「Tile」タグを使ってアプリケーションを作成してみましょう。これまでの連載と同様、「PKG\Hello\pages」配下に下記のJSPファイルを作成してください。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　これで、アプリケーションの作成は完了です。

■「Tiles」のサンプルを動かしてみよう

　連載第2回と同様に、Eclipseを起動します。次に、［プロジェクト・エクスプローラー］の「Hello」を選択して右クリックをして、［リフレッシュ］を選択します。Eclipseで［プロジェクト］の［クリーン］を選択して、Helloプロジェクトのコンパイルが完了したら、Eclipse上から「Tomcat起動」アイコン（猫マーク）を押して、Tomcatを起動してください。

　正常に起動したことを確認したら、「http://localhost:8080/hello/pages/Tiles.jsp」にアクセスしてください。すると、下記のような画面が表示されます。

図4　サンプルの実行結果

　このように、Tilesタグを使うことでさまざまな部品（JSP）を組み合わせた画面を作成できます。「コンテンツ」部分である画面のみ変更したい場合、「Body.jsp」を違うJSPにするだけで「ヘッダー部分」「メニュー画面」「フッター部分」に関しては再利用するだけでいいので、製造効率やメンテナンス作業の向上につながるのです。

■<tiles:insert>タグ

　<tiles:insert>タグは画面部品のJSPを、JSPに取り込む場合に使用します。今回は「Main.jsp」に「Heder.jsp」「Menu.jsp」「Body.jsp」「Footer.jsp」を取り込んでいます。

■<tiles:put>タグ

　<tiles:put>タグはテンプレートファイルを読み込んで、テンプレートファイルの各場所に対してはめ込むファイルを指定します。今回表示させた「Tiles.jsp」は、「Main.jsp」をテンプレートファイルとして「Heder.jsp」「Menu.jsp」「Body.jsp」「Footer.jsp」を組み込んでいます。

テンプレートエンジンはいろいろある

　テンプレートエンジンとしては、JavaではフレームワークVelocityが有名だがほかの言語でも以下のようなものがあります。

　ほかにも、テンプレートエンジンに関しては、以下の記事を参考にしてください。

＠IT：Java TIPS -- Strutsでプレゼンテーション部分にVelocityを使う via kwout

連載インデックス「パターンとライブラリで作るAjaxおいしいレシピ」 - ＠IT via kwout

連載記事 「今から始める MySQL入門」 via kwout

Insider.NET - ＠IT via kwout

Gaucheでメタプログラミング - ＠IT via kwout

次回は「データベース操作の常識」

　今回は、Webアプリケーションに欠かせないバリデーションとテンプレートエンジンについて説明しましたが、いかがしたでしょうか。今回の連載まででMVCモデルの“View”の部分の常識が大体理解できたかと思います。

　次回は、「データベース操作の常識」と題して、業務で使うWebアプリケーションに欠かせないデータベースをJSPやStrutsから操作する方法について解説します。データベース環境を構築しながら、Javaからデータベースと接続するためのJDBCとはなにか？ いままでの連載でたびたび登場してきたBeanとはなにか？ を解説します。

　MVCモデルの“Model”の部分に踏み込み、簡単なデータベース操作のWebアプリケーションのサンプルも作成しますので、どうぞお楽しみに！

　今回のサンプルは、こちらからダウンロードできます。