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

时间:2023-03-08 19:24:09

关于thymeleaf th:replace th:include th:insert 的区别
    th:insert   :保留自己的主标签,保留th:fragment的主标签。
    th:replace :不要自己的主标签,保留th:fragment的主标签。
    th:include :保留自己的主标签,不要th:fragment的主标签。(官方3.0后不推荐)

例子

    <span style="font-family:SimHei;font-size:18px;">需要替换的片段内容:  

//copy代码片
<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>