SpringBoot23：thymeleaf中html的片段替换

我们这里定义一个公共的页面片段，供其他界面引入 

<!--头部-->
<nav th:fragment="header">
    <h3>头部</h3>
</nav>

<!--尾部-->
<div th:fragment="footer" id="footer">
    <h3>尾部</h3>
</div>

引入片段

这里注意，可以使用th:fragment="header"定义的名称，也可以使用id的名称，这里头部使用了前者，尾部使用了id

<div th:insert="~{elements::header}"></div>

<div>
    <h3>中部</h3>
</div>

<div th:insert="~{elements::#footer}"></div>

引入方式

• th:insert： 将公共的标签及内容插入到指定标签当中
• th:replace： 将公共的标签替换指定的标签
• th:include：将公共标签的内容包含到指定标签当中

此外，引入片段的时候还可以传值