当前位置: 代码迷 >> Web前端 >> freemarker范例 一步一步教你搭建环境和配置
  详细解决方案

freemarker范例 一步一步教你搭建环境和配置

热度:2308   发布时间:2014-01-08 00:30:58.0
freemarker实例 一步一步教你搭建环境和配置

将FreeMarker的包放入大lib下,之后要更改web.xml配置文件

?

?

[html]?view plaincopy
?
  1. <?xml?version="1.0"?encoding="UTF-8"?>??
  2. <web-app?id="WebApp_ID"?version="2.4"?xmlns="http://java.sun.com/xml/ns/j2ee"?xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"?xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee?http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">??
  3. <display-name>FreeMarkerTest</display-name>??
  4. <welcome-file-list>??
  5. <span?style="white-space:pre">??</span><welcome-file>index.html</welcome-file>??
  6. <span?style="white-space:pre">??</span><welcome-file>index.htm</welcome-file>??
  7. <span?style="white-space:pre">??</span><welcome-file>index.jsp</welcome-file>??
  8. <span?style="white-space:pre">??</span><welcome-file>default.html</welcome-file>??
  9. <span?style="white-space:pre">??</span><welcome-file>default.htm</welcome-file>??
  10. <span?style="white-space:pre">??</span><welcome-file>default.jsp</welcome-file>??
  11. </welcome-file-list>??
  12. <servlet>??
  13. <servlet-name>freemarker</servlet-name>??
  14. <servlet-class>freemarker.ext.servlet.FreemarkerServlet</servlet-class>??
  15. <!--?下面配置FreeMarker的ftl文件位置?-->??
  16. <init-param>??
  17. <param-name>TemplatePath</param-name>??
  18. <param-value>/</param-value>??
  19. </init-param>??
  20. <!--?是否和服务器(tomcat)一起启动,0为不,1为是?-->??
  21. <load-on-startup>1</load-on-startup>??
  22. </servlet>??
  23. <servlet-mapping>??
  24. <servlet-name>freemarker</servlet-name>??
  25. <url-pattern>*.ftl</url-pattern>??
  26. </servlet-mapping>??
  27. </web-app>??

?

下面演示一个简单的使用项目过程:
1. 使用myeclipse创建一个web项目testFM
2. 把下载到的jar包(freemarker-2.3.9.jar)放到\WebRoot\WEB-INF\lib目录下。下载地址:http://freemarker.sourceforge.net/freemarkerdownload.html?(注:官方网站.org的经常打不开)
3. 在WebRoot下面新建templates文件包,然后在里面新建扩展名为ftl的模板。
a) 创建hello.ftl内容如下:
<html>
<head>
<title>hello!</title>
</head>
<body>
<h1>hello ${user}!</h1>
</body>
</html>

4. 在src目录下创建example包 和Hello.java文件,代码如下:
package example;
import java.io.*;
import java.util.*;

import javax.servlet.ServletException;
import javax.servlet.http.*;

import freemarker.template.*;

public class Hello extends HttpServlet{
private Configuration cfg;

public void init()
{
?? //初始化FreeMarker配置
??????? //创建一个Configuration实例
??????? cfg = new Configuration();
??????? //设置FreeMarker的模版文件位置
?? cfg.setServletContextForTemplateLoading(getServletContext(),"templates");
}

public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException
{
?? //建立数据模型
?? Map root = new HashMap();
?? //放入对应数据key value
?? root.put("user","zdz");
?? //取得模版文件
?? Template t =cfg.getTemplate("hello.ftl");
?? //开始准备生成输出
??????? //使用模版文件的charset作为本页面的charset
??????? //使用text/html MIME-type
??????? response.setContentType("text/html; charset=" + t.getEncoding());
?? PrintWriter out = response.getWriter();
??
?? //合并数据模型和模版,并将结果输出到out中
?? try
?? {
??? t.process(root,out);// 用模板来开发servlet可以只在代码里面加入动态的数据
?? }
?? catch(TemplateException e)
?? {
??? throw new ServletException("处理Template模版中出现错误", e);
?? }
}
}

5.配置web.xml 代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"?
xmlns="http://java.sun.com/xml/ns/j2ee"?
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"?
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee?
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
??? <servlet-name>Hello</servlet-name>
??? <servlet-class>example.Hello</servlet-class>
</servlet>
<servlet-mapping>
??? <servlet-name>Hello</servlet-name>
??? <url-pattern>*.do</url-pattern>
</servlet-mapping>
<welcome-file-list>
????? <welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>

6.在WebRoot下面新建引导页面index.html,代码如下:

<html>
<head>
<title>Hello FreeMarker Example</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
点击下面链接看看效果:
<hr>
<a href="hello.do">调用Hello模板</a>?
</body>
</html>

7.把testFM项目部署到tomcate并启动服务。
8.打开浏览器,输入地址:http://localhost:8080/testFM/
9.点击调用Hello模板 链接,如果出现hello zdz!则说明模板调用成功了!