thymeleaf簡單使用

Thymeleaf是一個(gè)XML/XHTML/HTML5模板引擎这难,可用于Web與非Web環(huán)境中的應(yīng)用開發(fā)叉庐。它是一個(gè)開源的Java庫种樱,基于Apache License 2.0許可萧求,由Daniel Fernández創(chuàng)建托享,該作者還是Java加密庫Jasypt的作者骚烧。

Thymeleaf提供了一個(gè)用于整合Spring MVC的可選模塊浸赫,在應(yīng)用開發(fā)中和橙,你可以使用Thymeleaf來完全代替JSP乓土,或其他模板引擎囱井,如Velocity赃磨、FreeMarker等鳞疲。Thymeleaf的主要目標(biāo)在于提供一種可被瀏覽器正確顯示的临庇、格式良好的模板創(chuàng)建方式叼风,因此也可以用作靜態(tài)建模朋譬。你可以使用它創(chuàng)建經(jīng)過驗(yàn)證的XML與HTML模板么夫。相對(duì)于編寫邏輯或代碼者冤,開發(fā)者只需將標(biāo)簽屬性添加到模板中即可。接下來档痪,這些標(biāo)簽屬性就會(huì)在DOM(文檔對(duì)象模型)上執(zhí)行預(yù)先制定好的邏輯涉枫。

1、在項(xiàng)目中添加引用

1腐螟、maven的引用方式:

<dependency>    
    <groupId>org.springframework.boot</groupId>    
    <artifactId>spring-boot-starter-thymeleaf</artifactId>    
</dependency>   

2愿汰、gradle的引用方式:

compile "org.springframework.boot:spring-boot-starter-thymeleaf"  

2、在controller編寫代碼乐纸,返回視圖

@RequestMapping("/index")
public String index(ModelMap map) {    // 加入一個(gè)屬性衬廷,用來在模板中讀取    
  map.addAttribute("host", "http://www.bilibili.com");   
  // return模板文件的名稱,對(duì)應(yīng)src/main/resources/templates/index.html   
  return "index";
}

3汽绢、index.html

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:th="http://www.thymeleaf.org">
<head lang="en">   
 <meta charset="UTF-8" />    
<title></title>
</head>
<body>
<h1 th:text="${host}">Hello World</h1>
</body>
</html>

4吗跋、運(yùn)行效果

bilibili.png

5、其他

# 代表 獲取對(duì)象 從 messages bundle 也就是消息的資源本地化文件
$ 表示從model里面獲取
th:fragment=“public” 相當(dāng)于 include標(biāo)簽
th:each="user : ${users}" 相當(dāng)于c:foreach
如:

<tr th:each="user : ${users}">
  <td th:text="${user.id}">2333333</td>
  <td th:text="${user.name}">紅紅火火恍恍惚惚</td>
</tr>

th:text表示動(dòng)態(tài)設(shè)置屬性的值
th:action用于表單的action
th:if用作if判斷
內(nèi)聯(lián)js:

<script th:inline="javascript">
/*<![CDATA[*/
...var username = /*[[${sesion.user.name}]]*/ 'Sebastian';...
/*]]>*/
</script>

js附加代碼:

/*[+
var msg = 'This is a working application';
+]*/

js移除代碼:

/*[- */
var msg = 'This is a non-working template';
/* -]*/

先就這么多吧~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末宁昭,一起剝皮案震驚了整個(gè)濱河市跌宛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌积仗,老刑警劉巖疆拘,帶你破解...
    沈念sama閱讀 221,548評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異寂曹,居然都是意外死亡哎迄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門隆圆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漱挚,“玉大人,你說我怎么就攤上這事匾灶±饫茫” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵阶女,是天一觀的道長颊糜。 經(jīng)常有香客問我哩治,道長,這世上最難降的妖魔是什么衬鱼? 我笑而不...
    開封第一講書人閱讀 59,618評(píng)論 1 296
  • 正文 為了忘掉前任业筏,我火速辦了婚禮,結(jié)果婚禮上鸟赫,老公的妹妹穿的比我還像新娘蒜胖。我一直安慰自己,他們只是感情好抛蚤,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評(píng)論 6 397
  • 文/花漫 我一把揭開白布台谢。 她就那樣靜靜地躺著,像睡著了一般岁经。 火紅的嫁衣襯著肌膚如雪朋沮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,246評(píng)論 1 308
  • 那天缀壤,我揣著相機(jī)與錄音樊拓,去河邊找鬼。 笑死塘慕,一個(gè)胖子當(dāng)著我的面吹牛筋夏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播图呢,決...
    沈念sama閱讀 40,819評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼条篷,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了岳瞭?” 一聲冷哼從身側(cè)響起拥娄,我...
    開封第一講書人閱讀 39,725評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤蚊锹,失蹤者是張志新(化名)和其女友劉穎瞳筏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體牡昆,經(jīng)...
    沈念sama閱讀 46,268評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡姚炕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了丢烘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片柱宦。...
    茶點(diǎn)故事閱讀 40,488評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖播瞳,靈堂內(nèi)的尸體忽然破棺而出掸刊,到底是詐尸還是另有隱情,我是刑警寧澤赢乓,帶...
    沈念sama閱讀 36,181評(píng)論 5 350
  • 正文 年R本政府宣布忧侧,位于F島的核電站石窑,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蚓炬。R本人自食惡果不足惜松逊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望肯夏。 院中可真熱鬧经宏,春花似錦、人聲如沸驯击。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽徊都。三九已至缚柏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間碟贾,已是汗流浹背币喧。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留袱耽,地道東北人杀餐。 一個(gè)月前我還...
    沈念sama閱讀 48,897評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像朱巨,于是被迫代替她去往敵國和親史翘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容