欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理

這篇文章主要講解了“SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理”吧!

我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、廣靈ssl等。為千余家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的廣靈網(wǎng)站制作公司

一、頁(yè)面靜態(tài)化

1、動(dòng)靜態(tài)頁(yè)面

靜態(tài)頁(yè)面

即靜態(tài)網(wǎng)頁(yè),指已經(jīng)裝載好內(nèi)容HTML頁(yè)面,無(wú)需經(jīng)過(guò)請(qǐng)求服務(wù)器數(shù)據(jù)和編譯過(guò)程,直接加載到客戶瀏覽器上顯示出來(lái)。通俗的說(shuō)就是生成獨(dú)立的HTML頁(yè)面,且不與服務(wù)器進(jìn)行數(shù)據(jù)交互。

優(yōu)缺點(diǎn)描述:

  • 靜態(tài)網(wǎng)頁(yè)的內(nèi)容穩(wěn)定,頁(yè)面加載速度極快;

  • 不與服務(wù)器交互,提升安全性;

  • 靜態(tài)網(wǎng)頁(yè)的交互性差,數(shù)據(jù)實(shí)時(shí)性很低;

  • 維度成本高,生成很多HTML頁(yè)面;

動(dòng)態(tài)頁(yè)面

指跟靜態(tài)網(wǎng)頁(yè)相對(duì)的一種網(wǎng)頁(yè)編程技術(shù),頁(yè)面的內(nèi)容需要請(qǐng)求服務(wù)器獲取,在不考慮緩存的情況下,服務(wù)接口的數(shù)據(jù)變化,頁(yè)面加載的內(nèi)容也會(huì)實(shí)時(shí)變化,顯示的內(nèi)容卻是隨著數(shù)據(jù)庫(kù)操作的結(jié)果而動(dòng)態(tài)改變的。

優(yōu)缺點(diǎn)描述:

  • 動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)時(shí)獲取數(shù)據(jù),延遲性低;

  • 依賴數(shù)據(jù)庫(kù)交互,頁(yè)面維護(hù)成本很低;

  • 與數(shù)據(jù)庫(kù)實(shí)時(shí)交互,安全控制的成本高;

  • 頁(yè)面加載速度十分依賴數(shù)據(jù)庫(kù)和服務(wù)的性能;

動(dòng)態(tài)頁(yè)面和靜態(tài)頁(yè)面有很強(qiáng)的相對(duì)性,對(duì)比之下也比較好理解。

2、應(yīng)用場(chǎng)景

動(dòng)態(tài)頁(yè)面靜態(tài)化處理的應(yīng)用場(chǎng)景非常多,例如:

  • 大型網(wǎng)站的頭部和底部,靜態(tài)化之后統(tǒng)一加載;

  • 媒體網(wǎng)站,內(nèi)容經(jīng)過(guò)渲染,直接轉(zhuǎn)為HTML網(wǎng)頁(yè);

  • 高并發(fā)下,cdn邊緣節(jié)點(diǎn)代理的靜態(tài)網(wǎng)頁(yè);

  • 電商網(wǎng)站中,復(fù)雜的產(chǎn)品詳情頁(yè)處理;

靜態(tài)化技術(shù)的根本:提示服務(wù)的響應(yīng)速度,或者說(shuō)使響應(yīng)節(jié)點(diǎn)提前,如一般的流程,頁(yè)面(客戶端)請(qǐng)求服務(wù),服務(wù)處理,響應(yīng)數(shù)據(jù),頁(yè)面裝載,一系列流程走下來(lái)不僅復(fù)雜,而且耗時(shí),如果基于靜態(tài)化技術(shù)處理之后,直接加載靜態(tài)頁(yè)面,好了請(qǐng)求結(jié)束。

二、流程分析

靜態(tài)頁(yè)面轉(zhuǎn)換是一個(gè)相對(duì)復(fù)雜的過(guò)程,其中核心流程如下:

SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理

  • 開(kāi)發(fā)一個(gè)頁(yè)面模板,即靜態(tài)網(wǎng)頁(yè)樣式;

  • 提供接口,給頁(yè)面模板獲取數(shù)據(jù);

  • 頁(yè)面模板中編寫(xiě)數(shù)據(jù)接口返參的解析流程;

  • 基于解析引擎,把數(shù)據(jù)和頁(yè)面模板合并;

  • 頁(yè)面模板內(nèi)容加載完成后轉(zhuǎn)換為HTML靜態(tài)頁(yè)面;

  • HTML靜態(tài)頁(yè)面上傳到文件服務(wù)器;

  • 客戶端(Client)獲取靜態(tài)頁(yè)面的url加載顯示;

