Thymeleaf頁面靜態化技術

2022-06-29 14:21:13 字數 3194 閱讀 1940

案例一: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檔案,儲存到伺服器的磁碟中。客戶端訪問的時候...