您好,登錄后才能下訂單哦!
這篇文章主要講解了“springboot如何使用thymeleaf為模板”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“springboot如何使用thymeleaf為模板”吧!
jsp已經(jīng)明顯跟不上時(shí)代發(fā)展了,freemarker用的夠夠的?換thymeleaf試試吧。springboot官方推薦的是freemarker和thymeleaf,而thymeleaf相對(duì)于freemarker更讓人感覺(jué)強(qiáng)大的,是他可以動(dòng)態(tài)替換標(biāo)簽內(nèi)靜態(tài)內(nèi)容,這樣前端可以安心寫(xiě)頁(yè)面,后臺(tái)可以安心擼接口,只需要把變量替換一下即可,這種理念,不知道是VUE抄襲了thymeleaf還是thymeleaf抄襲了VUE,不過(guò)無(wú)所謂了 ,對(duì)于我們廣大碼奴來(lái)說(shuō),實(shí)用就好
01
pom引入
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
02
application.properties添加thymeleaf配置
spring.thymeleaf.cache=false
spring.thymeleaf.check-template=true
spring.thymeleaf.check-template-location=true
spring.thymeleaf.content-type=text/html
spring.thymeleaf.enabled=true
spring.thymeleaf.encoding=utf-8
spring.thymeleaf.mode=HTML5
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
03
編寫(xiě)html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>demo</title>
</head>
<body>
<p>這是第一段</p>
<p th:text="${textValue}">這是第二段</p>
</body>
</html>
04
測(cè)試類
@RequestMapping("index")
public String index(Model model){
String textValue = "上士聞道,僅能行之;中士聞道,若存若亡;下士聞道,大笑之。" +
"不笑不足以為道。" +
"故建言有之:明道若昧;進(jìn)道若退;夷道若颣(lei);上德若谷,大白若辱,廣德若不足,建德若偷,質(zhì)真若渝;大方無(wú)隅;大器免成;大音希聲;大象無(wú)形。" +
"道隱無(wú)名。" +
"夫唯道,善始且善成。";
model.addAttribute("textValue",textValue);
return "demo/demo";
}
05
頁(yè)面效果
6
VUE有個(gè)SSR(服務(wù)端渲染)的問(wèn)題比較頭疼,雖然也有解決方案(見(jiàn)我之前寫(xiě)的文章《前后端分離Nuxt.js解決SEO問(wèn)題》),但總覺(jué)得還是讓適合的技術(shù)做時(shí)候的業(yè)務(wù)比較好,而thymeleaf還是相當(dāng)于在服務(wù)端渲染,查看頁(yè)面源碼如下:
感謝各位的閱讀,以上就是“springboot如何使用thymeleaf為模板”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)springboot如何使用thymeleaf為模板這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。