FreeMarker 的使用-网页

部分摘自网络并加以注解:

按照静态非静态来划分网页分为两种:静态网页和非静态网页,究其优缺点而言,静态网页在用户访问的时候响应快,但是由于里面的数据是写死的,所以致命的缺陷就是数据不能动态显示;非静态页面(如jsp)数据可以动态显示,可以这样理解,这样的页面就是显示数据的一个模板,但是由于在用户请求得到响应以前,服务器端需要将其解析为浏览器可识别的html语言,这个解析过程需要耗费时间(尤其页面数据量大的时候,耗费的时间会更多),所以致命的缺陷就是请求发出后响应的过程较慢。那么有没有一种方法或工具自动生成静态网页呢?答案是肯定的,今天谈一下对FreeMarker的认识:

        1、什么是FreeMarker:

        FreeMarker是一个用Java语言编写的模板引擎,通过模板(扩展名为“ftl”的文件)生成静态的网页,从而提高访问网站的用户体验。

        2、一般情况下什么时候使用FreeMarker:

        一般使用FreeMarker生成门户网站的静态文件。

        3、怎样使用FreeMarker:

        例子1:

        a、下载FreeMarker相关jar包:http://download.csdn.net/detail/wangshuxuncom/7592455

        b、新建所需要的模板——index.ftl:


[html] view plain copy


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">  
  3.     <head>  
  4.         <title>首页</title>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
  6.     </head>  
  7.     <body>  
  8.         <center style="margin-top: 21%;"><font style="color: red;font-size: 39pt;font-weight: bold;">${message}</font></center>  
  9.     </body>  
  10. </html>  

        c、新建一个Servlet——IndexServlet:

[java] view plain copy


  1. package com.ghj.packageofservlet;  
  2.   
  3. import java.io.IOException;  
  4.   
  5. import javax.servlet.ServletException;  
  6. import javax.servlet.http.HttpServlet;  
  7. import javax.servlet.http.HttpServletRequest;  
  8. import javax.servlet.http.HttpServletResponse;  
  9.   
  10. public class IndexServlet extends HttpServlet {  
  11.   
  12.     private static final long serialVersionUID = 1714787202664419914L;  
  13.       
  14.     public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {  
  15.         doPost(request, response);  
  16.     }  
  17.   
  18.     public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  19.         request.setAttribute("message""欢迎进入系统!!!");  
  20.         request.getRequestDispatcher("index.ftl").forward(request, response);  
  21.     }  
  22. }  

d、将FreeMarker相关jar包导入新建的系统中,并配置web.xml文件:

[html] view plain copy


  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
  5.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  6.   
  7.     <servlet>  
  8.         <servlet-name>freemarker</servlet-name>  
  9.         <servlet-class>freemarker.ext.servlet.FreemarkerServlet</servlet-class>  
  10.   
  11.         <!-- FreemarkerServlet settings: -->  
  12.         <init-param>  
  13.             <param-name>TemplatePath</param-name><!-- 指定模板的路径 -->  
  14.             <param-value>/</param-value>  
  15.         </init-param>  
  16.         <init-param>  
  17.             <param-name>NoCache</param-name>  
  18.             <param-value>true</param-value>  
  19.         </init-param>  
  20.         <init-param>  
  21.             <param-name>ContentType</param-name><!-- 设置生成html文件的编码方式。 -->  
  22.             <param-value>text/html; charset=UTF-8</param-value>  
  23.         </init-param>  
  24.   
  25.         <!-- FreeMarker settings: -->  
  26.         <init-param>  
  27.             <param-name>template_update_delay</param-name><!-- template_update_delay用来指定更新模版文件的间隔时间,相当于多长时间检测一下是否有必要重新加载模版文件,0 表示每次都重新加载,否则为多少毫秒钟检测一下模版是否更改。 -->  
  28.             <param-value>0</param-value>  
  29.         </init-param>  
  30.         <init-param>  
  31.             <param-name>default_encoding</param-name><!-- 设置模板文件的编码方式。 -->  
  32.             <param-value>UTF-8</param-value>  
  33.         </init-param>  
  34.         <init-param>  
  35.             <param-name>number_format</param-name>  
  36.             <param-value>0.##########</param-value>  
  37.         </init-param>  
  38.           
  39.         <load-on-startup>1</load-on-startup>  
  40.     </servlet>  
  41.     <servlet-mapping>  
  42.         <servlet-name>freemarker</servlet-name>  
  43.         <url-pattern>*.ftl</url-pattern>  
  44.     </servlet-mapping>  
  45.       
  46.     <servlet>  
  47.         <servlet-name>IndexServlet</servlet-name>  
  48.         <servlet-class>com.ghj.packageofservlet.IndexServlet</servlet-class>  
  49.     </servlet>  
  50.     <servlet-mapping>  
  51.         <servlet-name>IndexServlet</servlet-name>  
  52.         <url-pattern>/IndexServlet</url-pattern>  
  53.     </servlet-mapping>  
  54.   
  55.     <welcome-file-list>  
  56.         <welcome-file>index.jsp</welcome-file>  
  57.     </welcome-file-list>  
  58. </web-app>  

        e、发布工程,在http中输入“http://127.0.0.1:8080/工程名/IndexServlet”即可看到效果;

        说明:在这个工程中,ftl文件充当了类似于jsp的角色。


     


        例子2:

        a、下载FreeMarker相关jar包:http://download.csdn.net/detail/wangshuxuncom/7592455

        b、新建所需要的模板——index.html(注意:非“ftl”):


