thymeleaf公共頁面元素抽取

1、抽取公共片段

2011 the good thymes virtual grocery

2、引入公共片段

~：模板名::選擇器

~:模板名::片段名

或者：

<

div 
id="copy1"
>
2011 the good thymes virtual grocery
div>
<
div 
th:insert
="footer :: #copy"
>
div>

【注意】

insert的公共片段在div標籤中

如果使用th:insert等屬性進行引入，可以不用寫~{}：

行內寫法可以加上：[[~{}]];[(~{})];

3、三種引入公共片段的th屬性：

th:insert：將公共片段整個插入到宣告引入的元素中

th:replace：將宣告引入的元素替換為公共片段

th:include：將被引入的片段的內容包含進這個標籤中

<

footer 
th:fragment
="copy"
>
2011 the good thymes virtual grocery
footer
>
引入方式
<
div 
th:insert
="footer :: copy"
>
div>
<
div 
th:replace
="footer :: copy"
>
div>
<
div 
th:include
="footer :: copy"
>
div>
效果insert:
<
div>
<
footer
>
2011 the good thymes virtual grocery
footer
>
div>
replace:
<
footer
>
2011 the good thymes virtual grocery
footer
>
include:
<
div>
2011 the good thymes virtual grocery
div>

thymeleaf公共頁面元素抽取

使用thymeleaf的 th fragment 為樣抽取的公共片段命名，如下把div標籤命名為 copy，就可以獲取到div整個裡的內容 模板名 選擇器 模板名 片段名 insert的公共片段在div標籤中 如果使用th insert等屬性進行引入，可以不用寫 行內寫法可以加上 三種引入公共片段的...

thymeleaf公共頁面元素抽取

thymeleaf公共頁面元素抽取1 抽取公共片段 2 引入公共片段 模板名 選擇器 模板名 片段名 3 預設效果 insert的公共片段在div標籤中 如果使用th insert等屬性進行引入，可以不用寫 行內寫法可以加上 三種引入公共片段的th屬性 th insert 將公共片段整個插入到宣告引...

thymeleaf引擎模板公共頁面抽取

1 抽取公共片段 2 引入公共片段 模板名 選擇器 模板名 片段名3 預設效果 insert的公共片段在div標籤中 如果使用th insert等屬性進行引入，可以不用寫 行內寫法可以加上 三種引入公共片段的th屬性 th insert 將公共片段整個插入到宣告引入的元素中 th replace 將...