Spring Boot——使用Thymeleaf模板

在視圖設(shè)計中镀钓,一般情況下都會采用Thymeleaf模板进栽,那Thymeleaf模板有什么功能呢雷滋?
Thymeleaf是Web和獨立環(huán)境的現(xiàn)代服務(wù)器端Java模板引擎类缤,能夠處理HTML臼勉,XML,JavaScript呀非,CSS甚至純文本坚俗。它具有豐富的標(biāo)簽語言和函數(shù)镜盯,主要目標(biāo)是提供一種優(yōu)雅和高度可維護的創(chuàng)建模板的方式岸裙。

Thymeleaf 是新一代的模板引擎,在spring4.0中推薦使用thymeleaf來做前端模版引擎速缆,因為Springboot默認(rèn)是不支持JSP的降允,所以使用Spring Boot 框架進行界面設(shè)計,一般都會用Thymeleaf 模板艺糜。

鏈接:https://www.cnblogs.com/ityouknow/p/5833560.html

http://www.cnblogs.com/chenlove/p/9375756.html

二剧董、Spring Boot使用Thymeleaf

1幢尚、引入Thymeleaf依賴

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

2、配置Thymeleaf

#thymelea模板配置
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.cache=false
spring.resources.chain.strategy.content.enabled=true
spring.resources.chain.strategy.content.paths=/**

PS:說明一下翅楼,這些配置不是必須的尉剩,如果配置了會覆蓋默認(rèn)的。
在開發(fā)時建議將spring.thymeleaf.cache設(shè)置為false毅臊,否則會有緩存理茎,導(dǎo)致頁面沒法及時看到更新后的效果。比如你修改了一個文件管嬉,已經(jīng)update到tomcat皂林,但刷新頁面還是之前的頁面,就是因為緩存引起的蚯撩。
3础倍、編寫模板文件src/main/resouces/templates/helloHtml.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:th="http://www.thymeleaf.org"      
                xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">    
<head>        
    <title>Hello World!</title>    
</head>    
<body>        
    <h1 th:inline="text">Hello.v.2</h1>        
    <p th:text="${hello}"></p>    
</body>
</html>

4、編寫訪問路徑(controller)

package com.guxf.demo.controller;
 
import java.util.Map;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
 
 
 
@Controller
 
public class TemplateController {
    /**
     * 返回html模板.
     */
 
    @RequestMapping("/helloHtml")
    public String helloHtml(Map<String,Object> map){
 
       map.put("hello","from TemplateController.helloHtml----就問你簡不簡單胎挎?");
       return"/helloHtml";
    }
}

5沟启、啟動Application,默認(rèn)輸入:http://127.0.0.1:8080/helloHtml

結(jié)果.png

三犹菇、補充——Spring Boot使用freemarker
使用freemarker也很簡單美浦,在pom.xml加入freemarker的依賴:

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

剩下的編碼部分都是一樣的,說下application.properties文件:

########################################################
###FREEMARKER (FreeMarkerAutoConfiguration)
########################################################
spring.freemarker.allow-request-override=false
spring.freemarker.cache=true
spring.freemarker.check-template-location=true
spring.freemarker.charset=UTF-8
spring.freemarker.content-type=text/html
spring.freemarker.expose-request-attributes=false
spring.freemarker.expose-session-attributes=false
spring.freemarker.expose-spring-macro-helpers=false
#spring.freemarker.prefix=
#spring.freemarker.request-context-attribute=
#spring.freemarker.settings.*=
#spring.freemarker.suffix=.ftl
#spring.freemarker.template-loader-path=classpath:/templates/#comma-separatedlist
#spring.freemarker.view-names= #whitelistofviewnamesthatcanberesolved

剩余的代碼项栏,基本都一樣浦辨,thymeleaf和freemarker是可以共存的。
本文記錄一下幾點:
一沼沈、資源文件的約定目錄結(jié)構(gòu)
二流酬、Maven配置
三、開發(fā)時修改thymeleaf模板自動重新加載配置
四列另、thymeleaf常用基礎(chǔ)知識點

一芽腾、資源文件的約定目錄結(jié)構(gòu)
Maven的資源文件目錄:/src/java/resources
spring-boot項目靜態(tài)文件目錄:/src/java/resources/static
spring-boot項目模板文件目錄:/src/java/resources/templates
spring-boot靜態(tài)首頁的支持,即index.html放在以下目錄結(jié)構(gòu)會直接映射到應(yīng)用的根目錄下:

classpath:/META-INF/resources/index.html  
classpath:/resources/index.html  
classpath:/static/index.html  
calsspath:/public/index.html  

如果將index.html模板文件直接放到了/src/java/resources/templates目錄下页衙,那么需配置下才可以訪問到首頁文件摊滔,因為目錄并不是首頁文件的默認(rèn)目錄:

@RequestMapping("/")  
    public String index(){  
        return "index";  
  } 

在spring-boot下,默認(rèn)約定了Controller試圖跳轉(zhuǎn)中thymeleaf模板文件的前綴prefix是”classpath:/templates/”,后綴suffix是”.html”
這個在application.properties配置文件中是可以修改的:

spring.thymeleaf.prefix: /templates/  
spring.thymeleaf.suffix: .html  
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末店乐,一起剝皮案震驚了整個濱河市艰躺,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌眨八,老刑警劉巖腺兴,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異廉侧,居然都是意外死亡页响,警方通過查閱死者的電腦和手機篓足,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來闰蚕,“玉大人栈拖,你說我怎么就攤上這事∶欢福” “怎么了辱魁?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長诗鸭。 經(jīng)常有香客問我染簇,道長,這世上最難降的妖魔是什么强岸? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任锻弓,我火速辦了婚禮,結(jié)果婚禮上蝌箍,老公的妹妹穿的比我還像新娘青灼。我一直安慰自己,他們只是感情好妓盲,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布杂拨。 她就那樣靜靜地躺著,像睡著了一般悯衬。 火紅的嫁衣襯著肌膚如雪弹沽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天筋粗,我揣著相機與錄音策橘,去河邊找鬼。 笑死娜亿,一個胖子當(dāng)著我的面吹牛丽已,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播买决,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼沛婴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了督赤?” 一聲冷哼從身側(cè)響起嘁灯,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎够挂,沒想到半個月后旁仿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體藕夫,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡孽糖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年枯冈,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片办悟。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡尘奏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出病蛉,到底是詐尸還是另有隱情炫加,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布铺然,位于F島的核電站俗孝,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏魄健。R本人自食惡果不足惜赋铝,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望沽瘦。 院中可真熱鬧革骨,春花似錦、人聲如沸析恋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽助隧。三九已至筑凫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間并村,已是汗流浹背漏健。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留橘霎,地道東北人蔫浆。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像姐叁,于是被迫代替她去往敵國和親瓦盛。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

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