[html] view plain copy


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">  
  3.     <head>  
  4.         <title>首页</title>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
  6.     </head>  
  7.     <body>  
  8.         <center style="margin-top: 21%;"><font style="color: red;font-size: 39pt;font-weight: bold;">${message}</font></center>  
  9.     </body>  
  10. </html>  

        c、新建一个Servlet——IndexServlet:

  1. package com.ghj.packageofservlet;  
  2.   
  3. import java.io.IOException;  
  4.   
  5. import javax.servlet.ServletException;  
  6. import javax.servlet.http.HttpServlet;  
  7. import javax.servlet.http.HttpServletRequest;  
  8. import javax.servlet.http.HttpServletResponse;  
  9.   
  10. public class IndexServlet extends HttpServlet {  
  11.   
  12.     private static final long serialVersionUID = 1714787202664419914L;  
  13.       
  14.     public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {  
  15.         doPost(request, response);  
  16.     }  
  17.   
  18.     public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  19.         request.setAttribute("message""欢迎进入系统!!!");  
  20.         request.getRequestDispatcher("index.html").forward(request, response);//非“index.html”非“index.ftl”  
  21.     }  
  22. }  

d、将FreeMarker相关jar包导入新建的系统中,并配置web.xml文件:


[html] view plain copy


  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
  5.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  6.   
  7.     <servlet>  
  8.         <servlet-name>freemarker</servlet-name>  
  9.         <servlet-class>freemarker.ext.servlet.FreemarkerServlet</servlet-class>  
  10.   
  11.         <!-- FreemarkerServlet settings: -->  
  12.         <init-param>  
  13.             <param-name>TemplatePath</param-name><!-- 指定模板的路径 -->  
  14.             <param-value>/</param-value>  
  15.         </init-param>  
  16.         <init-param>  
  17.             <param-name>NoCache</param-name>  
  18.             <param-value>true</param-value>  
  19.         </init-param>  
  20.         <init-param>  
  21.             <param-name>ContentType</param-name><!-- 设置生成html文件的编码方式。 -->  
  22.             <param-value>text/html; charset=UTF-8</param-value>  
  23.         </init-param>  
  24.   
  25.         <!-- FreeMarker settings: -->  
  26.         <init-param>  
  27.             <param-name>template_update_delay</param-name><!-- template_update_delay用来指定更新模版文件的间隔时间,相当于多长时间检测一下是否有必要重新加载模版文件,0 表示每次都重新加载,否则为多少毫秒钟检测一下模版是否更改。 -->  
  28.             <param-value>0</param-value>  
  29.         </init-param>  
  30.         <init-param>  
  31.             <param-name>default_encoding</param-name><!-- 设置模板文件的编码方式。 -->  
  32.             <param-value>UTF-8</param-value>  
  33.         </init-param>  
  34.         <init-param>  
  35.             <param-name>number_format</param-name>  
  36.             <param-value>0.##########</param-value>  
  37.         </init-param>  
  38.           
  39.         <load-on-startup>1</load-on-startup>  
  40.     </servlet>  
  41.     <servlet-mapping>  
  42.         <servlet-name>freemarker</servlet-name>  
  43.         <url-pattern>*.html</url-pattern><!-- 非“*.ftl” -->  
  44.     </servlet-mapping>  
  45.       
  46.     <servlet>  
  47.         <servlet-name>IndexServlet</servlet-name>  
  48.         <servlet-class>com.ghj.packageofservlet.IndexServlet</servlet-class>  
  49.     </servlet>  
  50.     <servlet-mapping>  
  51.         <servlet-name>IndexServlet</servlet-name>  
  52.         <url-pattern>/IndexServlet</url-pattern>  
  53.     </servlet-mapping>  
  54.   
  55.     <welcome-file-list>  
  56.         <welcome-file>index.jsp</welcome-file>  
  57.     </welcome-file-list>  
  58. </web-app>  

    e、发布工程,在http中输入“http://127.0.0.1:8080/工程名/IndexServlet”即可看到效果;


        说明:在这个工程中,html文件充当了类似于jsp的角色;本例子和上面的代码基本一样,不同点在于:上一个例子模板的文件类型为ftl,而本例子为html——这说明一点:只要配置得当,模板未必只能是ftl类型的文件。

        【0分下载该例子

        总结:

        1、上面两个例子大同小异,看完上面例子之后大家可能会有疑问:上面两个例子中,从客户端请求的发出到客户端看到结果整个过程是怎样的呢?嗯嗯嗯,这确实是一个需要搞清楚的问题:向IndexServlet发出请求——>IndexServlet接收请求并将模板和模板所需数据作为响应——>FreemarkerServlet接收IndexServlet发出的请求并将数据“填充”到模板相应的位置,然后将响应返回客户端——>客户看到结果。

        2、个人感觉如果用FreeMarker单纯去实现上面的例子,认为有点儿大材小用,或者说有点儿“屈才”——如果要实现上面的功能,直接使用诸如jsp的非静态页面岂不不更好,FreeMarker的看家本事是生成诸如HTML格式的静态页面(且看下面例子)。

        例子3:

        a、下载FreeMarker相关jar包:http://download.csdn.net/detail/wangshuxuncom/7592455

        b、新建所需要的模板——index.ftl:

