1. 程式人生 > 實用技巧 >thymeleaf : th:insert和th:replace(和th:include)的區別

thymeleaf : th:insert和th:replace(和th:include)的區別

  • 區別
    th:insert 如同插入的字面意思,將指定的程式碼片段插入主標籤內
    th:replace 如同替換的字面意思,將主標籤替換為指定的程式碼片段
    th:include (3.0版本後已不推薦使用) 類似於th:insert, 不同的是在插入的時候不帶程式碼片段的標籤,只插入程式碼
    程式碼展示
    程式碼片段

    <footer th:fragment="copy">
      &copy; 2011 The Good Thymes Virtual Grocery
    </footer>

    使用thymeleaf語法

    <body>
    
      ...
    
      <div th:insert
    ="footer :: copy"></div> <div th:replace="footer :: copy"></div> <div th:include="footer :: copy"></div> </body>

    結果是

    <body>
    
      ...
    
      <div>
        <footer>
          &copy; 2011 The Good Thymes Virtual Grocery
        </footer>
      </div>
    <footer> &copy; 2011 The Good Thymes Virtual Grocery </footer> <div> &copy; 2011 The Good Thymes Virtual Grocery </div> </body>

    參考:
    https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#template-layout