過去バージョン

この記事の要点
Spring (Thymeleaf) のテンプレートフラグメント: ヘッダー / フッターの共通化 定義: 共通部品ファイルに th:fragment="name" を付ける 読み込み: th:replace="~{path/fragment :: name}" または th:insert 部分置換できるので、ページごとに差分だけ書ける

 

本稿はSpring Frameworkのテンプレートフラグメントについて説明します。

 

テンプレートフラグメントとは？

テンプレートフラグメントを利用することで、ヘッダーやフッター等を部品化し、共有化させることができます。

 

フラグメントの作成

以下の内容の/src/main/resource/templates/test/fragment.htmlを作成します。

th:fragment="header">     ヘッダー               th:fragment="footer">     フッター

 

サンプルページの作成

フラグメントを取り込むサンプルページを作成します。

以下の内容の/src/main/resource/templates/test/content.htmlを実装します。

th:include="/test/fragment :: header">           コンテント           th:include="/test/fragment :: footer">

 

出力結果

ヘッダー コンテント フッター