动态页面静态化——JavaWeb，使用过滤器实现

偏执的太偏执、 2021-08-24 12:18 340阅读 0赞

# 页面静态化 Demo #

## 0、视频演示 ##

动态页面静态化Demo

## 0、源码下载 ##

[https://download.csdn.net/download/u014565127/12133450][https_download.csdn.net_download_u014565127_12133450]

## 一、介绍 ##

我们在浏览一些网站的时候可以发现，有些网页是我们动态请求的，但是是我们经常使用的。例如一个图书商城项目，我们可能经常要按类别查看图书，比如有JavaEE类的，有JavaSE类的，还有Java框架类的。如果我们查看某一类的图书，正常流程应该是我们要从数据库里访问数据，然后显示到前端。可是这里有一个问题，就是可能有些东西是请求的频率非常高的，在数据库不经常更新的情况下，这些请求的结果基本上不太改变的。如果这个时候我们每次都去访问数据库，会让我们的项目效率变得非常低，响应速度也比较慢，我们就想到，这些经常请求而又不太变化的东西，我们能不能把这些东西给静态化，也就是所谓的动态网页静态化。

**我们可以使用过滤器实现。**

## 二、思路 ##

我们可以做一个过滤器，在servlet请求某些资源的时候，我们把输出保存到一个HTML中，然后重定向到这个HTML中。  
第二次访问的时候，如果这个HTML存在了，我们就直接重定向，而不再访问servlet了。

## 三、前导项目 ##

为了演示这个特点呢，我们需要做一个前导项目，这里呢，我们做了一个简单的可以分类查看的图书商城Demo，链接放在这里：  
[https://blog.csdn.net/u014565127/article/details/104142994][https_blog.csdn.net_u014565127_article_details_104142994]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ1NjUxMjc_size_16_color_FFFFFF_t_70]

## 四、新建一个过滤器 ##

我们新建一个过滤器：  
![在这里插入图片描述][20200203165202904.png]  
我们选择让它过滤BookServlet：  
![在这里插入图片描述][20200203165258324.png]  
我们还要在webroot目录下准备一个文件夹，htmls，用来存放我们生成的网页文件。  
![20200203170148298.png][]  
我们先完成html文件存在的情况，形成如下的代码：

package com.veeja.book.web.filter;
    
    import java.io.File;
    import java.io.IOException;
    
    import javax.servlet.Filter;
    import javax.servlet.FilterChain;
    import javax.servlet.FilterConfig;
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    
    public class StaticFilter implements Filter { 
    	private FilterConfig config;
    
    	public void destroy() { 
    	}
    
    	public void init(FilterConfig fConfig) throws ServletException { 
    		this.config = fConfig;
    	}
    
    	public void doFilter(ServletRequest request, ServletResponse response,
    			FilterChain chain) throws IOException, ServletException { 
    		HttpServletRequest req = (HttpServletRequest) request;
    		HttpServletResponse res = (HttpServletResponse) response;
    		/* * 1. 第一次访问的时候，要查找请求对应的HTML页面是否存在，如果有的话重定向到html * 2. 如果不存在，放行！把servlet访问数据库后，输出给客户端的数据保存到一个HTML中。然后再重定向到HTML中。 */
    		// 获取category参数，category有四种可能，null，1,2,3
    		/* * null --> null.html * 1 --> 1.html * 2 --> 2.html * 3 --> 3.html * * 然后把对应的html页面存放在htmls文件夹下。 */
    		// 判断对应的html页面是否存在，如果存在，直接重定向。
    		
    		// 得到category参数
    		String category = request.getParameter("category");
    		// 得到对应的html名称
    		String htmlPage = category + ".html";
    		// 得到文件的存放目录
    		String htmlPath = config.getServletContext().getRealPath("/htmls");
    		// 新建一个文件
    		File destFile = new File(htmlPath,htmlPage);
    		
    		// 如果文件存在
    		if (destFile.exists()) { 
    			// 重定向到这个html页面
    			res.sendRedirect(req.getContextPath() + "/htmls" + htmlPage);
    			return;
    		}
    
    		// 如果文件不存在
    		......
    		......
    		......
    		
    	}
    }

## 五、如果文件不存在？ ##

接下来我们要考虑，如果这个HTML文件不存在，我们应该先创建这个html文件，这个时候我们应该怎么实现将要输出到浏览器的内容输出到一个文件中呢？

**这里呢，我们要想办法调包response。**

1.  我们自定义一个response对象。
2.  我们自定义response的getWriter()返回的流对象，会向一个文件写数据。这个文件就是静态页面。当然，过滤器在创建response对象的时候需要传递生成静态页面的路径。
3.  在过滤器放行的时候，把response传递给servlet，servlet查询数据库，保存查询出来的数据。转发到页面，转发使用的response还是我们自定义的response对象。
4.  jsp页面其实就是使用response获取字节流，然后写数据。原始的response返回的流会把数据写给客户端，而自定义的response会把数据写到静态页面中。

所以我们首先要自定义一个response:

*  StaticResponse：
    
        public class StaticResponse extends HttpServletResponseWrapper { 
        
        	private HttpServletResponse response;
        	private PrintWriter pw;
        
        	/** * String path: html文件路径！ * * @param response * @param path * @throws UnsupportedEncodingException * @throws FileNotFoundException */
        	public StaticResponse(HttpServletResponse response, String path)
        			throws FileNotFoundException, UnsupportedEncodingException { 
        
        		super(response);
        		this.response = response;
        
        		// 创建一个与html文件绑定在一起的流对象
        		pw = new PrintWriter(path, "utf-8");
        	}
        
        	@Override
        	public PrintWriter getWriter() throws IOException { 
        		// 让它返回一个与html绑定在一起的printWriter对象
        		// jsp会使用它进行输出，这样数据都会输出在html文件中
        		return pw;
        	}
        }

我们补充上面的StaticFilter即可：

...
    ...
    	// 如果文件不存在，我们要生成html
    	// 如果我们放行的话，show.jsp会做出很多的输出，我们要让它别再输出给客户端，而是保存在我们一个指定的html文件中。
    	// 我们要先调包response，让它的getWriter()与一个html文件绑定，那么show.jsp的输出就会到html文件中。
    	StaticResponse sr = new StaticResponse(res, destFile.getAbsolutePath());
    	chain.doFilter(request, sr); // 放行，即生成了html页面
    	// 这是页面已经存在，重定向到html文件
    	res.sendRedirect(req.getContextPath() + "/htmls/" + htmlPage);
    ...
    ...

--------------------

END.

[https_download.csdn.net_download_u014565127_12133450]: https://download.csdn.net/download/u014565127/12133450
[https_blog.csdn.net_u014565127_article_details_104142994]: https://blog.csdn.net/u014565127/article/details/104142994
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ1NjUxMjc_size_16_color_FFFFFF_t_70]: /images/20210615/7f67e4fa99c64327be2ea6b8218480e8.png
[20200203165202904.png]: /images/20210615/18b8a9f806834fa888d184b469f29591.png
[20200203165258324.png]: /images/20210615/e8810f5b5b22470bbe87df9eed581d2b.png
[20200203170148298.png]: /images/20210615/ddc08677520b4f7b9b538a5fe3c41953.png