代码改变世界

freemark 页面静态化

2017-07-26 14:37  tlnshuju  阅读(437)  评论(0编辑  收藏  举报

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下载地址下载