使用Java進行FreeMarker的web模板開發的基礎教程_java

來源:互聯網
上載者:User

一、概述

FreeMarker 是一個模板引擎,一個基於模板產生文本輸出的通用工具,使用純 Java 編寫,FreeMarker 被設計用來產生 HTML Web 頁面,特別是基於 MVC 模式的應用程式,雖然 FreeMarker 具有一些編程的能力,但通常由 Java 程式準備要顯示的資料,由FreeMarker 產生頁面,通過模板顯示準備的資料(如下圖)

FreeMarker 不是一個 Web 應用程式架構,而適合作為 Web 應用程式架構一個組件。FreeMarker 與容器無關,因為它並不知道 HTTP 或 Servlet;FreeMarker 同樣可以應用於非Web應用程式環境,FreeMarker 更適合作為 Model2 架構(如 Struts)的視圖組件,你也可以在模板中使用 JSP標記庫。另外,FreeMarker是免費的。

二、Freemarker的準備條件

    freemarker.2.3.16.jar,下載地址這裡就不貼了..(這個jar包其實在struts2裡面)


三、Freemarker產生靜態頁面的原理

    Freemarker 產生靜態頁面,首先需要使用自己定義的模板頁面,這個模板頁面可以是最最普通的html,也可以是嵌套freemarker中的 取值運算式, 標籤或者自訂標籤等等,然後後台讀取這個模板頁面,解析其中的標籤完成相對應的操作, 然後採用索引值對的方式傳遞參數替換模板中的的取值運算式,做完之後 根據配置的路徑產生一個新的html頁面, 以達到靜態化訪問的目的。


四、Freemarker提供的標籤

Freemarker提供了很多有用 常用的標籤,Freemarker標籤都是<#標籤名稱>這樣子命名的,${value} 表示輸出變數名的內容 ,具體如下:

1、list:該標籤主要是進行迭代伺服器端傳遞過來的List集合,比如:

  <#list nameList as names>     ${names}    </#list> 

name是list迴圈的時候取的一個迴圈變數,freemarker在解析list標籤的時候,等價於:

  for (String names : nameList) {     System.out.println(names);   } 

2、if:該標籤主要是做if判斷用的,比如:

  <#if (names=="陳靖仇")>    他的武器是: 十五~~   </#if> 

這個是條件判斷標籤,要注意的是條件等式必須用括弧括起來, 等價於:

  if(names.equals("陳靖仇")){     System.out.println("他的武器是: 十五~~");   } 


3、include:該標籤用於匯入檔案用的。

  <#include "include.html"/> 

這個匯入標籤非常好用,特別是頁面的重用。

另外在靜態檔案中可以使用${} 擷取值,取值方式和el運算式一樣,非常方便。

下面舉個例子(static.html):

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   <html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   <title>Insert title here</title>   </head>   <body>      描述:${description}   <br/>   集合大小:${nameList?size}   <br/>   迭代list集合:   <br/>   <#list nameList as names>   這是第${names_index+1}個人,叫做:<label style="color:red">${names}</label>   if判斷:   <br/>   <#if (names=="陳靖仇")>    他的武器是: 十五~~   <#elseif (names=="宇文拓")>    <#--注意這裡沒有返回而是在最後面-->     他的武器是: 軒轅劍~·   <#else>   她的絕招是:蠱毒~~   </#if>   <br/>   </#list>   迭代map集合:   <br/>   <#list weaponMap?keys as key>   key--->${key}<br/>   value----->${weaponMap[key]!("null")}   <#--    fremarker 不支援null, 可以用! 來代替為空白的值。   其實也可以給一個預設值    value-----${weaponMap[key]?default("null")}   還可以 在輸出前判斷是否為null   <#if weaponMap[key]??></#if>都可以   -->      <br/>   </#list>   include匯入檔案:   <br/>   <#include "include.html"/>      </body>   </html> 

