文档章节

静态HTML页面的访问量统计实现

魏邪乎
 魏邪乎
发布于 2014/07/21 15:15
字数 615
阅读 4.7W
收藏 1
摘要:第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。
最近被博客折腾的快疯了,因为自己的想法实在太多,然后白天又要上班。最终还是强迫自己不要多想,一步步来,否则等下有一天真的要疯掉了,得不偿失。

第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。

首先想到的是在页面加载完,通过js后台ajax请求修改访问数。

基于jquery写一个咯:

    <script>
    $(function() {
    $.get('update.php?id=1',{r:Math.random()});
    //当然$.post()、$.ajax()等都可以咯。
    //然后要记得加一个随机数,因为如果不加的话,有的浏览器会认为是同一个请求,然后不请求。
    });
    </script>

然后上网看了下,原来还有人这样写:

    <script src="update.php?id=1"></script>

经测试,这样也是可行的。

至于文章的id,在静态化的过程中,可以直接赋值到页面要请求的网址参数后。

update.php的话,就是连接数据库,通过传过来的文章id,更新访问量的处理咯。

如果要实现在静态页面马上显示更新的数目的话:
方法一需要在ajax请求后调用回调函数,然后update.php返回新的访问量,然后在回调函数中定位到显示访问量位置,替换成新的访问量。
代码实现:

    $(function() {
    $.get('update.php?id=1',{r:Math.random()},function(num) {
    $('#hit').html(num);
    });
    });

方法二则需要在update.php中,添加一句话:

    document.write(<?php echo $num; ?>);

整体实现还是挺简单的,分享下。

© 著作权归作者所有

魏邪乎
粉丝 6
博文 80
码字总数 21516
作品 0
保定
私信 提问
加载中

评论(1)

Mars_Zhang
Mars_Zhang
http://www.webestools.com/visitors-counter-free-number-unique-visitors-users-visits-statistics.html
这里。。
只是引用http://services.webestools.com/cpt_visitors/27120-13-6.js
就实现了统计。。兄弟你知道这是怎么搞的么?
末路客部落网站系统--NowayerCMS

Nowayercms1.0 系统功能和特点 程序用asp+ACCESS数据库+UTF-8编码编 写 前台文章静态html页面浏览 如果程序不在网站根目录,可在网站根目录生成index.html 手 动生成关于本站html页面 首页,...

匿名
2010/03/03
1.3K
0
OneAPM NI 基于旁路镜像数据的真实用户体验监控

在这个应用无处不在的时代,一次网络购物,一次网络银行交易,一次网络保险的购买,一次春运车票的购买,一次重要工作邮件的收发中出现的延时,卡顿对企业都可能意味着用户忠诚度下降,真金白...

OneAPM蓝海讯通
2018/01/16
39
0
前端技术演进(六):前端项目与技术实践

这个来自之前做的培训,删减了一些业务相关的,参考了很多资料(参考资料列表),谢谢前辈们,么么哒 😘 任何五花八门的技术,最终还是要在实践中落地。现代的软件开发,大部分讲求的不是高...

姜小抖
2018/12/16
0
0
java web 页面缓存技术选择: html / ehcache ?

有这样一个需求, java web 项目中需要对一些高访问量的页面进行缓存,调查了一下 主要有两大类, 1 是生成静态页面*.html。 2 是对象缓存,如ehcache 的页面缓存, 直接存在内存里面。 想问...

sucanber
2015/06/17
2.2K
2
Linux日志分析系统Awstat分析nignx日志

一.简述 AWStats 软件是一个免费的强大的基于Perl的WEB日志分析工具,显示你所有的网页/邮件/ FTP统计包括访问,访问者,页面,点击,高峰时间,操作系统,浏览器,搜索引擎,关键字,机器人...

lqbyz
2017/09/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Batch 配置一个步骤(Step)

如我们在 域语言(Domain Language)章节中讨论的内容一致,一个 步骤(Step)是一个独立封装了执行顺序的批量作业(Job),并且包含有用于定义和控制一个批量作业的所有独立信息。 针对这个...

honeymoose
今天
43
0
centos php ppt转图片

参考:https://blog.csdn.net/aituochang1886/article/details/101167564 安装 Unoconv 参考: https://www.licongying.cn/2018/10/linux-centos-install-unoconv-liboffice/ https://blog.c......

四季变幻
今天
29
0
OSChina 周一乱弹 —— 提前接受社会的毒打教育

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @爱吃蛋挞的kk:分享Buddy Guy的单曲《I Need You Tonight》 《I Need You Tonight》- Buddy Guy 手机党少年们想听歌,请使劲儿戳(这里) 凌...

小小编辑
今天
178
7
垃圾回收算法

四种垃圾回收算法:标记清除算法、标记复制算法、标记整理算法、分代收集算法。 标记清除算法 将需要被回收的对象进行标记,然后回收,缺点是会有很多内存碎片。 标记复制算法 将内存分成两部...

Oaki
今天
73
0
安装npm时,报错rollbackFailedOptional: verb npm-session的解决办法

因为npm没有设置国内镜像服务器(因为大部分内容要去外网下载,直连比较慢) 先执行npm config set registry http://registry.npm.taobao.org 再执行安装命令,如npm install webpack@3.6.0...

copperM
昨天
61
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部