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

区别介绍：

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

 

举个栗子：

说明三种语法的区别：

    <!--2-底部-->
    <footer th:fragment="footer" class="main-sidebar">
        <!-- 3-底部版权内容 -->
        <div class="layui-footer layui-text">
            Copyright © 2020 emframework.com all rights reserved.
        </div>            
    </footer>

 

第一种：th:insert 

    <!--1-底部版权-->
    <div th:insert="layout/footer::footer"></div>

效果是：（ 保留自己的主标签，保留th:fragment的主标签。）

<!--1-底部版权-->
<div>
    <!--2-底部-->
    <footer class="main-sidebar">
        <!--3-底部版权内容 -->
        <span class="layui-footer layui-text">
            Copyright © 2020 emframework.com all rights reserved.
        </span >            
    </footer>
</div>

第二种：th:replace

    <!--1-底部版权-->
    <div th:replace="layout/footer::footer"></div>

效果是：（不要自己的主标签，保留th:fragment的主标签。）

    <!--2-底部-->
    <footer class="main-sidebar">
        <!-- 3-底部版权内容 -->
        <span class="layui-footer layui-text">
            Copyright © 2020 emframework.com all rights reserved.
        </span >            
    </footer>

第三种：th:include

    <!--1-底部版权-->
    <div th:include="layout/footer::footer"></div>

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

<!--1-底部版权-->
<div>
    <!--3-底部版权内容-->
    <span class="layui-footer layui-text">
          Copyright © 2020 emframework.com all rights reserved.
    </span>        
</div>