freemark 页面静态化

1. 页面静态化是什么？

页面静态化有非常多含义，在WEB开发中。静态网页一般理解为站点中大部分超级链接所引用的页面是单独的HTML静态页面文件（如.htm、.html等页面文件，html语言本身是静态的，不支持数据的传递，能够防止SQL注入

）。

2. 为什么都要把页面静态化呢？

对于如今的互联网应用(Web Application)来说。动态页面是占有绝对高的地位的，正因为有了动态化，才有了如今互联网的丰富多彩。可是如同全部别的事实一样，优点往往都是有代价的。为了产生出动态的效果，每一次对页面的请求都会要求server对页面进行编译或者运行。这些操作都非常消耗系统资源。假设这期间还有和数据库的通讯，那么代价将会更大。

   假设一个页面在一定的时间内。其内容没有发生改变，那么就不必为每一次对它的訪问进行一次“新”的编译或运行。我们能够把它在这段没有发生改变的时间内的 结果保存到一个静态的页面里面。然后每次訪问这个页面时，就用刚才保存的静态页面进行回复。这样便能大大地降低系统资源的消耗。并且提高对客户的响应速度。而这个过程就称之为页面静态化。

3. 页面静态化方案？

眼下主流的静态化主要有两种：一种是通过程序将动态页面抓取并保存为静态页面，这样的页面的实际存在于server的硬盘中。第二种是通过WEBserver的 URL Rewrite的方式，他的原理是通过webserver内部模块按一定规则将外部的URL请求转化为内部的文件地址，一句话来说就是把外部请求的静态地址转化 为实际的动态页面地址。而静态页面实际是不存在的。这两种方法都达到了实现URL静态化的效果。可是也各有各自的特点（也叫伪静态）。

3.1. 它们的有什么差别？

将动态页面转化为实际存在的静态页面这样的方法，因为静态页面的存在，少了动态解析过程，所以提高了页面的訪问速度和稳定性，使得优化效果非常明显。所以这样的方法被广泛採用。

可是它的局限性相同存在。

对于大型站点而言，这样的方法将带来不可忽视的问题。

一、因为生成的文件数量较多。存储须要考虑文件、文件夹的数量问题和磁盘空间容量的问题；

二、页面维护的复杂性和大工作量。及带来的页面维护及时性问题，须要一整套站点更新制度。

而URL Rewrite方式特点相同鲜明。因为是server内部解析的地址，所以内容是实时更新的，也不存在文件管理和硬件问题，维护比較方便。在server级URL Rewrite重写技术并不影响页面的运行速度。

可是URL Rewrite的门槛比較高，国内虚拟主机大多不支持。并且虚拟主机是文件夹级的URL Rewrite,通过遍历文件夹读物URL转发规则的方式将大大降低页面的运行速度。

4. 页面静态化怎么做？

先介绍上面的第一种的页面静态化，这个静态化实现了真正的静态化。做这个静态化能够用freemarker和httpclient.

Freemarker是一种基于模板的、用来生成输出文本的通用工具。所以我们必须要定制符合自己业务的模板出来，然后生成的我们得html页面

Freemarker是通过freemarker.template.Configuration这个对象对模板进行载入的（它也处理创建和缓存预解析模板的工作）。然后我们通过getTemplate方法获得你想要的模板，有一点要记住freemarker.template.Configuration在你整个应用必须保证唯一实例。

Freemarker实现页面静态化主要步骤：

1.导入相关的jar包。我用servlet做的，仅仅须要导入一个freemarker.jar

2.导入2个工具类DirectoryFilter和FreeMarkertUtil，DirectoryFilter（它实现了文件过滤器那个接口FilenameFilter）这个工具类主要是为了推断是否已经生成了特定的html文件的java类（用处不大），FreeMarkertUtil封装freemarker用于创建模板和载入模板。

里面还包括了初始化模版的一个方法。

DirectoryFilter.java

package com.lyl.util;

import java.io.File;
import java.io.FilenameFilter;

/**
 * 推断是否已经生成了特定的html文件的java类
 * @author Administrator
 *
 */
public class DirectoryFilter implements FilenameFilter {  

        String myString;
        public DirectoryFilter(String myString)
        {
            this.myString = myString;
        }  

        public boolean accept(File dir,String name)
        {   //FilenameFilter.accept(File dir, String name)
           // 測试指定文件是否应该包括在某一文件列表中。
            String f= new File(name).getName();
            if(f.contains(myString) || f.equals(myString)){
                return true;
            }
            return false;
        }  

    }  

FreeMarkertUtil.java

package com.lyl.util;

import java.io.IOException;
import java.io.Writer;
import java.util.Locale;
import java.util.Map;

import javax.servlet.ServletContext;

