如何实现图像访问计数器

原创 2006年06月26日 10:42:00

统计和显示页面的访问次数是一个常见的WEB应用,因为在网页每次被访问时,页面的访问次数都要发生改变,所以这个功能必须通过服务器端的程序来实现。页面访问计数器在服务器端的基本执行过程为:首先从数据库或其他存储系统中取出页面原来的访问次数,然后将原来的访问次数加1后再作为当前访问次数送给浏览器显示,同时将当前访问次数存储回数据库或其他存储系统中,以便下次访问该页面时使用。但是,一些WEB站点只能输出静态页面内容,没有开放运行服务器端程序的功能。例如,一些提供免费网页空间的站点,在客户端访问任何类型的文件时,服务器都会原封不动地输出给浏览器去处理,显然无法直接在这些只支持静态内容的WEB站点上编写服务器端程序来实现页面访问次数的统计和显示功能。于是,一些具有执行服务器端程序功能的WEB站点推出了免费的页面访问计数器,只要在位于任何站点的一个静态HTML页面中增加一条该站点提供的HTML语句,该语句就能显示出该静态页面的访问次数,从而帮助静态HTML页面实现了访问次数的统计和显示功能。一个站点要想能统计另外一个站点上的某个HTML页面的访问次数,必须让任何一个浏览器在每次访问那个HTML页面都通知这个一下站点,这可以通过在静态HTML页面中增加两种特殊的标签来实现:<img>标签和设置src属性的<script>标签。下面只分析使用<img>标签的应用情况,对于使用设置src属性的<script>标签的应用情况,则作为一道习题交给读者自己去完成。

要利用<img>标签为静态HTML页面实现访问次数的统计和显示功能,需要理解<img>标签的三个重要特性:

1)一个包含有图像的网页文件中并没有包含真正的图像数据内容,而只是使用<img>标签指明了图像的URL地址,如下所示:

       本网页已被浏览了<img src= "count.gif ">

如果浏览器在解析网页文档的过程中遇到了<img>标签,它根据<img>标签的src属性所指定的URL地址去访问WEB服务器,从WEB服务器上获取图像数据后,再在<img>标签的位置处显示出来。

2<img>标签的src属性也可以指向当前页面所在WEB服务器之外的其他WEB服务器上的图像文件。

3)浏览器并不关心<img>标签所需的图像数据在服务器端是如何产生,它只知道去访问src属性指定的URL资源,并把服务器返回的数据当作一个图像的内容来显示。服务器返回的图像数据可以直接从一个静态图像文件中读取,也可以通过Servlet程序在内存中动态创建。所以,<img>标签的src属性指向的URL不一定非得是事先静态存在的静态图像文件,也可以是一个Servlet程序。

在静态HTML页面中使用<img>标签实现免费页面访问计数器的工作原理如图5.17所示,WEB站点A上的静态页面count.html内有一条<img>标签语句,<img>标签的src属性指向了WEB站点B上的一个名为CountServletSerlvet程序,当浏览器显示从站点A上获得的count.html页面时,它将根据其中的<img>标签的src属性去访问WEB站点B上的CountServlet程序以获得要显示的图像数据,CountServlet则创建出具有该页面的访问次数的图像回送给浏览器显示。

5.17

因为WEB站点B上并不存在客户端要访问的图像文件,而是由Servlet程序在内存中临时动态生成图像内容后传送到客户端的,所以,尽管静态页面内的<img>标签所指向的这个Servlet程序的URL地址是固定不变的,但是,它每次被访问时所返回的图像内容却是可以不断变化的。

要编写一个用<img>标签统计和显示静态HTML页面的访问次数的Servlet程序,需要考虑以下一些技术细节:

l         Servlet程序输出的图像格式为jpeg,所以,它应告诉浏览器其所输出的实体内容的MIME类型为image/jpeg,浏览器才会将它所接收到的数据当作一个图像进行处理。

l         因为图像是二进制数据,所以应该调用HttpServletResponse.getOutputStream方法返回的ServletOutputStream对象来向客户端写入图像数据,而不应使用HttpServletResponse.getWriter方法返回的PrintWriter对象。

