Thymeleaf可以用? th? 標(biāo)簽動(dòng)態(tài)替換掉靜態(tài)數(shù)據(jù)了。如下圖,后臺(tái)傳出的message會(huì)將靜態(tài)數(shù)據(jù)“Red Chair”替換掉,若訪問靜態(tài)頁面,則顯示數(shù)據(jù)“Red Chair”。
<td th:text="${user.name}">Red Chair</td>
thymeleaf,我個(gè)人認(rèn)為是個(gè)比較好的模板,性能也比一般的,比如freemaker的要高,而且把將美工和程序員能夠結(jié)合起來,美工能夠在瀏覽器中查看靜態(tài)效果,程序員可以在應(yīng)用服務(wù)器查看帶數(shù)據(jù)的效果。
thymeleaf是一個(gè)支持html原型的自然引擎,它在html標(biāo)簽增加額外的屬性來達(dá)到模板+數(shù)據(jù)的展示方式,由于瀏覽器解釋html時(shí),忽略未定義的標(biāo)簽屬性,因此thymeleaf的模板可以靜態(tài)運(yùn)行。
由于thymeleaf在內(nèi)存緩存解析后的模板,解析后的模板是基于tree的dom節(jié)點(diǎn)樹,因此thymeleaf適用于一般的web頁面,不適合基于數(shù)據(jù)的xml。
thymeleaf 的context,即提供數(shù)據(jù)的地方,基于web的context,即WebContext相對(duì)context增加 param,session,application變量,并且自動(dòng)將request atttributes添加到context variable map,可以在模板直接訪問。
在模板處理前,thymeleaf還會(huì)增加一個(gè)變量execInfo,比如${execInfo.templateName},${execInfo.now}等。
數(shù)據(jù)訪問模式:
${...},變量引用模式,比如${myBean.property},如果用springDialect,則使用的是spring EL,如果不用spring,則用的ognl。
*{...},選擇表達(dá)式,一般是th:object之后,直接取object中的屬性。當(dāng)沒有選取對(duì)象時(shí),其功能等同${...},*{firstName}也等同于${#object.firstName},#object代表當(dāng)前選擇的對(duì)象。
@{...}鏈接url的表達(dá)式。th:href="@{/xxx/aa.do(id=${o.id})",會(huì)自動(dòng)進(jìn)行url-encoding的處理。@{...}內(nèi)部可以是需要計(jì)算的表達(dá)式,比如:
th:href=”@{'/details/'+${user.login}(orderId=${o.id})}"
#{...},i18n,國際化。
需要注意的:
#{${welcomeMsgKey}(${session.user.name})}:i18n message支持占位。各個(gè)表達(dá)式支持嵌套。
表達(dá)式基本對(duì)象:
#ctx:context object
#root或者#vars
#locale
#httpServletRequest
#httpSession
表達(dá)式功能對(duì)象:
#dates:java.util.Date的功能方法類。
#calendars:類似#dates,面向java.util.Calendar
#numbers:格式化數(shù)字的功能方法類。
#strings:字符串對(duì)象的功能類,contains,startWiths,prepending/appending等等。
#objects:對(duì)objects的功能類操作。
#bools:對(duì)布爾值求值的功能方法。
#arrays:對(duì)數(shù)組的功能類方法。
#lists:對(duì)lists功能類方法
#sets
#maps
#aggregates:對(duì)數(shù)組或者集合創(chuàng)建聚合的功能方法,
th:text="${#aggregates.sum(o.orderLines.{purchasePrice * amount})}"
#messages:在變量表達(dá)式中獲取外部信息的功能類方法。
#ids:處理可能重復(fù)的id屬性的功能類方法。
條件操作:
(if)?(then):滿足條件,執(zhí)行then。
(if)?(then):(else)
(value)?:(defalutValue)
一些標(biāo)簽:
th:text="${data}",將data的值替換該屬性所在標(biāo)簽的body。字符常量要用引號(hào),比如th:text="'hello world'",th:text="2011+3",th:text="'my name is '+${user.name}"
th:utext,和th:text的區(qū)別是"unescaped text"。
th:with,定義變量,th:with="isEven=${prodStat.count}%2==0",定義多個(gè)變量可以用逗號(hào)分隔。
th:attr,設(shè)置標(biāo)簽屬性,多個(gè)屬性可以用逗號(hào)分隔,比如th:attr="src=@{/image/aa.jpg},title=#{logo}",此標(biāo)簽不太優(yōu)雅,一般用的比較少。
th:[tagAttr],設(shè)置標(biāo)簽的各個(gè)屬性,比如th:value,th:action等。
可以一次設(shè)置兩個(gè)屬性,比如:th:alt-title="#{logo}"
對(duì)屬性增加前綴和后綴,用th:attrappend,th:attrprepend,比如:th:attrappend="class=${' '+cssStyle}"
對(duì)于屬性是有些特定值的,比如checked屬性,thymeleaf都采用bool值,比如th:checked=${user.isActive}
th:if or th:unless,條件判斷,支持布爾值,數(shù)字(非零為true),字符,字符串等。
th:switch,th:case,選擇語句。 th:case="*"表示default case。
th:fragment,th:include,th:substituteby:fragment為片段標(biāo)記,指定一個(gè)模板內(nèi)一部分代碼為一個(gè)片段,然后在其它的頁面中用th:include或th:substituteby進(jìn)行包含。
包含的格式為,格式內(nèi)可以為表達(dá)式,比如th:include="footer::$(user.logined)?'logined':'notLogin'":
"templatename::fragname",指定模板內(nèi)的指定片段。
"templateName::[domselector]",指定模板的dom selector,被包含的模板內(nèi)不需要th:fragment.
”templatename",包含整個(gè)模板。
th:include和th:substituteby的區(qū)別在于前者包含片段的內(nèi)容到當(dāng)前標(biāo)簽內(nèi),后者是用整個(gè)片段(內(nèi)容和上一層)替換當(dāng)前標(biāo)簽(不僅僅是標(biāo)簽內(nèi)容)。
th:remove="all|body|tag|all-but-first",一般用于將mock數(shù)據(jù)在真實(shí)環(huán)境中移除,all表示移除標(biāo)簽以及標(biāo)簽內(nèi)容,body只移除內(nèi)容,tag只移除所屬標(biāo)簽,不移除內(nèi)容,all-but-first,除第一條外其它不移除。
由 于一個(gè)標(biāo)簽內(nèi)可以包含多個(gè)th:x屬性,其先后順序?yàn)椋篿nclude,each,if/unless/switch/case,with,attr /attrprepend/attrappend,value/href,src ,etc,text/utext,fragment,remove。
內(nèi)聯(lián)文本:[[...]]內(nèi)聯(lián)文本的表示方式,使用時(shí),必須先用th:inline="text/javascript/none"激活,th:inline可以在父級(jí)標(biāo)簽內(nèi)使用,甚至作為body的標(biāo)簽。內(nèi)聯(lián)文本盡管比th:text的代碼少,但是不利于原型顯示。
內(nèi)聯(lián)js:
/*
...
var username = /*[[${sesion.user.name}]]*/ 'Sebastian';
...
/*]]>*/
js附加代碼:
/*[+
var msg = 'This is a working application';
+]*/
js移除代碼:
/*[- */
var msg = 'This is a non-working template';
/* -]*/
模板緩存:
1、指定特定的緩存:
templateResolver.setCacheable(false);
templateResolver.getCacheablePatternSpec().addPattern("/users/*");
2、清除緩存:
templateEngine.clearTemplateCache();
templateEngine.clearTemplateCacheFor("/users/userList");
補(bǔ)充點(diǎn)url知識(shí):
1、絕對(duì)路徑:http://news.sina.com.cn
2、相對(duì)路徑:
2.1:頁面相對(duì)路徑,一般指相對(duì)當(dāng)前請(qǐng)求的url,比如 aa.do
2.2:上下文相對(duì),比如/xxx/aa.do
2.3:服務(wù)器相對(duì)路徑,比如~/other/xxx/aa.do,允許切換到相同服務(wù)器不同上下文的路徑。



hymeleaf在使用時(shí)注意特殊符號(hào)如&---轉(zhuǎn)為&





