thymeleaf th:replace th:include th:insert 的区别

最新推荐文章于 2022-11-20 21:31:11 发布

yizhiwazi

最新推荐文章于 2022-11-20 21:31:11 发布

阅读量3.5w

点赞数 22

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/austral/article/details/73802396

本文详细解析了 Thymeleaf 中 th:insert、th:replace 和 th:include 三个模板指令的区别及使用场景。通过实例展示了如何利用这些指令来高效地组织和复用 HTML 代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于thymeleaf th:replace th:include th:insert 的区别

th:insert ：保留自己的主标签，保留th:fragment的主标签。
th:replace ：不要自己的主标签，保留th:fragment的主标签。
th:include ：保留自己的主标签，不要th:fragment的主标签。（官方3.0后不推荐）

需要替换的片段内容：
<footer th:fragment="copy">
   <script type="text/javascript" th:src="@{/plugins/jquery/jquery-3.0.2.js}"></script>
</footer>

导入片段：

  <div th:insert="footer :: copy"></div>

  <div th:replace="footer :: copy"></div>

  <div th:include="footer :: copy"></div>
  

结果为：

<div>
    <footer>
       <script type="text/javascript" th:src="@{/plugins/jquery/jquery-3.0.2.js}"></script>
    </footer>  
</div>  

<footer>
  <script type="text/javascript" th:src="@{/plugins/jquery/jquery-3.0.2.js}"></script>
</footer>  

<div>
  <script type="text/javascript" th:src="@{/plugins/jquery/jquery-3.0.2.js}"></script>
</div>