`

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

 
阅读更多

关于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参考手册

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

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

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

    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. 渲染后的页面源码 ```...

    using thymeleaf.pdf

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

    usingthymeleaf.pdf文档

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

    thymeleaf的使用

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

Global site tag (gtag.js) - Google Analytics