概述
统计和显示页面的访问次数是一个常见的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上的一个名为CountServlet的Serlvet程序，当浏览器显示从站点A上获得的count.html页面时，它将根据其中的<img>标签的src属性去访问WEB站点B上的CountServlet程序以获得要显示的图像数据，CountServlet则创建出具有该页面的访问次数的图像回送给浏览器显示。
<shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"></path><lock v:ext="edit" aspectratio="t"></lock></shapetype><shape id="_x0000_i1025" style="WIDTH: 368.25pt; HEIGHT: 236.25pt" type="#_x0000_t75"><imagedata src="file:///C:/DOCUME~1/gaocao/LOCALS~1/Temp/msohtml1/01/clip_image001.png" o:title='耠"耨"X'></imagedata></shape>
图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
<wrap side="left"><font face="Times New Roman" size="3"></font></wrap>
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;
}
}
<wrap side="left"><font face="Times New Roman" size="3"></font></wrap>
编译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.html的html文件，如例程5-11所示。
例程5-11 count.html
<wrap side="left"><font face="Times New Roman" size="3"></font></wrap>
<meta http-equiv="Content-Type" content="text/html;charset=GB2312">
本网页已被浏览了<img src="http://localhost:8080/it315/servlet/CountServlet">次。
<wrap side="left"><font size="3"></font></wrap>
在浏览器地址栏中输入如下地址：
http://localhost:8080/it315/count.html
浏览器中显示的结果如图5.18所示。
<shape id="_x0000_i1026" style="WIDTH: 363.75pt; HEIGHT: 201pt" type="#_x0000_t75"><imagedata src="file:///C:/DOCUME~1/gaocao/LOCALS~1/Temp/msohtml1/01/clip_image004.png" o:title=""><font size="3"></font></imagedata></shape>
图5.18
刷新浏览器的访问几次，可以看到图片中的数值随之增长。
最后
以上就是爱听歌跳跳糖为你收集整理的如何实现图像访问计数器的全部内容，希望文章能够帮你解决如何实现图像访问计数器所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复