005-Thymeleaf模板整合

后臺(tái)人員的強(qiáng)大之處在于,不僅可以寫(xiě)后臺(tái)代碼匹耕,還可以寫(xiě)前端頁(yè)面。


以前的ssm或者ssh赔蒲,常用的就是Jsp頁(yè)面泌神,還有的用模板技術(shù),比如freemarker,velocity等等舞虱,springboot推薦使用Thymeleaf模板技術(shù)欢际。簡(jiǎn)單說(shuō), Thymeleaf 是一個(gè)跟 Velocity矾兜、FreeMarker 類似的模板引擎损趋,它可以完全替代 JSP 。相較與其他的模板引擎椅寺,它有如下三個(gè)極吸引人的特點(diǎn):?


? ? 1.Thymeleaf 在有網(wǎng)絡(luò)和無(wú)網(wǎng)絡(luò)的環(huán)境下皆可運(yùn)行浑槽,即它可以讓美工在瀏覽器查看頁(yè)面的靜態(tài)效果,也可以讓程序員在服務(wù)器查看帶數(shù)據(jù)的動(dòng)態(tài)頁(yè)面效果返帕。這是由于它支持 html 原型桐玻,然后在 html 標(biāo)簽里增加額外的屬性來(lái)達(dá)到模板+數(shù)據(jù)的展示方式。瀏覽器解釋 html 時(shí)會(huì)忽略未定義的標(biāo)簽屬性荆萤,所以 thymeleaf 的模板可以靜態(tài)地運(yùn)行镊靴;當(dāng)有數(shù)據(jù)返回到頁(yè)面時(shí),Thymeleaf 標(biāo)簽會(huì)動(dòng)態(tài)地替換掉靜態(tài)內(nèi)容链韭,使頁(yè)面動(dòng)態(tài)顯示偏竟。

? ? 2.Thymeleaf 開(kāi)箱即用的特性。它提供標(biāo)準(zhǔn)和spring標(biāo)準(zhǔn)兩種方言敞峭,可以直接套用模板實(shí)現(xiàn)JSTL踊谋、 OGNL表達(dá)式效果,避免每天套模板旋讹、該jstl殖蚕、改標(biāo)簽的困擾。同時(shí)開(kāi)發(fā)人員也可以擴(kuò)展和創(chuàng)建自定義的方言骗村。

? ? 3. Thymeleaf 提供spring標(biāo)準(zhǔn)方言和一個(gè)與 SpringMVC 完美集成的可選模塊嫌褪,可以快速的實(shí)現(xiàn)表單綁定、屬性編輯器胚股、國(guó)際化等功能。


繼續(xù)使用前面的類似ssm的例子裙秋,使用Thymeleaf需要加入一個(gè)依賴:


加入依賴后琅拌,模板的使用配置基本搞定缨伊,說(shuō)一下默認(rèn)目錄,

/src/java/resources?:Maven的資源文件目錄

/src/java/resources/static:放置js进宝,css刻坊,圖片等靜態(tài)內(nèi)容的目錄

/src/java/resources/templates:放置頁(yè)面視圖文件的目錄



在視圖文件目錄中,加入index.html頁(yè)面党晋,內(nèi)容如下:



可以看到谭胚,這是個(gè)非常普通的html文件,唯一區(qū)別是在html標(biāo)簽中未玻,加入了下面這個(gè)屬性:

xmlns:th="http://www.thymeleaf.org"

這個(gè)簡(jiǎn)單的屬性就把Thymeleaf命名空間引入了進(jìn)來(lái)灾而,其它內(nèi)容就是普通的HTML元素。


頁(yè)面寫(xiě)好以后扳剿,寫(xiě)一個(gè)普通的Controller來(lái)跳轉(zhuǎn)旁趟,內(nèi)容如下:


可以看到,類注解改用了@Controller庇绽,因?yàn)橐D(zhuǎn)視圖頁(yè)面锡搜,所以不再使用@RestController(因?yàn)锧RestController=@Controller+@ResponeBody,會(huì)直接返回josn數(shù)據(jù))瞧掺,return內(nèi)容為頁(yè)面文件的位置耕餐,啟動(dòng)項(xiàng)目,訪問(wèn)對(duì)應(yīng)的頁(yè)面鏈接辟狈,可以看到內(nèi)容如下(http://localhost/thymeleaf):



可以看到在springboot中加入頁(yè)面視圖非常簡(jiǎn)單肠缔,幾乎也是零配置。后面將繼續(xù)介紹Thymeleaf技術(shù)上陕。


代碼地址:?https://gitee.com/blueses/spring-boot-demo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末桩砰,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子释簿,更是在濱河造成了極大的恐慌亚隅,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,332評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庶溶,死亡現(xiàn)場(chǎng)離奇詭異煮纵,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)偏螺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,508評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)行疏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人套像,你說(shuō)我怎么就攤上這事酿联。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,812評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵贞让,是天一觀的道長(zhǎng)周崭。 經(jīng)常有香客問(wèn)我,道長(zhǎng)喳张,這世上最難降的妖魔是什么续镇? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,607評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮销部,結(jié)果婚禮上摸航,老公的妹妹穿的比我還像新娘。我一直安慰自己舅桩,他們只是感情好酱虎,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,728評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著江咳,像睡著了一般逢净。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上歼指,一...
    開(kāi)封第一講書(shū)人閱讀 49,919評(píng)論 1 290
  • 那天爹土,我揣著相機(jī)與錄音,去河邊找鬼踩身。 笑死胀茵,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的挟阻。 我是一名探鬼主播琼娘,決...
    沈念sama閱讀 39,071評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼附鸽!你這毒婦竟也來(lái)了脱拼?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,802評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤坷备,失蹤者是張志新(化名)和其女友劉穎熄浓,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體省撑,經(jīng)...
    沈念sama閱讀 44,256評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赌蔑,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,576評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了竟秫。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片娃惯。...
    茶點(diǎn)故事閱讀 38,712評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖肥败,靈堂內(nèi)的尸體忽然破棺而出趾浅,到底是詐尸還是另有隱情愕提,我是刑警寧澤,帶...
    沈念sama閱讀 34,389評(píng)論 4 332
  • 正文 年R本政府宣布潮孽,位于F島的核電站揪荣,受9級(jí)特大地震影響筷黔,放射性物質(zhì)發(fā)生泄漏往史。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,032評(píng)論 3 316
  • 文/蒙蒙 一佛舱、第九天 我趴在偏房一處隱蔽的房頂上張望椎例。 院中可真熱鬧,春花似錦请祖、人聲如沸订歪。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)刷晋。三九已至,卻和暖如春慎陵,著一層夾襖步出監(jiān)牢的瞬間眼虱,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,026評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工席纽, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留捏悬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,473評(píng)論 2 360
  • 正文 我出身青樓润梯,卻偏偏與公主長(zhǎng)得像过牙,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子纺铭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,606評(píng)論 2 350

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