模板可以分解为可重复使用的部分（称为片段）。
片段可以在单独的模板文件中定义，也可以在它们被使用的同一个模板中定义。这对于模块化部分以便在多个模板中重复使用非常有用。
为什么要使用片段？
- 代码可重用性重复使用模板的各个部分，如菜单、页脚，而无需重复代码。您甚至可以创建常用 UI 组件库。
- 可维护性当某些结构、内容或设计发生变化时，只需更改一个片段即可影响其所有使用的地方。
- 更清晰的模板模板分解为更易于管理、更小的带有片段的逻辑部分。
- 关注点分离片段可以使整体开发过程更加模块化，更易于管理。
基本片段用法
为了定义片段，我们使用以下th:fragment属性：
<nav th:fragment="navigation" class="navbar">
<a th:href="@{/home}" class="nav-link">Home</a>
<a th:href="@{/profile}" class="nav-link">Profile</a>
</nav>
|
片段由 navigation标识，存在于文件 中header.html，包括整个
现在我们已经定义了一个片段，让我们看看如何引用它。
引用片段
要在其他模板中使用片段，需要通过片段表达式来引用。 根据模板名称和片段选择器，有三种类型：
- 外部片段： ~{templatename :: selector}
- 本地片段： ~{:: selector} 或 ~{this :: selector}
- 完整模板： ~{templatename}
使用这样的表达式，片段既可以插入到另一个元素中，也可以完全替换它。 文档：
th:insert 属性会插入片段，并保持周围元素不变：
<body>
<div th:insert="fragments/nav :: navigation" class="nav-wrapper"></div>
<h2>Welcome to Thymeleaf</h2>
</body>
|
输出结果如下
<body>
<div class="nav-wrapper">
<nav class="navbar">
<a href="/myawesomeapp/home}" class="nav-link">Home</a>
<a href="/myawesomeapp/profile}" class="nav-link">Profile</a>
</nav>
</div>
<h2>Welcome to Thymeleaf</h2>
</body>
|
要使用片段替换元素，需要使用名为 th:replace 的参数：
<body>
<div th:replace="fragments/nav :: navigation" class="nav-wrapper"></div>
<h2>Welcome to Thymeleaf</h2>
</body>
|
片段中的