admin 管理员组

文章数量: 887021


2023年12月22日发(作者:图片源码是什么意思)

第12章 在线访问统计

了解网站运营状况的一个最基本要素就是访问量统计。而站点计数器正好提供了这样的功能。通过其自身所附带的记数能力,站点管理员可以及时了解到自己网站的浏览现况。也能对某一时间段的站点访问量进行统计。网页设计师可借助ASP的计数器组件,结合文件的操作,来实现在线访问统计。而Dreamweaver的图形化操作可以让这个工作变得更为轻松。

12.1 页面的实现

ASP中Counters组件是一个可创建、存储数量的独立计数器。因此常会借助Counters组件来制作一个用于统计页面点击量的计数器。所有计数器都将与一个单独的文本文件()对应。一般会同其组件的注册文件()存放在同一目录。对于一部分操作系统,例如Windows Server 2003在默认安装状态下并不支持Counters组件。可以通过如下的步骤对组件进行注册。

(1)从安装了IIS的操作系统下的“system32inetsrv”下,选择文件,复制到windows的system32目录下。

(2)单击【开始】【运行】|命令,弹出【运行】对话框。在【打开】文本框中输入“regsvr32 ”,如图12.1所示。

(3)单击【确定】按钮,将弹出如图12.2所示的对话框。

图12.1 【运行】对话框 图12.2 Counters组件注册成功提示信息

(4)单击【确定】按钮,关闭对话框。

文件是个可选文件。借助该文件,网页设计师常会用来定义一些事件信息。或者声明一些具有应用程序作用域限制的全局对象。文件必须存放在站点的根目录下,并且具有唯一性。

下面就详细介绍在文件中插入Counters组件对象的方法,具体步骤如下。

(1)打开Dreamweaver的设计界面。单击【文件】|【新建】命令,新建一个名为“”的标准ASP文件。

(2)单击【文档】工具栏中的【显示代码视图】按钮,切换到“代码”视图模式,如图12.3所示。

图12.3 【显示代码视图】按钮

(3)单击【编辑】|【全选】命令,选中“文档”窗口中的所有代码。

(4)单击【编辑】|【清除】命令,删除“”文档中由Dreamweaver自动生成的所有代

·296

·

码。

(5)单击Dreamweaver【插入】工具栏中【ASP】|【】命令,如图12.4所示。Dreamweaver会自动在“文档”窗口中插入类似“()”的代码。

图12.4 【】命令

(6)把鼠标定位到代码“()”的括弧中,输入"

SCOPE='Application' ID='Counters' PROGID='rs'>

"。

(7)单击【文件】|【另存为】命令,弹出【另存为】对话框。在【文件名】文本框中输入“”,===如图12.5所示。

图12.5 另存为“”

页面,完整代码如下:

("

PROGID='rs'>

")

12.2 在线统计页面的实现

除了使用文件,还需要建立统计页面。以下讲解如何构建在线统计页面。操作过程如下所示。

(1)打开Dreamweaver的设计界面。单击【文件】|【新建】命令,新建一个名为“”的标准ASP文件。

(2)单击【文档】工具栏中的【显示代码视图】按钮,切换到“代码”视图模式,如图12.3所示。

图12.6 【显示代码视图】按钮

(3)单击【编辑】|【全选】命令,选中“文档”窗口中的所有代码。

(4)单击【编辑】|【清除】命令,删除“”文档中由Dreamweaver自动生成的所有代码。

·297·(5)单击Dreamweaver【插入】工具栏中【ASP】|【代码块】命令,如图12.7所示。Dreamweaver会自动在“文档”窗口中插入类似“<% %>”的代码。

图12.7 【代码块】命令

(6)把鼠标定位到代码块“<% %>”内,输入"ent("LinksPageHits")"。

(7)单击【插入】工具栏中【ASP】|【】命令,如图12.8所示。Dreamweaver会自动在“文档”窗口中插入类似“()”的代码。

图12.8 【】命令

(8)把鼠标定位到代码“()”的括弧中,输入"ent("defaultPageHits")"。

在线统计页面(),完整代码如下:

<%

ent("LinksPageHits")

(ent("defaultPageHits"))

%>

12.3 如何方便地调用在线统计功能

前面讲解了如何实现在线统计。下面讲解如何在页面中应用该统计功能。操作如下所示。

(1)打开Dreamweaver的设计界面。单击【文件】|【新建】命令,新建一个名为“”的标准ASP文件。

(2)单击Dreamweaver【插入】工具栏中【常用】|【表格】命令。在弹出的【表格】对话框中进行相应设置,在【文档】窗口中插入了一些表格用于定位。

(3)根据实际情况,可以对特定的单元格进行宽度和背景图片的指定,来修饰表格的外观。在此基础上,再对单元格行适当的排版,录入相应的文字信息具体效果如图12.9所示。

图12.9 调用在线统计功能页面排版

(4)把鼠标定位到需要插入计数器的位置。单击【插入】工具栏中【常用】|【服务器端包括】命令,如图12.10所示。

图12.10 【服务器端包括】命令

(5)弹出【选择文件】对话框,选中之前所建立的“”文件,如图12.11所示。

·298

·

======

图12.11 【选择文件】对话框

(6)单击【确定】按钮,关闭对话框。Dreamweaver会自动在“文档”窗口中插入所选择的服务器端包括文件,如图12.12所示。

启动Internet Explorer,在地址栏中输入“localhost/”。将会看到如图12.13所示的效果。

图12.12 插入“”文件 图12.13 查看“localhost/”

调用在线统计功能页面(),完整代码如下:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>

"/TR/xhtml1/DTD/">

调用在线统计功能页面

background="imgs/">

 
  你是第(

)位访问站点的浏览者!

·299·


本文标签: 文件 统计 页面 组件 插入