l         java.awt.image.BufferedImage类用于在内存中创建一幅图像,具体的图像内容则可以通过调用其图形上下文对象(java.awt.Graphics)的各种绘图方法生成,这里仅仅需要绘制一串数字,调用Graphics.drawString方法即可。BufferedImage类创建的内存图像的初始背景颜色和绘图颜色都是黑色的,如果想改变背景颜色,还需要先设置相应的绘图颜色,然后调用Graphics.fillRect填充整个背景。

l         在内存图像中绘制访问次数时,必须限定显示的位数,如果访问次数超过七位,则用数字9999999显示,如果访问次数不足七位,则在前面补充相应个数的0

l         每个引用该Servlet程序的静态页面的URL都对应一个各自的访问次数,每个URL及其访问次数需要使用数据库系统来进行存储,对于简单的实验,也可以采用一个属性文件来进行存储。程序首先使用Referer请求头获得当前引用页面的URL,然后去数据库或属性文件中检索该URL的访问次数,再将访问次数加1后保存进数据库或属性文件,并将访问次数绘制在内存图像中。如果属性文件中不存在该URL的信息,则说明该URL页面属于第一次统计访问。关于如何获得Referer请求头,请参看6.4节的讲解。

l         JDK中提供了一个javax.imageio.ImageIO类,它的write方法可以将BufferedImage对象中的图像编码成jpeg格式的图像数据后写入到一个OutputStream流对象中。因此,只需要调用ImageIO.write方法将BufferedImage对象中的图像编码成jpeg格式后写入到ServletOutputStream流对象中,就将整个图像数据输出给了客户端。

:动手体验:使用<img>标签实现静态HTML页面的访问次数统计和显示

1)编写一个能统计静态HTML页面的访问次数和将访问次数以图像形式返回给客户端的Servlet程序,每个页面的URL及访问次数用一个属性文件进行存储,如例程5-10所示。

例程5-10  CountServlet.java

 


import java.io.*;

import javax.servlet.*;

import javax.servlet.http.*;

import java.awt.*;

import java.awt.image.*;

import javax.imageio.ImageIO;

import java.util.Properties;

 

public class CountServlet extends HttpServlet

{

       public void doGet(HttpServletRequest request,

              HttpServletResponse response) throws ServletException,IOException

       {           

              response.setContentType("image/jpeg");

              //设置浏览器不要缓存此图片

              response.setHeader("Pragma","No-cache");

              response.setHeader("Cache-Control","no-cache");

              response.setDateHeader("Expires", 0);

 

              ServletOutputStream sos = response.getOutputStream();

 

              BufferedImage image =

                            new BufferedImage(80, 20, BufferedImage.TYPE_INT_RGB);

              Graphics g = image.getGraphics();

              /*g.setColor(Color.BLACK);

              g.fillRect(0, 0, width, height);*/

              g.setColor(Color.WHITE);

              g.setFont(new Font(null,Font.ITALIC|Font.BOLD,18));

              String value = getAccessCount(request);

              int len = value.length();

              //最大访问次数不能超过9999999

              if(len > 7)

              {

                     value = "9999999";

              }

              else

              {

                     String tmp="";

                     for(int i=0;i<7-len;i++)

                     {

                            tmp = tmp +"0";

                     }

                     value = tmp + value;

              }

              g.drawString(value,0,18);

              //结束图像的绘制过程,完成图像

              g.dispose();

      

              ImageIO.write(image, "JPEG", sos);

              sos.close();

       }

      

       private String getAccessCount(HttpServletRequest request)

       {

              //得到引用页面的URL地址,并以此作为访问次数的检索关键字

              String pageKey = request.getHeader("referer");

              if(pageKey == null)

              {

                     return "0";

              }

 

              Properties settings = new Properties();

              //count.txt等内部文件最好是保存在WEB-INF目录中

              String countFilePath = getServletContext().getRealPath("/count.txt");

              try

              {

                     //下面的语句没有使用close方法关闭流,有缺陷!

                     settings.load(new FileInputStream(countFilePath));

              }

              catch(Exception e){}

 

              String count = "0";

              try

              {

                     count = settings.getProperty(pageKey);

                     if(count == null)

                     {

                            count = "0";

                     }

                     int c = Integer.parseInt(count) + 1;

                     count = new Integer(c).toString();

                     settings.put(pageKey,count);

                     //下面的语句没有使用close方法关闭流,有缺陷!

                     settings.store(new FileOutputStream(countFilePath),

                                   "the page is accessed:");

              }

              catch(Exception e)

              {

                     System.out.println(e.getMessage());

              }

              return count;         

       }

}

 


