您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)SpringBoot如何整合Thymeleaf的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
在做樂優(yōu)商城時(shí),頁面是通過Thymeleaf模板引擎渲染后返回到客戶端。當(dāng)商品詳情頁數(shù)據(jù)渲染時(shí),在后臺(tái)需要大量的數(shù)據(jù)查詢,而后渲染得到HTML頁面。在用戶訪問量大的情況下會(huì)對(duì)數(shù)據(jù)庫造成壓力,并且請(qǐng)求的響應(yīng)時(shí)間過長,并發(fā)能力不高。
如何解決?
一般我們優(yōu)先會(huì)考慮使用緩存技術(shù),比如 Redis 分布式緩存,Guava 本地緩存等。然而 Redis 只適合數(shù)據(jù)規(guī)模比較小的情況,假如數(shù)據(jù)量比較大,例如商品詳情頁,每個(gè)頁面如果10kb,100萬商品,就是10GB空間,對(duì)內(nèi)存占用比較大。此時(shí)就給緩存系統(tǒng)帶來極大壓力,如果緩存崩潰,接下來倒霉的就是數(shù)據(jù)庫了。
所以緩存并不是萬能的,某些場(chǎng)景需要其它技術(shù)來解決,比如靜態(tài)化技術(shù)。
靜態(tài)化是指把動(dòng)態(tài)生成的HTML頁面變?yōu)?strong>靜態(tài)內(nèi)容保存,以后用戶的請(qǐng)求到來,直接訪問靜態(tài)頁面,不再經(jīng)過服務(wù)的渲染。
而靜態(tài)的HTML頁面可以部署在nginx中,從而大大提高并發(fā)能力,減小tomcat壓力。
目前,靜態(tài)化頁面都是通過模板引擎來生成,而后保存到nginx服務(wù)器來部署。常用的模板引擎比如:
Freemarker
Velocity
Thymeleaf
樂優(yōu)項(xiàng)目中使用的是Thymeleaf 模板引擎!
Thymeleaf 模板引擎實(shí)現(xiàn)頁面靜態(tài)化的幾個(gè)概念介紹:
Context:運(yùn)行上下文
TemplateResolver:模板解析器
TemplateEngine:模板引擎
Context:
Thymeleaf 模板中的上下文: 用來保存模型數(shù)據(jù),當(dāng)模板引擎渲染時(shí),可以從Context上下文中獲取數(shù)據(jù)用于渲染。
當(dāng)與Spring Boot結(jié)合使用時(shí),我們放入Model的數(shù)據(jù)就會(huì)被處理到Context,作為模板渲染的數(shù)據(jù)使用。
TemplateResolver:
Thymeleaf 模板中的模板解析器:用來讀取模板相關(guān)的配置,例如:模板存放的位置信息,模板文件名稱,模板文件的類型等等。
當(dāng)與SpringBoot結(jié)合時(shí),TemplateResolver已經(jīng)由其創(chuàng)建完成,并且各種配置也都有默認(rèn)值,比如模板存放位置,其默認(rèn)值就是:templates。比如模板文件類型,其默認(rèn)值就是html。
TemplateEngine:
Thymeleaf 模板中的模板引擎:用來解析模板的引擎,需要使用到上下文、模板解析器。分別從兩者中獲取模板中需要的數(shù)據(jù),模板文件。然后利用內(nèi)置的語法規(guī)則解析,從而輸出解析后的文件。來看下模板引擎進(jìn)行處理的函數(shù):
templateEngine.process("模板名", context, writer);
模板名稱
上下文:里面包含模型數(shù)據(jù)
writer:輸出目的地的流
在輸出時(shí),我們可以指定輸出的目的地,如果目的地是Response的流,那就是網(wǎng)絡(luò)響應(yīng)。如果目的地是本地文件,那就實(shí)現(xiàn)靜態(tài)化了。
而在SpringBoot中已經(jīng)自動(dòng)配置了模板引擎,因此不需要關(guān)心這個(gè)。我們做靜態(tài)化,就是把輸出的目的地改成本地文件即可!
GoodsHtmlService
/** * @Auther: csp1999 * @Date: 2020/12/16/19:43 * @Description: 生成HTML頁面的Service */ @Service public class GoodsHtmlService { // themleaf 模板引擎 @Autowired private TemplateEngine templateEngine; @Autowired private GoodsService goodsService; /** * 根據(jù)spuId 將對(duì)應(yīng)的商品詳情頁面生成HTML靜態(tài)頁面 * * @param spuId */ public void createHTML(Long spuId) { // 初始化運(yùn)行上下文: org.thymeleaf.context 包下 Context context = new Context(); // 設(shè)置數(shù)據(jù)模板 // 從goodsService.loadData(spuId) 方法中獲取模板頁面中需要渲染的數(shù)據(jù) context.setVariables(goodsService.loadData(spuId)); // 獲取輸出流 // 將需要輸出的html 文件地址設(shè)置為服務(wù)器中的nginx 目錄下的html 目錄中的item文件夾下(我這里nginx 部署的是win10本地?。? File file = new File( "M:\\note\\MyProjects\\leyou\\tools\\nginx-1.14.0\\html\\item\\" + spuId + ".html"); PrintWriter writer = null; try { writer = new PrintWriter(file); // 模板引擎生成靜態(tài)html 頁面 templateEngine.process("item", context, writer); } catch (FileNotFoundException e) { e.printStackTrace(); } finally { // 判斷并關(guān)閉流 if (writer != null) { writer.close(); } } } /** * 新建線程處理頁面靜態(tài)化 * * @param spuId */ public void asyncExcute(Long spuId) { ThreadUtils.execute(() -> createHTML(spuId)); /*ThreadUtils.execute(new Runnable() { @Override public void run() { createHtml(spuId); } });*/ } }
多線程工具類ThreadUtils
/** * @Auther: csp1999 * @Date: 2020/12/16/20:18 * @Description: 多線程工具類 */ public class ThreadUtils { private static final ExecutorService es = Executors.newFixedThreadPool(10); public static void execute(Runnable runnable) { es.submit(runnable); } }
GoodsController
在調(diào)用GoodsController訪問商品頁面的同時(shí)生成緩存的頁面:
/** * @Auther: csp1999 * @Date: 2020/12/16/10:00 * @Description: */ @Controller public class GoodsController { @Autowired private GoodsService goodsService; @Autowired private GoodsHtmlService goodsHtmlService; /** * 商品詳情也頁面 * * @param id * @param model * @return */ @GetMapping("/item/{id}.html") public String toItemPage(@PathVariable("id") Long id, Model model) { Map<String, Object> map = goodsService.loadData(id); model.addAllAttributes(map); // 頁面靜態(tài)化:調(diào)用createHTML(id) 方法生成靜態(tài)頁面并保存到服務(wù)器的nginx 對(duì)應(yīng)目錄下緩存 // 通過多線程方式: goodsHtmlService.asyncExcute(id); // goodsHtmlService.createHTML(id); return "/item"; } }
注意:生成html 的代碼不能對(duì)用戶請(qǐng)求產(chǎn)生影響,所以這里我們使用額外的線程進(jìn)行異步創(chuàng)建。
# 前端前臺(tái)相關(guān)配置 server { listen 80; server_name www.leyou.com; proxy_set_header X-Forwarded-Host $host; proxy_set_header X-Forwarded-Server $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 如果是以item 開頭的路徑,代理到前臺(tái)8084端口 # eg: www.leyou.com/item/4586.html location /item { # 先到本地nginx 路徑下的html文件夾 中找頁面,如果有則走該頁面(相當(dāng)于緩存效果) root html; if (!-f $request_filename) { # 如果請(qǐng)求的文件不存在,就反向代理,通過請(qǐng)求去訪問該頁面 proxy_pass http://127.0.0.1:8084; break; } } # 代理到前臺(tái)9002端口 location / { proxy_pass http://127.0.0.1:9002; proxy_connect_timeout 600; proxy_read_timeout 600; } }
nginx 代理的流程圖:
第一次訪問頁面:
nginx路徑下的html/item/下生成了該頁面的靜態(tài)資源:
第二次訪問該頁面:
感謝各位的閱讀!關(guān)于“SpringBoot如何整合Thymeleaf”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。