網頁靜態化解決方案-Freemarker demo+語法

時間 2019-11-20

標籤網頁靜態解決方案 freemarker demo 語法欄目 HTML 简体版

原文原文鏈接

1.網頁靜態化技術Freemarker

1.1爲何要使用網頁靜態化技術

網頁靜態化解決方案在實際開發中運用比較多，例如新聞網站，門戶網站中的新聞頻道或者是文章類的頻道。html

對於電商網站的商品詳細頁來講，至少幾百萬個商品，每一個商品又有大量的信息，這樣的狀況一樣也適用於使用網頁靜態化來解決。web

網頁靜態化技術和緩存技術的共同點都是爲了減輕數據庫的訪問壓力，可是具體的應用場景不一樣，緩存比較適合小規模的數據，而網頁靜態化比較適合大規模且相對變化不太頻繁的數據。另外網頁靜態化還有利於SEO。數據庫

另外咱們若是將網頁以純靜態化的形式展示，就可使用Nginx這樣的高性能的web服務器來部署。Nginx能夠承載5萬的併發，而Tomcat只有幾百。關於Nginx咱們在後續的課程中會詳細講解。json

今天咱們就研究網頁靜態化技術----Freemarker 。緩存

1.2什麼是 Freemarker

FreeMarker 是一個用 Java 語言編寫的模板引擎，它基於模板來生成文本輸出。FreeMarker與 Web 容器無關，即在 Web 運行時，它並不知道 Servlet 或 HTTP。它不只能夠用做表現層的實現技術，並且還能夠用於生成 XML，JSP 或 Java 等。服務器

1.3 Freemarker入門小DEMO

1.3.1工程引入依賴

<dependency>併發

<groupId>org.freemarker</groupId>函數

<artifactId>freemarker</artifactId>性能

<version>2.3.23</version>網站

</dependency>

1.3.2建立模板文件

模板文件中四種元素

1、文本，直接輸出的部分
2、註釋，即<#--...-->格式不會輸出
3、插值（Interpolation）：即${..}部分,將使用數據模型中的部分替代輸出
4、FTL指令：FreeMarker指令，和HTML標記相似，名字前加#予以區分，不會輸出。

咱們如今就建立一個簡單的建立模板文件test.ftl

<html>

<head>

<title>Freemarker入門小DEMO </title>

</head>

<body>

<#--我只是一個註釋，我不會有任何輸出 -->

${name},你好。${message}

</body>

</html>

這裏有文本、插值和註釋

1.3.3生成文件

使用步驟：

第一步：建立一個 Configuration 對象，直接 new 一個對象。構造方法的參數就是 freemarker的版本號。

第二步：設置模板文件所在的路徑。

第三步：設置模板文件使用的字符集。通常就是 utf-8.

第四步：加載一個模板，建立一個模板對象。

第五步：建立一個模板使用的數據集，能夠是 pojo 也能夠是 map。通常是 Map。

第六步：建立一個 Writer 對象，通常建立一 FileWriter 對象，指定生成的文件名。

第七步：調用模板對象的 process 方法輸出文件。

第八步：關閉流

代碼：

建立Test類 main方法以下：

//1.建立配置類

Configuration configuration=new Configuration(Configuration.getVersion());

//2.設置模板所在的目錄

configuration.setDirectoryForTemplateLoading(new File("D:/pinyougou_work/freemarkerDemo/src/main/resources/"));

//3.設置字符集

configuration.setDefaultEncoding("utf-8");

//4.加載模板

Template template = configuration.getTemplate("test.ftl");

//5.建立數據模型

Map map=new HashMap();

map.put("name", "張三 ");

map.put("message", "歡迎來到神奇的品優購世界！");

//6.建立Writer對象

Writer out =new FileWriter(new File("d:\\test.html"));

//7.輸出

template.process(map, out);

//8.關閉Writer對象

out.close();

執行後，在D盤根目錄便可看到生成的test.html ，打開看看

是否是有些小激動呢？

1.4 FTL指令

1.4.1 assign指令

此指令用於在頁面上定義一個變量

（1）定義簡單類型：

<#assign linkman="周先生">

聯繫人：${linkman}

（2）定義對象類型：

<#assign info={"mobile":"13301231212",'address':'北京市昌平區王府街'} >

電話：${info.mobile} 地址：${info.address}

運行效果：

1.4.2 include指令

此指令用於模板文件的嵌套

建立模板文件head.ftl

<h1>黑馬信息網</h1>