實際代碼:

  package com.chenghui.test;      import java.io.File;   import java.io.FileOutputStream;   import java.io.IOException;   import java.io.OutputStreamWriter;   import java.io.Writer;   import java.util.ArrayList;   import java.util.HashMap;   import java.util.List;   import java.util.Map;      import freemarker.template.Configuration;   import freemarker.template.DefaultObjectWrapper;   import freemarker.template.Template;   import freemarker.template.TemplateException;      public class CreateHtml {     public static void main(String[] args) {       try {         //建立一個合適的Configration對象         Configuration configuration = new Configuration();         configuration.setDirectoryForTemplateLoading(new File("D:\\project\\webProject\\WebContent\\WEB-INF\\template"));         configuration.setObjectWrapper(new DefaultObjectWrapper());         configuration.setDefaultEncoding("UTF-8");  //這個一定要設定,不然在產生的頁面中 會亂碼         //擷取或建立一個模版。         Template template = configuration.getTemplate("static.html");         Map<String, Object> paramMap = new HashMap<String, Object>();         paramMap.put("description", "我正在學習使用Freemarker產生靜態檔案!");                  List<String> nameList = new ArrayList<String>();         nameList.add("陳靖仇");         nameList.add("玉兒");         nameList.add("宇文拓");         paramMap.put("nameList", nameList);                  Map<String, Object> weaponMap = new HashMap<String, Object>();         weaponMap.put("first", "軒轅劍");         weaponMap.put("second", "崆峒印");         weaponMap.put("third", "女媧石");         weaponMap.put("fourth", "Distributed System Performance Monitor鼎");         weaponMap.put("fifth", "伏羲琴");         weaponMap.put("sixth", "崑崙鏡");         weaponMap.put("seventh", null);         paramMap.put("weaponMap", weaponMap);                  Writer writer = new OutputStreamWriter(new FileOutputStream("success.html"),"UTF-8");         template.process(paramMap, writer);                  System.out.println("恭喜,產生成功~~");       } catch (IOException e) {         e.printStackTrace();       } catch (TemplateException e) {         e.printStackTrace();       }            }   } 


    這樣子基本上可以算的上可以簡單的去做一點簡單的產生了,但是要在實際中去運用,還是差的很遠的,因為freemarker給的標籤完全滿足不了我們的需要,這時候就需要自訂標籤來完成我們的需求了。。
五、Freemarker自訂標籤

Freemarker自訂標籤就是自己寫標籤,然後自己解析,完全由自己來控制標籤的輸入輸出,極大的為程式員提供了很大的發揮空間。

基於步驟:

       以前寫標籤需要在<後加# ,但是freemarker要識別自訂標籤需要在後面加上@,然後後面可以定義一些參數,當程式執行template.process(paramMap, out);,就會去解析整個頁面的所有的freemarker標籤。

     自訂標籤 需要自訂一個類,然後實現TemplateDirectiveModel,重寫execute方法,完成擷取參數,根據參數do something等等。。

    將自訂標籤與解析類綁定在一起需要在paramMap中放入該解析類的執行個體,存放的key與自訂標籤一致即可。。

    注意:在自訂標籤中,如果標籤內什麼也沒有,開始標籤和結束標籤絕對不能再同一行,不然會報錯 

freemarker.log.JDK14LoggerFactory$JDK14Logger error 

  我曾經上當過,這是freemarker 存在的bug。

下面是static.html的例子:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   <html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   <title>Insert title here</title>   </head>   <body>   <#--自訂變數-->   <#assign num='hehe'/>   ${num}   <br/>   自訂標籤    <@content name="chenghui" age="120">     ${output}     ${append}    </@content>       </body>   </html> 


下面是上面的static.html模板的解析類:

  package com.chenghui.test;      import static freemarker.template.ObjectWrapper.DEFAULT_WRAPPER;      import java.io.IOException;   import java.io.Writer;   import java.util.Map;         import freemarker.core.Environment;   import freemarker.template.TemplateDirectiveBody;   import freemarker.template.TemplateDirectiveModel;   import freemarker.template.TemplateException;   import freemarker.template.TemplateModel;   import freemarker.template.TemplateModelException;   import freemarker.template.TemplateNumberModel;   import freemarker.template.TemplateScalarModel;      /**    * 自訂標籤解析類    * @author Administrator    *    */   public class ContentDirective implements TemplateDirectiveModel{        private static final String PARAM_NAME = "name";     private static final String PARAM_AGE = "age";          @Override     public void execute(Environment env, Map params,TemplateModel[] loopVars,         TemplateDirectiveBody body) throws TemplateException, IOException {       if(body==null){         throw new TemplateModelException("null body");       }else{         String name = getString(PARAM_NAME, params);         Integer age = getInt(PARAM_AGE, params);         //接收到參數之後可以根據做具體的操作,然後將資料再在頁面中顯示出來。         if(name!=null){           env.setVariable("output", DEFAULT_WRAPPER.wrap("從ContentDirective解析類中獲得的參數是:"+name+", "));         }         if(age!=null){           env.setVariable("append", DEFAULT_WRAPPER.wrap("年齡:"+age));         }         Writer out = env.getOut();         out.write("從這裡輸出可以再頁面看到具體的內容,就像document.writer寫入操作一樣。<br/>");         body.render(out);                  /*         如果細心的話,會發現頁面上是顯示out.write()輸出的語句,然後再輸出output的內容,         可見 在body在解析的時候會先把參數放入env中,在頁面遇到對應的而來表單時的才會去取值         但是,如果該表單時不存在,就會報錯, 我覺得這裡freemarker沒有做好,解析的時候更加會把錯誤暴露在頁面上。         可以這樣子彌補${output!"null"},始終感覺沒有el運算式那樣好。         */       }     }          /**      * 擷取String類型的參數的值      * @param paramName      * @param paramMap      * @return      * @throws TemplateModelException      */     public static String getString(String paramName, Map<String, TemplateModel> paramMap) throws TemplateModelException{       TemplateModel model = paramMap.get(paramName);       if(model == null){         return null;       }       if(model instanceof TemplateScalarModel){         return ((TemplateScalarModel)model).getAsString();       }else if (model instanceof TemplateNumberModel) {         return ((TemplateNumberModel)model).getAsNumber().toString();       }else{         throw new TemplateModelException(paramName);       }     }          /**      *      * 獲得int類型的參數      * @param paramName      * @param paramMap      * @return      * @throws TemplateModelException      */     public static Integer getInt(String paramName, Map<String, TemplateModel> paramMap) throws TemplateModelException{       TemplateModel model = paramMap.get(paramName);       if(model==null){         return null;       }       if(model instanceof TemplateScalarModel){         String str = ((TemplateScalarModel)model).getAsString();         try {           return Integer.valueOf(str);         } catch (NumberFormatException e) {           throw new TemplateModelException(paramName);         }       }else if(model instanceof TemplateNumberModel){         return ((TemplateNumberModel)model).getAsNumber().intValue();       }else{         throw new TemplateModelException(paramName);       }     }   } 

然後再前面的實際代碼中加上:

  //自訂標籤解析   paramMap.put("content", new ContentDirective()); 

這樣子基本上可以使用,freemarker完成自訂標籤了,解決一寫簡單的商務邏輯, 但是在實際的項目中不可能這樣子去做,因為還沒有和spring進行整合使用,每次都需要在解析的時候把解析類的執行個體放進去。。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.