主流程大致如上,如果數(shù)據(jù)接口響應(yīng)參數(shù)有變,則需要重新生成靜態(tài)頁(yè),所以在數(shù)據(jù)的加載實(shí)時(shí)性上面會(huì)低很多。

三、代碼實(shí)現(xiàn)案例

1、基礎(chǔ)依賴

FreeMarker是一款模板引擎:即一種基于模板和要改變的數(shù)據(jù),并用來(lái)生成輸出文本(HTML網(wǎng)頁(yè)、電子郵件、配置文件、源代碼等)的通用工具。

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

2、頁(yè)面模板

這里既使用FreeMarker開(kāi)發(fā)的模板樣式。

<html>
<head>
    <title>PageStatic</title>
</head>
<body>
主題:${myTitle}<br/>
<#assign text="{'auth':'cicada','date':'2020-07-16'}" />
<#assign data=text?eval />
作者:${data.auth} 日期:${data.date}<br/>
<table class="table table-striped table-hover table-bordered" id="editable-sample">
    <thead>
    <tr>
        <th>規(guī)格描述</th>
        <th>產(chǎn)品詳情</th>
    </tr>
    </thead>
    <tbody>
             <#list tableList as info>
             <tr class="">
                 <td>${info.desc}</td>
                 <td><img src="${info.imgUrl}" height="80" width="80"></td>
             </tr>
             </#list>
    </tbody>
</table><br/>
<#list imgList as imgIF>
    <img src="${imgIF}" height="300" width="500">
</#list>
</body>
</html>

FreeMarker的語(yǔ)法和原有的HTML語(yǔ)法基本一致,但是具有一套自己的數(shù)據(jù)處理標(biāo)簽,用起來(lái)不算復(fù)雜。

3、解析過(guò)程

通過(guò)解析,把頁(yè)面模板和數(shù)據(jù)接口的數(shù)據(jù)合并到一起即可。

@Service
public class PageServiceImpl implements PageService {
    private static final Logger LOGGER = LoggerFactory.getLogger(PageServiceImpl.class) ;
    private static final String PATH = "/templates/" ;
    @Override
    public void ftlToHtml() throws Exception {
        // 創(chuàng)建配置類
        Configuration configuration = new Configuration(Configuration.getVersion());
        // 設(shè)置模板路徑
        String classpath = this.getClass().getResource("/").getPath();
        configuration.setDirectoryForTemplateLoading(new File(classpath + PATH));
        // 加載模板
        Template template = configuration.getTemplate("my-page.ftl");
        // 數(shù)據(jù)模型
        Map<String, Object> map = new HashMap<>();
        map.put("myTitle", "頁(yè)面靜態(tài)化(PageStatic)");
        map.put("tableList",getList()) ;
        map.put("imgList",getImgList()) ;
        // 靜態(tài)化頁(yè)面內(nèi)容
        String content = FreeMarkerTemplateUtils.processTemplateIntoString(template, map);
        LOGGER.info("content:{}",content);
        InputStream inputStream = IOUtils.toInputStream(content,"UTF-8");
        // 輸出文件
        FileOutputStream fileOutputStream = new FileOutputStream(new File("F:/page/newPage.html"));
        IOUtils.copy(inputStream, fileOutputStream);
        // 關(guān)閉流
        inputStream.close();
        fileOutputStream.close();
    }
    private List<TableInfo> getList (){
        List<TableInfo> tableInfoList = new ArrayList<>() ;
        tableInfoList.add(new TableInfo(Constant.desc1, Constant.img01));
        tableInfoList.add(new TableInfo(Constant.desc2,Constant.img02));
        return tableInfoList ;
    }
    private List<String> getImgList (){
        List<String> imgList = new ArrayList<>() ;
        imgList.add(Constant.img02) ;
        imgList.add(Constant.img02) ;
        return imgList ;
    }
}

感謝各位的閱讀,以上就是“SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

網(wǎng)站名稱:SpringBoot2中如何使用FreeMarker模板完成頁(yè)面靜態(tài)化處理
分享URL:http://chinadenli.net/article26/ihgscg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站、域名注冊(cè)、App設(shè)計(jì)標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化