咱們修改test.ftl，在模板文件中使用include指令引入剛纔咱們創建的模板

<#include "head.ftl">

1.4.3 if指令

在模板文件上添加

<#if success=true>

你已經過實名認證

<#else>

你未經過實名認證

</#if>

在代碼中對str變量賦值

map.put("success", true);

在freemarker的判斷中，可使用= 也可使用==

1.4.4 list指令

需求，實現商品價格表，以下圖：

（1）代碼中對變量goodsList賦值

List goodsList=new ArrayList();

Map goods1=new HashMap();

goods1.put("name", "蘋果");

goods1.put("price", 5.8);

Map goods2=new HashMap();

goods2.put("name", "香蕉");

goods2.put("price", 2.5);

Map goods3=new HashMap();

goods3.put("name", "橘子");

goods3.put("price", 3.2);

goodsList.add(goods1);

goodsList.add(goods2);

goodsList.add(goods3);

map.put("goodsList", goodsList);

（2）在模板文件上添加

----商品價格表----<br>

<#list goodsList as goods>

${goods_index+1} 商品名稱： ${goods.name} 價格：${goods.price}<br>

</#list>

若是想在循環中獲得索引，使用循環變量+_index就能夠獲得。

1.5 內建函數

內建函數語法格式：變量+?+函數名稱

1.5.1獲取集合大小

咱們一般要獲得某個集合的大小，以下圖：

咱們使用size函數來實現，代碼以下：

共 ${goodsList?size} 條記錄

1.5.2轉換JSON字符串爲對象

咱們一般須要將json字符串轉換爲對象，那如何處理呢？看代碼

<#assign text="{'bank':'工商銀行','account':'10101920201920212'}" />

<#assign data=text?eval />

開戶行：${data.bank} 帳號：${data.account}

1.5.3日期格式化

代碼中對變量賦值：

dataModel.put("today", new Date());

在模板文件中加入

當前日期：${today?date} <br>

當前時間：${today?time} <br>

當前日期+時間：${today?datetime} <br>

日期格式化： ${today?string("yyyy年MM月")}

運行效果以下：

1.5.4數字轉換爲字符串

代碼中對變量賦值：

map.put("point", 102920122);

修改模板：

累計積分：${point}

頁面顯示：

咱們會發現數字會以每三位一個分隔符顯示，有些時候咱們不須要這個分隔符，就須要將數字轉換爲字符串,使用內建函數c

累計積分：${point?c}

頁面顯示效果以下：

1.6空值處理運算符

若是你在模板中使用了變量可是在代碼中沒有對變量賦值，那麼運行生成時會拋出異常。可是有些時候，有的變量確實是null，怎麼解決這個問題呢？

1.6.1判斷某變量是否存在:「??」

用法爲:variable??,若是該變量存在,返回true,不然返回false

<#if aaa??>

aaa變量存在

<#else>

aaa變量不存在

</#if>

1.6.2缺失變量默認值:「!」

咱們除了能夠判斷是否爲空值，也可使用!對null值作轉換處理

在模板文件中加入

${aaa!'-'}

在代碼中不對aaa賦值，也不會報錯了，當aaa爲null則返回！後邊的內容-

1.7運算符

1.7.1算數運算符

FreeMarker表達式中徹底支持算術運算,FreeMarker支持的算術運算符包括:+, - , * , / , %

1.7.2邏輯運算符

邏輯運算符有以下幾個:
邏輯與:&&
邏輯或:||
邏輯非:!
邏輯運算符只能做用於布爾值,不然將產生錯誤

1.7.3比較運算符

表達式中支持的比較運算符有以下幾個:
1  =或者==:判斷兩個值是否相等.
2  !=:判斷兩個值是否不等.
3  >或者gt:判斷左邊值是否大於右邊值
4  >=或者gte:判斷左邊值是否大於等於右邊值
5  <或者lt:判斷左邊值是否小於右邊值
6  <=或者lte:判斷左邊值是否小於等於右邊值

注意: =和!=能夠用於字符串,數值和日期來比較是否相等,但=和!=兩邊必須是相同類型的值,不然會產生錯誤,並且FreeMarker是精確比較,"x","x ","X"是不等的.其它的運行符能夠做用於數字和日期,但不能做用於字符串,大部分的時候,使用gt等字母運算符代替>會有更好的效果,由於 FreeMarker會把>解釋成FTL標籤的結束字符,固然,也可使用括號來避免這種狀況,如:<#if (x>y)>