仓酷云

标题: PHP网页设计PHP+Mysql+jQuery统计以后在线用户数 [打印本页]

作者: 因胸联盟 时间: 2015-2-3 23:28
标题: PHP网页设计PHP+Mysql+jQuery统计以后在线用户数
多去关于PHP的网站，尤其有很多经典的文章，多读读这些文章显然是有好处的。
  咱们要统计在一段工夫内会见站点的人数，有多种处理计划，你可使用cookie，session联合文本或数据库来纪录用户会见数。本文将利用PHP，联合Mysql和jQuery，展现一个统计在耳目数和访客区域散布的示例。
  凡是，当访客会见网站时，页面纪录用户的cookie信息，当cookie过时即以为用户不在线。本文中咱们利用PHP纪录访客IP，并在客户端纪录cookie及过时工夫，同时经由过程新浪IP地址接口，获得访客的地舆地位（本例只纪录省分），一并写入mysql表中，便可统计一段工夫内的访客总数，也能够检查访客的区域散布。

HTML

咱们在页面上放置一个显示以后在耳目数的div#total和一个用于展现访客区域散布的列表#onlinelist，默许咱们在列表中放置一张与加载动绘图片，前面咱们用jQuery掌握当鼠标滑向时展现具体列表。

<div class="demo"> <div id="total">以后
在线：<span id="onlinenum"></span></div> <ul id="onlinelist"> <li><img src=http://www.php100.com/html/webkaifa/PHP/PHPyingyong/2013/0321/"loader.gif"></li> </ul> </div>

复制代码

CSS

咱们用CSS来衬着显示后果，为了就是不让咱们的示例很好看，上面的代码中，咱们利用了CSS3，时期在前进啊，所以建议利用古代阅读器预览后果。

.demo{width:150px; margin:20px auto; font-size:14px} #total{padding:6px 10px; background:#090 url(arr.png) no-repeat right top; color:#fff; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;} #onlinelist{background:#f7f7f7; border:1px solid #d3d3d3; display:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;} #onlinelist li{height:20px; line-height:20px;padding:4px 6px;border-bottom:1px dotted #d9d9d9} #onlinelist li span{float:right} #onlinelist li:hover{background:#fff}

复制代码

Mysql

咱们要筹办一张数据表online，用来纪录访客IP、区域及会见工夫。全部示例统计进程都依附这张表，其布局以下：

