thymeleaf公共頁面元素抽取

2022-09-07 10:48:13 字數 497 閱讀 6757

thymeleaf公共頁面元素抽取

1、抽取公共片段

2、引入公共片段

~:模板名::選擇器

~:模板名::片段名

3、預設效果:

insert的公共片段在div標籤中

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

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

三種引入公共片段的th屬性:

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

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

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

引入方式

效果

引入片段的時候傳入引數:

dashboard (current)

thymeleaf公共頁面元素抽取

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

thymeleaf公共頁面元素抽取

1 抽取公共片段 2011 the good thymes virtual grocery 2 引入公共片段 模板名 選擇器 模板名 片段名 或者 div id copy1 2011 the good thymes virtual grocery div div th insert footer c...

thymeleaf引擎模板公共頁面抽取

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