[html] view plain copy


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">  
  3.     <head>  
  4.         <title>首页</title>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
  6.     </head>  
  7.     <body>  
  8.         <center style="margin-top: 21%;"><font style="color: red;font-size: 39pt;font-weight: bold;">${message}</font></center>  
  9.     </body>  
  10. </html>  

        c、新建一个创建HTML静态页面工具类——FreemarkerUtil:


[java] view plain copy


  1. package com.ghj.packageoftool;  
  2.   
  3. import java.io.BufferedWriter;  
  4. import java.io.File;  
  5. import java.io.FileOutputStream;  
  6. import java.io.IOException;  
  7. import java.io.OutputStreamWriter;  
  8. import java.io.Writer;  
  9. import java.util.Map;  
  10.   
  11. import freemarker.template.Configuration;  
  12. import freemarker.template.Template;  
  13. import freemarker.template.TemplateException;  
  14.   
  15. /** 
  16.  * Freemarker工具类 
  17.  *  
  18.  * @author GaoHuanjie 
  19.  */  
  20. public class FreemarkerUtil {  
  21.   
  22.     /**  
  23.      * 创建静态HTML文件 
  24.      * 
  25.      * @param templateFilePath 模板文件存放的路径 
  26.      * @param templateFileName 模板文件名称 
  27.      * @param htmlFilePath 静态文件(即HTML文件)保存路径 
  28.      * @param htmlFileName 所生成静态文件(即HTML文件)的名称 
  29.      * @param propMap 用于处理模板的属性Object映射 
  30.      *  
  31.      * @return boolean 静态文件创建成功返回true,否则返回false  
  32.      */  
  33.     public boolean createHtmlFile(String templateFilePath, String templateFileName, String htmlFilePath, String htmlFileName, Map<String, Object> propMap){  
  34.         try {  
  35.             Configuration configuration = new Configuration();  
  36.             configuration.setDefaultEncoding("UTF-8");  
  37.             configuration.setDirectoryForTemplateLoading(new File(templateFilePath));  
  38.             //configuration.setClassForTemplateLoading(this.getClass(), "/ftl");//如果模板文件在src的某个包内,请将上一行代码注释掉而使用该代码,ftl代表包名。  
  39.             Template template = configuration.getTemplate(templateFileName, "UTF-8");//确保模板中的中文在生成静态文件中不变成乱码。  
  40.             File createHTMLFilePath = new File(htmlFilePath);  
  41.             if (!createHTMLFilePath.exists()) {//如果保存静态文件(即HTML文件)的根路径不存在,则创建该目录。  
  42.                 createHTMLFilePath.mkdirs();  
  43.             }  
  44.             Writer writer = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(new File(htmlFilePath + "/" + htmlFileName)), "UTF-8"));//防止数据(propMap)中的中文在静态页面中变为乱码。  
  45.             template.process(propMap, writer);//生成静态文件   
  46.             writer.flush();  
  47.             writer.close();  
  48.         } catch (TemplateException e) {  
  49.             e.printStackTrace();  
  50.             return false;  
  51.         } catch (IOException e) {  
  52.             e.printStackTrace();  
  53.             return false;  
  54.         } catch (Exception e) {  
  55.             e.printStackTrace();  
  56.             return false;  
  57.         }  
  58.         return true;  
  59.     }  
  60. }  


        d、新建一个创建HTML静态页面监听器——CreatHtmlListener:

