当前位置: 代码迷 >> Web前端 >> FreeMarker模板使用方法讲授
  详细解决方案

FreeMarker模板使用方法讲授

热度:333   发布时间:2012-10-11 10:16:10.0
FreeMarker模板使用方法讲解
FreeMarker简介

FreeMarker模板文件主要由如下4个部分组成:

1,文本:直接输出的部分

2,注释:<#-- ... -->格式部分,不会输出

3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出

4,FTL指令:FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出



下面是一个FreeMarker模板的例子,包含了以上所说的4个部分

<html><br>

<head><br>

<title>Welcome!</title><br>

</head><br>

<body><br>

<#-- 注释部分 --><br>

<#-- 下面使用插值 -->

<h1>Welcome ${user} !</h1><br>

<p>We have these animals:<br>

<u1><br>

<#-- 使用FTL指令 -->

<#list animals as being><br>

   <li>${being.name} for ${being.price} Euros<br>

<#list><br>

<u1><br>

</body><br>

</html>



在java程序中使用FreeMarker

FreeMarker的模板就是一个.ftl文本文件,在该文件中使用了一些FreeMarker的特别标记,这些标记会动态显示,或者控制程序输出,如下面的模板文件代码:

${name},你好!${msg}

这里类似于${}的就是动态的内容,称作"插值".

为了使用FreeMarker来将数据模型中的值合并到模板文件中,可按如下步骤进行:

1,创建Configuration实例,该实例负责管理FreeMarker的模板加载路径,负责生成模板实例

2,使用Configuration实例来生成Template实例,同进需要指定使用的模板文件

3,填充数据模型,数据模型就是一个Map对象

4,调用Template实例的process方法完成合并.



下面是一个使用FreeMarker创建输出的Java程序,程序源代码如下:

package lee;

import java.util.*;

import java.io.*;

import freemarker.template.*;



public class HelloFreeMarker

{

    private Configuration cfg;

    public void init() throws Exception

{

        //初始化FreeMarker配置

        //创建一个Configuration实例

        cfg = new Configuration();

        //设置FreeMarker的模版文件位置

        cfg.setDirectoryForTemplateLoading(new File("templates"));

    }

   

public void process()throws Exception

{

        Map root = new HashMap();

        root.put("name", "FreeMarker!");

   root.put("msg" , "您已经完成了第一个FreeMarker的示例");

        Template t = cfg.getTemplate("test.ftl");

        t.process(root, new OutputStreamWriter(System.out));



}



public static void main(String[] args)throws Exception

{

   HelloFreeMarker hf = new HelloFreeMarker();

   hf.init();

   hf.process();

}

}

上面的代码创建了一个Map实例,这个Map将作为模板文件的数据模型,我们要使用FreeMarker必须导入freemarker.jar文件,FreeMarker的官网是http://freemarker.sourceforge.net/,虽然FreeMarker可以在Java程序中使用,但大部分时候还是用来生成HTML页面.



在Web应用中使用FreeMarker



在Web应用中使用FreeMarker跟在Java程序中使用并没有太大的区别.下面是一个在Web中使用的例子,用来生成HTML页面的模板文件内容如下:

<html>

<head>

<title>FreeMarker的HelloWorld</title>

</head>

<body>

${message}

</body>

</html>

我们在Web应用中使用FreeMarker时,应该让Servlet来合并模板和数据,因此,Servlet负责创建Configuration实例,并负责合并模板和数据,下面是Servlet源代码:

package lee;

import java.util.*;

import java.io.*;

import javax.servlet.*;

import javax.servlet.http.*;

import freemarker.template.*;



public class HelloServlet extends HttpServlet

{

    private Configuration cfg;

    public void init()

{

        //初始化FreeMarker配置

        //创建一个Configuration实例

        cfg = new Configuration();

        //设置FreeMarker的模版文件位置

        cfg.setServletContextForTemplateLoading(getServletContext(), "WEB-INF/templates");

    }

   

    public void service(HttpServletRequest request, HttpServletResponse response)

        throws ServletException, IOException

{       

        //建立数据模型

        Map root = new HashMap();

        root.put("message", "Hello FreeMarker!");    

        //取得模版文件

        Template t = cfg.getTemplate("test.ftl");       

        // 开始准备生成输出

        // - 使用模版文件的charset作为本页面的charset

        // - 使用text/html MIME-type

        response.setContentType("text/html; charset=" + t.getEncoding());

        Writer out = response.getWriter();

       

        //合并数据模型和模版,并将结果输出到out中

        try

   {

            t.process(root, out);

        }

   catch (TemplateException e)

   {

            throw new ServletException("处理Template模版中出现错误", e);

        }

    }

}

可以看到这个Servlet类的代码与普通的Java程序中使用FreeMarker大致一样,区别有两个:1,设置FreeMarker加载模板的方法不一样,在Servlet中设置加载的方法是setServletContextForTemplateLoading,第一个参数是本web应用的ServletContext,第二个参数是模板文件的路径.;2,结果必须输出到HttpServletResponse中,才能被浏览器加载.

配置Servlet的web.xml文件中的代码如下:

<web-app>

<servlet>

   <servlet-name>hello</servlet-name>

   <servlet-class>lee.HelloServlet</servlet-class>

</servlet>

<servlet-mapping>

   <servlet-name>hello</servlet-name>

   <url-pattern>/hello</url-pattern>

</servlet-mapping>

</web-app>