日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

thymeleaf中th:include, th:insert, th:replace的區別

作者：BlackBox_ 更新時間： 2022-01-07 編程語言

thymeleaf中th:include, th:insert, th:replace的區別

一、代碼和介紹

  1. footer.html
<footer th:fragment="copy">
	需要copy的代碼...
</footer>
  1. 需要引用copy的頁面，有三種方式
    • 【注意】這里的footer是頁面的名稱，不是標簽的名稱
<body>
    ...其他代碼
    <div th:insert="footer :: copy"></div> 
    <div th:replace="footer :: copy"></div>
    <div th:include="footer :: copy"></div>
</body>

  1. 渲染后的效果

    1. th:insert

      • 相當于把需要引入的內容，標簽+代碼一同引如到div內部
      <div>
	<footer th:fragment="copy">
	需要copy的代碼...
	</footer>
</div>

    2. th:replace

      • th:replace是在div標簽上寫的，渲染效果則是用footer把div替換掉
      <footer th:fragment="copy">
	需要copy的代碼...
</footer>

    3. th:include

      • 將footer標簽體內的內容，放到div中進行渲染，div中原先有的內容也會被覆蓋掉
      <div>
	<footer th:fragment="copy">
	需要copy的代碼...
	</footer>
</div>

二、演示截圖

  1. 代碼截圖

在這里插入圖片描述

  1. chrome瀏覽器中渲染后的結果

在這里插入圖片描述

原文鏈接：https://blog.csdn.net/BlackBox_/article/details/122111384

欄目分類
最近更新