编译CountServlet.java源文件,确保编译后生成的class文件存放在了<tomcat的安装目录>/webapps/it315/WEB-INF/classes目录中。

2)修改<tomcat的安装目录>/webapps/it315/WEB-INF/web.xml文件,在其中的相应位置处增加如下两段内容:

    <servlet>

        <servlet-name>CountServlet</servlet-name>

        <servlet-class>CountServlet</servlet-class>

    </servlet>

       ……

       ……

    <servlet-mapping>

        <servlet-name>CountServlet</servlet-name>

        <url-pattern>/servlet/CountServlet</url-pattern>

    </servlet-mapping>

保存web.xml文件后,重新启动Tomcat

3)在任何计算机上的任何HTML页面中只要加入如下语句:

       <img src="http://可对外访问的主机地址:8080/it315/servlet/CountServlet">

就可以统计和显示该页面的访问次数了。在<tomcat安装目录>/webapps/it315目录中编写一个名为count.htmlhtml文件,如例程5-11所示

例程5-11  count.html

 


<meta http-equiv="Content-Type" content="text/html;charset=GB2312">

本网页已被浏览了<img src="http://localhost:8080/it315/servlet/CountServlet">次。

 


在浏览器地址栏中输入如下地址:

       http://localhost:8080/it315/count.html

浏览器中显示的结果如图5.18所示。

5.18

刷新浏览器的访问几次,可以看到图片中的数值随之增长。

 

相关文章推荐

C#图片计数器代码[WEB学习示例]

----------------------------------------------------------csprotected string GetCount()        {    ...

redis多种方式实现访问计数器实例详解

使用场景1 - 计数器 例如:一个web应用,我们想记录每个用户每天访问这个网站的次数。就可以使用这个用户的id和当天日期拼接一个key,每访问一次只用incr对该key操作,从而获得该用户当天的访问...

过滤器的使用实现网站访问计数器

一、创建过滤器需要使用javax.servlet.Filter接口,同时实现Filter接口的3个方法。 CountFilter: package com.home.web; import ja...

JSP计数器--网站统计访问量

计数器 你是第位访问者

jsp网站访问量计数器

计数器是一般网站必备的东东,别小看它了,每当站长看着小小计数器上的数字飞速增长的时候,感觉实在是好极了。以前我们用cgi、asp来写计数器,这方面的文章很多了,在这里,我们将会采用目前比较流行的jsp...
  • lnslss
  • lnslss
  • 2014年12月04日 11:58
  • 460

J2EE实验2:乘法口诀表和访问计数器

JSP的2个小例子
  • kydkong
  • kydkong
  • 2015年11月21日 15:31
  • 552

Jsp标签掉JavaBean属性实现计数器功能应注意的问题

今天看到一篇文章关于用Jsp标签调用JavaBean 实现计数器功能的例子,我咋一看调用的顺序和最后的结果明显不符,就做了个小实验,并用debug模式跟踪调用的过程,结果果然证明文章中是错的,好了,不...

FPGA verilog 实现的1602 时钟计数器

熬夜到了1点了,终于写出了1602的时钟计数器代码。为什么是时钟计数器呢? 因为我还没来得及做校准时间,所以只能称之为时钟计数器,不能成为电子钟。 网上很少用人公开这一类代码,一搜FPGA  16...
  • ywhfdl
  • ywhfdl
  • 2012年05月17日 00:54
  • 3649

使用Verilog实现FPGA计数器功能

本人地大14级师兄,如果有学弟学妹搜到这个评论一个呗! 一、设计要求 编写VerilogHDL程序,实现如下功能: 利用开发板上的数码显示译码器设计一个十进制计数器,要求该计数器具有...

memcache实现网站公用计数器

最近项目中碰到了一个计数器的实现问题,网上查了很多资料也没有一个完整的实现。所以自己查找xmemcache client和memcache相关的API和说明,找到了一个比较完美的实现方法。 关键类:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何实现图像访问计数器
举报原因:
原因补充:

(最多只允许输入30个字)