`

th:replace th:include th:insert 的区别

 
阅读更多

原文地址:https://blog.csdn.net/austral/article/details/73802396

关于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>  

 

分享到:
评论

相关推荐

    thymeleaf th fragment高级应用 – Pure nonsense.rar

    通过`th:insert`或`th:replace`,可以在主模板中插入不同的Fragment来组合成完整的页面。 4. **模板继承**:除了Fragment,Thymeleaf还支持模板继承。一个模板可以定义基本结构和共享内容,其他模板通过`th:extends...

    thymeleaf_3.0.5_中文参考手册.pdf

    - 布局系统允许创建可重用的头部、底部和侧边栏,如`th:insert`和`th:replace`指令。 - 片段(Fragment)是可复用的HTML部分,可以通过`th:include`和`th:replace`引用。 9. 数据对象的转换和格式化 - Thymeleaf...

    thymeleaf参考手册

    5. **DOM操作**:Thymeleaf能动态添加、删除和修改DOM元素,比如`th:insert`、`th:replace`和`th:remove`。 6. **数据绑定**:Thymeleaf能自动将模型数据与表单字段关联,如`th:field`用于处理Spring表单绑定。 7....

    Thymeleaf_v3.0.5_参考手册(中文版).zip

    10. **模板布局**:Thymeleaf的布局系统允许创建可复用的布局模板,子模板可以通过`th:insert`和`th:replace`指令插入到布局中。 11. **模板模式(Template Modes)**:Thymeleaf支持多种模板模式,如HTML、XML、...

    thymeleaf 使用手册

    1. **片段引用**:通过 `th:insert`、`th:replace`、`th:include` 来复用模板中的代码段。 2. **自定义方言**:Thymeleaf 允许开发者扩展其功能,通过创建自定义方言来增加新的标签或属性。 3. **脚本处理**:可以...

    SpringBoot2整合thymeleaf3及thymeleaf3语法.md

    &lt;div th:replace="~{include/part :: mySecondPart }" style="background-color: yellow"&gt; &lt;div th:include="~{include/part ::myThirdPart }" style="background-color: red"&gt; ``` 3. 渲染后的页面源码 ```...

    usingthymeleaf.pdf文档

    - **DOM操作**: `th:insert`、`th:replace` 和 `th:include` 用于组合模板,实现代码复用。 3. **与其他技术的集成** - **Spring Integration**: Thymeleaf与Spring的集成非常紧密,支持Spring MVC中的...

    using thymeleaf.pdf

    - **片段引用**:`th:include`, `th:replace` - 示例:`&lt;div th:include="~{common :: footer}"&gt;&lt;/div&gt;` #### 3. Thymeleaf的安装与配置 ##### 3.1 安装 Thymeleaf可以通过Maven或Gradle添加依赖来进行安装。...

    thymeleaf的使用

    - `th:include`:包含模板片段,保留插入点元素。 6. **字面量表达式**:可以直接写入文本、数字、布尔值或null。 7. **算术操作**:支持加减乘除和取模运算,如`&lt;span th:text="${price * quantity}"&gt;&lt;/span&gt;`...

    在b/s开发中经常用到的javaScript技术

    (this.value.replace(/^\s+|\s+$/g,'')=='')alert('不能为空!')"&gt; 3.2 多行文本框的值不能为空。 3.3 多行文本框的值不能超过sMaxStrleng 3.4 多行文本框的值不能少于sMixStrleng 3.5 判断单选框是否选择。 ...

    UE(官方下载)

    UltraEdit includes a Search and Replace Favorites feature that allows you to manage frequently used Find and Replace strings. Create, name, and edit your Search and Replace Favorites... Customizing ...

    VclZip pro v3.10.1

    These allow you to replace the standard pkzip encryption with your own. Data is passed to these events a buffer at a time. Use this with care as this is still somewhat experimental and I'm not sure ...

Global site tag (gtag.js) - Google Analytics