[java] view plain copy


  1. package com.ghj.packageoflistener;  
  2.   
  3. import java.util.HashMap;  
  4. import java.util.Map;  
  5.   
  6. import javax.servlet.ServletContextEvent;  
  7. import javax.servlet.ServletContextListener;  
  8.   
  9. import com.ghj.packageoftool.FreemarkerUtil;  
  10.   
  11. /** 
  12.  * 创建HTML静态页面监听器 
  13.  *  
  14.  * @author GaoHuanjie 
  15.  */  
  16. public class CreatHtmlListener implements ServletContextListener {    
  17.   
  18.     public void contextDestroyed(ServletContextEvent event) {  
  19.         //event.getServletContext().log("创建HTML静态页面监听器销毁!!!");  
  20.     }  
  21.   
  22.     public void contextInitialized(ServletContextEvent event) {  
  23.         FreemarkerUtil freemarkerUtil = new FreemarkerUtil();  
  24.         String templateFilePath = event.getServletContext().getRealPath("/")+"templates";  
  25.         String templateFileName = "index.ftl";  
  26.         String htmlFilePath = event.getServletContext().getRealPath("/");  
  27.         String htmlFileName = "index.html";  
  28.         Map<String, Object> propMap = new HashMap<String, Object>();  
  29.         propMap.put("message""Hello,欢迎进入系统!!!");  
  30.         if(freemarkerUtil.createHtmlFile(templateFilePath, templateFileName, htmlFilePath, htmlFileName, propMap)){  
  31.             event.getServletContext().log("HTML静态页面创建完成!!!");  
  32.         }  
  33.     }  
  34. }  

        e、将FreeMarker相关jar包导入新建的系统中,并配置web.xml文件:


[html] view plain copy


  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
  5.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  6.   
  7.     <listener>  
  8.         <listener-class>com.ghj.packageoflistener.CreatHtmlListener</listener-class>  
  9.     </listener>  
  10.   
  11.     <welcome-file-list>  
  12.         <welcome-file>index.html</welcome-file>  
  13.     </welcome-file-list>  
  14. </web-app>  


         f、发布工程,在http中输入“http://127.0.0.1:8080/工程名”即可看到效果;

        说明:在这个工程中,创建HTML静态页面的监听器在工程被Tomcat发布时被执行并且index.html被创建,在实际应用中某些门户网站生成静态页面的时机并不像该监听器写的那样——往往在监听器中添加一个定时器,在特定的时间点更新静态网页,以使客户端能够看到最新的内容,我不知道大家留意过没有,门户网站首页内容更新并不是那么的频繁。  

注释:freemark 通过更新模版来更新内容   摘自网络总结


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
作为 AI,我无法进行图形界面操作,但是我可以提供一段 Java 代码示例,演示如何使用 Freemarker 模板引擎生成 HTML 页面。 首先,需要在项目中引入 Freemarker 的依赖,例如使用 Maven: ```xml <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3.29</version> </dependency> ``` 然后,创建一个 Freemarker 的配置对象: ```java Configuration cfg = new Configuration(Configuration.VERSION_2_3_29); cfg.setClassLoaderForTemplateLoading(getClass().getClassLoader(), "templates"); ``` 这里使用了一个默认的配置,模板文件默认存放在 `templates` 目录下。 接下来,编写一个简单的模板文件,例如 `index.ftl`: ```html <!DOCTYPE html> <html> <head> <title>${title}</title> </head> <body> <h1>${message}</h1> </body> </html> ``` 这个模板文件定义了一个 HTML 页面,使用 `${}` 语法插入变量。 最后,编写 Java 代码,将模板文件与变量进行渲染: ```java Map<String, Object> data = new HashMap<>(); data.put("title", "Hello, World!"); data.put("message", "Welcome to my website."); Template template = cfg.getTemplate("index.ftl"); try (Writer out = new OutputStreamWriter(System.out)) { template.process(data, out); } ``` 这个代码片段将 `index.ftl` 模板文件与 `title` 和 `message` 两个变量进行渲染,并将结果输出到控制台。 完整的示例代码如下: ```java import freemarker.template.Configuration; import freemarker.template.Template; import java.io.OutputStreamWriter; import java.io.Writer; import java.util.HashMap; import java.util.Map; public class Main { public static void main(String[] args) throws Exception { Configuration cfg = new Configuration(Configuration.VERSION_2_3_29); cfg.setClassLoaderForTemplateLoading(Main.class.getClassLoader(), "templates"); Map<String, Object> data = new HashMap<>(); data.put("title", "Hello, World!"); data.put("message", "Welcome to my website."); Template template = cfg.getTemplate("index.ftl"); try (Writer out = new OutputStreamWriter(System.out)) { template.process(data, out); } } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值