Thmeleaf公共部分抽取以及th:insert th:replace th:include 区别

╰+哭是因爲堅強的太久メ 2022-12-15 03:39 79阅读 0赞

**目录**

引入语法

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

--------------------

# 引入语法 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDkxNTA4_size_16_color_FFFFFF_t_70][]

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

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

需要替换的片段内容：
    <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>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDkxNTA4_size_16_color_FFFFFF_t_70]: /images/20221123/84f63253eed44aae8d081464198d78db.png

发表评论取消回复

表情：

评论列表（有 0 条评论，79人围观）

还没有评论，来说两句吧...

相关阅读

相关黑马博客——详细步骤(一)路由跳转和抽取公共部分代码

1.2 案例初始化 1. 建立项目所需文件夹 public 静态资源 model 数据库操作 route 路由 views 模板 2. 初始化项目描述文件

Bertha 。/ 2022年12月31日 02:18/ 0 赞/ 51 阅读

相关 Vue抽取公共方法

第一步：创建目录utils，在其中新建h-utils.js export default { fun(){ console.log

拼搏现实的明天。/ 2022年12月20日 05:43/ 0 赞/ 246 阅读

相关 Thmeleaf公共部分抽取以及th:insert th:replace th:include 区别

目录引入语法关于thymeleaf th:replace th:include th:insert 的区别 -------------------- 引入语

╰+哭是因爲堅強的太久メ/ 2022年12月15日 03:39/ 0 赞/ 80 阅读

相关 springboot项目公共配置文件抽取

> 背景：部署多个服务，但是每个里面有很多相同的配置，这些配置每次部署都需要更改 > 目标：希望配置文件里面的运维相关的配置抽取到公共目录，实现统一管理，一改全改 >

我就是我/ 2022年08月28日 12:40/ 0 赞/ 302 阅读

相关 Thymeleaf抽取公共页面片段

抽取页面项目中，一般把所有的公共页面片段都抽取出来放在一个独立的页面中其他，所有的页面根据需要进行引用参考文档 ![这里写图片描述][70] t

墨蓝/ 2022年05月15日 13:35/ 0 赞/ 260 阅读

相关 SpringBoot中thymeleaf抽取公共页面元素

一.抽取公共片段 1）、方式一：使用th:fragment="片段名" <div th:fragment="copy"> © 2011 The Good

青旅半醒/ 2022年03月12日 16:28/ 0 赞/ 404 阅读

相关 dao层公共接口设计(抽取公共代码，减少代码冗余)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEy

墨蓝/ 2022年03月09日 16:48/ 0 赞/ 293 阅读

相关 thymeleaf 公共部分

thymeleaf 抽取公共部分文章目录主要用到的标签用法 th:insert th:replace th:include 区别

待我称王封你为后i/ 2022年02月25日 03:40/ 0 赞/ 254 阅读

相关使用动态代理，抽取Service公共代码

原业务层代码： AccountServiceImpl\_OLD.java public class AccountServiceImpl_OLD implemen

逃离我推掉我的手/ 2022年02月20日 01:59/ 0 赞/ 285 阅读

相关（11）thymeleaf-公共页面元素的抽取

有的时候，一个HTML界面的元素可能会需要在其他页面也会用到，如果多次用到的化，多次编写（或者说是复制），会使得代码太过于冗余，也不易于阅读。可以使用thymeleaf的抽

野性酷女/ 2022年02月03日 04:11/ 0 赞/ 275 阅读