SpringBoot中thymeleaf抽取公共页面元素

青旅半醒 2022-03-12 16:28 399阅读 0赞

### 一.抽取公共片段 ###

1）、方式一：使用th:fragment="片段名"

<div th:fragment="copy">
    © 2011 The Good Thymes Virtual Grocery
    </div>

2）、方式二：给片段取class或者id名

<div class="copy" id="copy">
    © 2011 The Good Thymes Virtual Grocery
    </div>

### 二.引入公共片段 ###

1）、th:insert、 th:replace、th:include引入方式对比

例如： th:insert="~\{templatename::selector\}

参数说明：

th:insert：将公共片段整个插入到声明引入的元素中

th:replace：将声明引入的元素替换为公共片段

th:include：将被引入的片段的内容包含进这个标签中（去掉片段最外层元素）

~\{templatename::selector\}：模板名::选择器  
  ~\{templatename::fragmentname\}:模板名::片段名

三种引入效果对比：

引入方式
    <div th:insert="footer :: copy"></div>
    <div th:replace="footer :: copy"></div>
    <div th:include="footer :: copy"></div>
    
    效果
    <div>
        <footer>
        © 2011 The Good Thymes Virtual Grocery
        </footer>
    </div>
    
    <footer>
    © 2011 The Good Thymes Virtual Grocery
    </footer>
    
    <div>
    © 2011 The Good Thymes Virtual Grocery
    </div>

2）、注意

如果使用th:insert等属性进行引入，可以不用写~\{\}；

行内写法必须加上~\{\}：\[\[~\{\}\]\]、\[(~\{\})\]；

发表评论取消回复

表情：

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

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

相关阅读

相关 Thymeleaf中设置每个页面引入公共css样式

场景 Thymeleaf提取公共页面（从实例入手，以inspinia模板为例）： [https://blog.csdn.net/BADAO\_LIUMANG\_QIZH

迷南。/ 2023年10月18日 20:40/ 0 赞/ 59 阅读

相关 5.5 Thymeleaf 页面布局（Thymeleaf 公共页面抽取）

> 第5章 Thymeleaf 模板引擎 > > 5.1 [Thymeleaf 入门][Thymeleaf] > 5.2 [Thymeleaf 表达式][Thymel

- 日理万妓/ 2023年10月07日 23:46/ 0 赞/ 20 阅读

相关 thymeleaf实现公共元素的抽取，点击菜单栏高亮显示（全）

github:[https://github.com/pshdhx/springbootcurd][https_github.com_pshdhx_springbootcur

以你之姓@/ 2022年12月24日 15:55/ 0 赞/ 152 阅读

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

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

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

相关 Thymeleaf抽取公共页面片段

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

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

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

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

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

相关 SpringBoot页面展示Thymeleaf

开发传统Java WEB工程时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用了。SpringBoot支持如下页面模板语言 Thymelea

港控/mmm°/ 2022年02月21日 12:21/ 0 赞/ 261 阅读

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

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

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

相关 11、SpringBoot-CRUD-thymeleaf公共页面元素抽取

thymeleaf公共页面元素抽取存在一种现象：两个文件的代码只有一部分代码不一样其余的均相同，此时就可以提取公共的代码去简化开发 1、抽取公共片段

Love The Way You Lie/ 2021年12月20日 07:39/ 0 赞/ 276 阅读

相关 SpringBoot--thymeleaf公共页面元素抽取、传递参数

thymeleaf公共页面元素抽取 1、抽取公共片段 <div th:fragment="copy"> © 2011 The Good Thyme

清疚/ 2021年08月13日 16:51/ 0 赞/ 474 阅读