thymeleaf : th:insert和th:replace(和th:include)的区别

最新推荐文章于 2024-04-25 23:13:41 发布

Amos-Chen

最新推荐文章于 2024-04-25 23:13:41 发布

阅读量2.6k

点赞数 2

分类专栏： # 前端文章标签： thymeleaf insert replace

本文链接：https://blog.csdn.net/amoscn/article/details/82912486

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

区别

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