import freemarker.template.Configuration;
import freemarker.template.DefaultObjectWrapper;
import freemarker.template.Template;
import freemarker.template.TemplateException;

/**
 * 封装freemarker用于创建模板和载入模板。里面还包括了初始化模版的一个方法
 * @author Administrator
 *
 */
public class FreeMarkertUtil {

    private static Configuration config = new Configuration();

    /**
     * @param templateName
     *            模板名字
     * @param root
     *            模板根 用于在模板内输出结果集
     * @param out
     *            输出对象 详细输出到哪里
     */
    public static void processTemplate(String templateName, Map<?

, ?

> root,
            Writer out) {
        try {
            // 获得模板
            Template template = config.getTemplate(templateName, "utf-8");
            // 生成文件（这里是我们是生成html）
            template.process(root, out);
            out.flush();
        } catch (IOException e) {
            e.printStackTrace();
        } catch (TemplateException e) {
            e.printStackTrace();
        } finally {
            try {
                out.close();
                out = null;
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    /**
     * 初始化模板配置
     *
     * @param servletContext
     *            javax.servlet.ServletContext
     * @param templateDir
     *            模板位置
     */
    public static void initConfig(ServletContext servletContext,
            String templateDir) {
        config.setLocale(Locale.CHINA);
        config.setDefaultEncoding("utf-8");
        config.setEncoding(Locale.CHINA, "utf-8");
        config.setServletContextForTemplateLoading(servletContext, templateDir);
        config.setObjectWrapper(new DefaultObjectWrapper());
    }

}

3、配置web.xml

<?xml version="1.0" encoding="UTF-8"?

>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    id="WebApp_ID" version="2.5">
    <display-name>freemarker_stat</display-name>
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
    </welcome-file-list>
<servlet>
   <servlet-name>Index</servlet-name>
   <servlet-class>com.lyl.servlet.Index</servlet-class>
   <init-param>
    <param-name>templateDir</param-name><!-- 模板存放位置。是基于app的根文件夹的   -->
    <param-value>/templates</param-value>
   </init-param>
   <load-on-startup>3</load-on-startup><!--  为了启动的时候初始化模板配置  -->
 </servlet>
 <servlet-mapping>
   <servlet-name>Index</servlet-name>
   <url-pattern>/Index.do</url-pattern>
 </servlet-mapping>
</web-app>

4、新建jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="expires" content="0">
</head>

<body>
    <form action="Index.do" method="post">
        <input type="submit" value="登录">
    </form>
</body>
</html>

5、新建一个servlet 注意和web.xml中配置的跳转名称相同

package com.lyl.servlet;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStreamWriter;
import java.io.Writer;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.lyl.client.ProcessClient;
import com.lyl.util.DirectoryFilter;
import com.lyl.util.FreeMarkertUtil;

public class Index extends HttpServlet {  

        private static final long serialVersionUID = 7474850489594438527L;  

        public Index() {
            super();
        }  

        public void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {  

            this.doPost(request, response);
        }  

        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            //html生成之后存放的路径
            String dirPath = request.getSession().getServletContext().getRealPath("/templates/html");
            File path = new File(dirPath);
            System.out.println(path);
            //生成的文件的名字
            String indexFileName = "index.html";
            /**
             * 推断是否已经存在该html文件，存在了就直接訪问html 。不存在生成html文件
             */
            String[] indexfileList = path.list(new DirectoryFilter(indexFileName));
            if(indexfileList==null||indexfileList.length<=0){  

                 Writer out =null;
                 System.out.println("html文件不存在，创建一个HTML");
                 // 字节流变为字符流  生成html文件
                 out = new OutputStreamWriter(new FileOutputStream(dirPath+"/"+indexFileName),"UTF-8");
               //进去这里把动态JSP写入这个HTML
                ProcessClient.processBody(out);
                request.getRequestDispatcher("/templates/html/index.html").forward(request, response);
            }else{
                 System.out.println("html已存在，直接訪问");
                request.getRequestDispatcher("/templates/html/"+indexfileList[0]).forward(request, response);
            }  

        }  

        /**
         * 初始化模板配置，供以后获得模板。在init里载入也主要是为保证Configuration实例唯一
         */
        public void init(ServletConfig config) throws ServletException {
            String templateDir = config.getInitParameter("templateDir");
            FreeMarkertUtil.initConfig(config.getServletContext(), templateDir);
        }  

    }

须要注意的几点

1 检查生成后的静态网页中图片、CSS及JS等的引用路径是否正确

2 放入Map中的数据的key必须与模版文件里接收数据的名字保持一致

3 设置的编码方式与你project的编码方式保持一致

4 注意输出流的关闭

5 生成的静态网页文件名称自己定义

到这里freemark静态已经实现了 本demo下载地址下载