CREATE TABLE IF NOT EXISTS `online` ( `id` int(11) NOT NULL AUTO_INCREMENT, `ip` varchar(30) NOT NULL, `province` varchar(64) NOT NULL, `addtime` int(10) NOT NULL DEFAULT '0', PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

复制代码

PHP

online.php用来纪录访客信息，包含IP地址和区域。起首检测数据表中是不是有访客IP纪录，假如有，则只更新会见工夫，不然，获得用户省分区域，并将用户IP即省分区域拔出到表中。在此，可以判别是不是存在访客的cookie纪录，假如不存在则向新浪IP地址库恳求获得访客的区域信息，并设置cookie值和过时工夫。最初，咱们删除表中已过时的纪录，统计总纪录数并输入，具体请看代码正文。

include_once('connect.php'); //毗连
数据库 $ip = get_client_ip(); //获得
客户端IP  $time = time();  //查询表中是不是
有ip为以后
访客IP的纪录
  $query = mysql_query("select id from online where ip='$ip'");  if(!mysql_num_rows($query)){//假如
不存在访客IP    if($_COOKIE['geoData']){//假如
存在cookie，则获得
用户的区域       $province = $_COOKIE['geoData']; //区域（省分
）    }else{       $api = "http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=$ip";       $json = file_get_contents($api);//挪用
新浪IP地址库       $arr = json_decode($json,true);//解析json       $province = $arr['province'];//获得
省分
      setcookie('geoData',$province,$time+600); //设置cookie，设置过时
工夫
为10分钟    }    //将访客信息拔出
到数据表中    mysql_query("insert into online (ip,province,addtime) values ('$ip','$province','$time')");  }else{//假如
存在，则更新该用户会见
工夫
   mysql_query("update online set addtime='$time' where ip='$ip'");  }  //删除已过时
的纪录
  $outtime = $time-600;  mysql_query("delete from online where addtime<$outtime");  //统计总纪录
数，即在线用户数  list($totalOnline) = mysql_fetch_array(mysql_query("select count(*) from online")); echo $totalOnline;//输入
在线总数  mysql_close();

复制代码

关于新浪IP地址库的挪用
函数get_client_ip()用来获得用户真实IP。

function get_client_ip() { if (getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP"), "unknown")) $ip = getenv("HTTP_CLIENT_IP"); else if (getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR"), "unknown")) $ip = getenv("HTTP_X_FORWARDED_FOR"); else if (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR"), "unknown")) $ip = getenv("REMOTE_ADDR"); else if (isset ($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] && strcasecmp($_SERVER['REMOTE_ADDR'], "unknown")) $ip = $_SERVER['REMOTE_ADDR']; else $ip = "unknown"; return ($ip); }

复制代码

geo.php用来统计各省分（区域）访主人数散布。经由过程查询数据库，并按省分分组排序便可，注重咱们将终究的数据集以JSON的模式输入，便于前端ajax交互。

include_once('connect.php');//毗连
数据库 //查询区域统计 $sql = "select province,count(*) as total from online group by province order by total desc"; $result = mysql_query($sql); while($row=mysql_fetch_array($result)){ $list[] = array( 'province' => $row['province'], 'total' => $row['total'] ); } echo json_encode($list);//以json格局
输入

复制代码

jQuery

前端页面需求做的是，页面加载时展现访客总数，即便用ajax恳求online.php便可。然后当鼠标滑向统计箭头时，经由过程ajax恳求geo.php获得各区域省分的在耳目数，并以下拉的体例展示后果。

$(function(){ $("#onlinenum").load("online.php"); $(".demo").hover(function(){ $("#onlinelist").slideDown("fast"); var str = ''; $.getJSON("geo.php",function(json){ $.each(json,function(index,array){ str = str + "<li><span>"+array['total']+"</span>"+array['province']+"</li>"; }); $("#onlinelist").html(str); }); },function(){ $("#onlinelist").slideUp("fast"); }); });

复制代码

最初，该示例依附jquery，所以别忘了在页面中请先加载jquery库，今朝已到jquery-1.9.1版本了。
毕业设计作品自己个人还是觉得比较满意的，尽管有些功能考虑的不全面，也没有很好的实现。

作者: 分手快乐 时间: 2015-2-3 23:33
爱上php，他也会爱上你。

作者: 冷月葬花魂 时间: 2015-2-9 06:18
在学习的过程中不能怕麻烦，不能有懒惰的思想。学习php首先应该搭建一个lamp环境或者是wamp环境。这是学习php开发的根本。虽然网络上有很多集成的环境，安装很方便，使用起来也很稳定、

作者: 变相怪杰 时间: 2015-2-11 06:18
说点我烦的低级错误吧，曾经有次插入mysql的时间弄了300年结果老报错，其实mysql的时间是有限制的，大概是到203X年具体的记不清啦，囧。

作者: 蒙在股里 时间: 2015-2-16 05:32
不禁又想起那些说php是草根语言的人，为什么认得差距这么大呢。

作者: 爱飞 时间: 2015-3-6 07:34
我还是推荐用firefox ，配上firebug 插件调试js能省下不受时间。谷歌的浏览器最好也不少用，因为谷歌的大侠们实在是太天才啦，把一些原来的js代码加了一些特效。

作者: 活着的死人 时间: 2015-3-12 22:14
先学习php和mysql,还有css(html语言很简单)我认为现在的效果比以前的方法好。

作者: 小女巫 时间: 2015-3-15 03:10
如果你可以写完像留言板这样的程序，那么你可以去一些别人的代码了，

作者: 再见西城 时间: 2015-3-16 17:11
基础有没有对学习php没有太大区别，关键是兴趣。

作者: 海妖 时间: 2015-3-22 23:24
微软最近出的新字体“微软雅黑”，虽然是挺漂亮的，不过firefox 支持的不是很好，所以能少用还是少用的好。

作者: 飘灵儿 时间: 2015-3-29 22:17
找到的的资料很多都是在论坛里的，需要注册，所以我一般没到一个论坛都注册一个id，所有的id都注册成一样的，这样下次再进来的时候就不用重复注册啦。当然有些论坛的某些资料是需要的付费的。

作者: 仓酷云 时间: 2015-4-10 08:19
Ps：以上纯属原创，如有雷同，纯属巧合

作者: 小妖女 时间: 2015-4-21 19:35
学习php的目的往往是为了开发动态网站，phper就业的要求也涵盖了很多。我大致总结为：精通php和mysql

作者: 莫相离 时间: 2015-4-25 14:39
基础有没有对学习php没有太大区别，关键是兴趣。

作者: 第二个灵魂 时间: 2015-5-2 21:06
基础有没有对学习php没有太大区别，关键是兴趣。

作者: 山那边是海 时间: 2015-6-12 22:17
兴趣是最好的老师，百度是最好的词典。

作者: 灵魂腐蚀 时间: 2015-6-27 01:28
因为blog这样的可以让你接触更多要学的知识，可以接触用到类，模板，js ，ajax

作者: admin 时间: 2015-7-3 00:31
个人呢觉得，配wamp 最容易漏的一步就是忘了把$PHP$目录下的libmysql.dll拷贝到windows系统目录的system32目录下，还有重启apache。

作者: 不帅 时间: 2015-7-14 02:32
我还是强烈建议自己搭建php环境。因为在搭建的过程中你会遇到一些问题，通过搜索或是看php手册解决问题后，你会更加深刻的理解它们的工作原理，了解到php配置文件中的一些选项设置。

欢迎光临仓酷云 (http://ckuyun.com/)