案例一:springboot搭建thymeleaf
1、匯入依賴
2、新建html頁面模板
3、新建前端控制層controller
4、新建啟動類
1、匯入依賴
<?xml version="1.0" encoding="utf-8"?>
4.0.0
com.chawaner
springboot-thymeleaf
1.0-snapshot
thymeleaf案例操作
org.springframework.boot
spring-boot-starter-parent
2.3.4.release
org.springframework.boot
spring-boot-starter-web
org.springframework.boot
spring-boot-starter-thymeleaf
2、新建模板:demo1.html
3、新建前端控制器:testcontroller
/**
* @author teabowl
* @date 2020/12/15 17:03
* @version 1.0
* thymeleaf模板引擎
*/@controller
public class testcontroller
}
/**
* @author teabowl
* @date 2020/12/15 17:22
* @version 1.0
*/
public static void main(string args)
}
5、測試
b.開啟瀏覽器:localhost:8080/test/hello
瀏覽器頁面顯示:hello thymeleaf!
c.測試執行成功!
6、如何證明模板已經生效?
在瀏覽器顯示頁面上右鍵檢視原始碼,
標籤內部顯示的是資料,而非模板語法
hello thymeleaf!
7、關閉快取
spring:
thymeleaf:
cache: false #模板快取
8、thymeleaf基本語法
輸出文字內容
th:action 指定表單提交的路徑
th:each迴圈標籤
首先,建立乙個user類
/**
* @author teabowl
* @date 2020/12/16 15:55
* @version 1.0
*/@data //省略setter&getter
@noargsconstructor //無參構造
@allargsconstructor //全參構造
public class user
然後,在前端控制器testcontroller中建立list集合,新增資料並存入到model;
/**
* @author teabowl
* @date 2020/12/15 17:03
* @version 1.0
* thymeleaf模板引擎
*/@controller
public class testcontroller
}
最後,從前端頁面取資料
th:each迴圈標籤
編號idname
address
9、map輸出
首先,在testcontroller中定義乙個map物件
/**
* @author teabowl
* @date 2020/12/15 17:03
* @version 1.0
* thymeleaf模板引擎
*/@controller
public class testcontroller
}
然後,從前端頁面取資料
讀取map的兩種方式
1、知道map的key,直接根據key獲取資料
3、不知道map的key,使用迴圈的方式獲取key,然後獲取數
獲取key=no的值:
獲取key=address的值:
:
10、data日期輸出
首先,在後台建立日期
/**
* @author teabowl
* @date 2020/12/15 17:03
* @version 1.0
* thymeleaf模板引擎
*/@controller
public class testcontroller
}
然後,從前端頁面取資料
data資料獲取
format引數:物件,輸出格式
11、if條件
首先,在後台寫資料,存入model
//if條件,存入model
model.addattribute("age",22);
然後,在前端頁面寫條件判斷
if條件判斷,unless表示條件不成立時
=18}">成年人
成年人
12、th:fragment 定義乙個模組
新建乙個模組:footer.html
然後,把定義好的模組引入到前端頁面
引入模組footer
th:include="footer::copy"引入footer頁面裡的copy
thymeleaf之頁面靜態化
1.引入theymeleaf啟動器 2.關閉thymeleaf快取,spring.thymeleaf.cacae false,然後每次修改頁面之後要用ctrl shift f9重新整理頁面 3.th text th utext th each 1.context thymeleaf的執行上下文,存放...
暢購 頁面詳情靜態化(Thymeleaf)
page模組匯入thymeleaf座標,開箱即用。修改yml配置 定義canal和mq監聽tb spu表的status狀態,0 1 即為上架,以spuid傳送訊息到對應的訊息佇列。page模組定義監聽類,監聽此訊息佇列,拿到spuid呼叫業務層。業務層注入模板引擎templateengine,根據s...
頁面靜態化
隨著 的內容的增多和使用者訪問量的增多,無可避免的是 載入會越來越慢,受限於頻寬和伺服器同一時間的請求次數的限制,我們往往需要在此時對我們的 進行 優化和伺服器配置的優化。一般情況下會從以下方面來做優化 什麼是靜態化?純靜態 將php程式生成靜態的html檔案,儲存到伺服器的磁碟中。客戶端訪問的時候...