使用ThymeLeaf新增和引入公共頁面

2021-10-05 23:33:28 字數 785 閱讀 7542

1,公共頁面提取,公共頁面一般都是頭尾,用th:fragment屬性標記公共部分,屬性值用來引用

<

!doctype html>

"">

"common-header"

>

我是公共頁面

我叫common-page.html

<

!-- 判斷誰的activeuri 等於傳過來的activeuri,誰等於誰就亮-->

"$">

"$">

2,其他頁面引入公共頁面

<

!doctype html>

"">

<

!-- 在這裡引入公共頁面 common-page是公共頁的名字,common-header是公共頁th:fragment屬性值-->

<

!-- activeuri是做導航高亮的,引用公共頁面的同時把activeuri傳過去,使公共頁面高亮相應部位 -->

"common-page::common-header(activeuri='one')"

>

我引用公共頁面

<

!doctype html>

"">

<

!-- 在這裡引入公共頁面 -->

"common-page::common-header(activeuri='two')"

>

我引用公共頁面

Thymeleaf新增頁面模板

在頁面編輯中,有一些公共的頁面部分 比如header,footer等 可以抽取出來放到模板中,其他頁面使用的時候可以調取該模板,這樣的好處是如果修改這些公共部分,只修改模板中的 即可。為了做到這一點,thymeleaf需要我們定義包含可用的片段,我們可以通過使用 例如 1.建立乙個template....

thymeleaf使用詳解

thymeleaf介紹 thymeleaf是一款用於渲染xml xhtml html5內容的模板引擎。類似jsp,velocity,freemaker等,它也可以輕易的與spring mvc等web框架進行整合作為web應用的模板引擎。與其它模板引擎相比,thymeleaf最大的特點是能夠直接在瀏覽...

thymeleaf標籤使用

常用th標籤都有那些?關鍵字 功能介紹 案例 th id 替換id th text 文字替換 description th utext 支援html的文字替換 conten th object 替換物件 th value 屬性賦值 th with 變數賦值運算 th style 設定樣式 th st...