springboot使用thymeleaf為模板

jsp已經(jīng)明顯跟不上時(shí)代發(fā)展了,freemarker用的夠夠的?換thymeleaf試試吧。springboot官方推薦的是freemarker和thymeleaf,而thymeleaf相對(duì)于freemarker更讓人感覺強(qiáng)大的,是他可以動(dòng)態(tài)替換標(biāo)簽內(nèi)靜態(tài)內(nèi)容,這樣前端可以安心寫頁面,后臺(tái)可以安心擼接口,只需要把變量替換一下即可,這種理念,不知道是VUE抄襲了thymeleaf還是thymeleaf抄襲了VUE,不過無所謂了 ,對(duì)于我們廣大碼奴來說,實(shí)用就好

壹、pom引入

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

貳、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

叁、編寫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>

肆、測(cè)試類

package com.mos.easyboot.admin.controller;


import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("demo")
public class DemoController {


    @RequestMapping("index")
    public String index(Model model){
        String textValue = "上士聞道,僅能行之;中士聞道,若存若亡;下士聞道,大笑之。" +
                "不笑不足以為道。" +
                "故建言有之:明道若昧;進(jìn)道若退;夷道若颣(lei);上德若谷,大白若辱,廣德若不足,建德若偷,質(zhì)真若渝;大方無隅;大器免成;大音希聲;大象無形。" +
                "道隱無名。" +
                "夫唯道,善始且善成。";
        model.addAttribute("textValue",textValue);
        return "demo/demo";
    }
}

伍、頁面效果

4.png

陸、數(shù)據(jù)渲染

VUE有個(gè)SSR(服務(wù)端渲染)的問題比較頭疼,雖然也有解決方案(見我之前寫的文章《前后端分離Nuxt.js解決SEO問題》),但總覺得還是讓適合的技術(shù)做時(shí)候的業(yè)務(wù)比較好,而thymeleaf還是相當(dāng)于在服務(wù)端渲染,查看頁面源碼如下:

5.png

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 來源:http://www.cnblogs.com/opendigg/p/6513510.html UI組件 el...
    YU_XI閱讀 2,941評(píng)論 0 25
  • 轉(zhuǎn)載 :OpenDiggawesome-github-vue 是由OpenDigg整理并維護(hù)的Vue相關(guān)開源項(xiàng)目庫(kù)...
    果汁密碼閱讀 23,411評(píng)論 8 124
  • 第二章 搬遷 第三節(jié) 梅子在明子關(guān)上門的一剎那,心里就后悔了,但嘴里還是不服輸?shù)膶?duì)著剛...
    東鄉(xiāng)野馬閱讀 588評(píng)論 0 4
  • 可能因?yàn)樵S久不來這兒 忘記了撐油紙的傘 對(duì)的時(shí)間下更新 去接近你 一陣清風(fēng)、一盞破碎的光 美不勝收 風(fēng)雨雷電,喜出...
    云謨閱讀 165評(píng)論 0 0
  • 始終覺得自己比別人慢了一步,所以當(dāng)年的我沒能成為一個(gè)很厲害的小說寫手。如果……不,沒有那些如果。 參加工作以后再也...
    叫我尊敬的暴躁星人閱讀 498評(píng)論 1 0

友情鏈接更多精彩內(nèi)容