【Spring-Boot3】Thymeleafのレイアウトまとめ。

共通レイアウトにページを適用させる場合
画面に部品化したHTMLを埋め込みたい場合
おまけ

共通レイアウトにページを適用させる場合

共通レイアウト

<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:th="http://www.thymeleaf.org"
    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    lang="ja">

  <body>
    <div layout:fragment="contents"></div>
  </body>
</html>

各ページ

<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:th="http://www.thymeleaf.org"
    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorator="~{layout/layout}">

  <body>
    <div layout:fragment="contents">
  </body>
</html>

画面に部品化したHTMLを埋め込みたい場合

部品側

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

  <body>
    <div th:fragment="method" th:remove="tag"></div>
  </body>
</html>

<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:th="http://www.thymeleaf.org"
    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorator="~{layout/layout}">

  <body>
    <div th:insert="~{layout/parts :: method}"></div>
  </body>
</html>