设为首页 收藏本站
查看: 1066|回复: 0

[经验分享] PHP统计当前在线用户数实例

[复制链接]

尚未签到

发表于 2017-12-30 10:30:55 | 显示全部楼层 |阅读模式
  HTML
  
我们在页面上放置一个显示当前在线人数的div#total以及一个用于展示访客地区分布的列表#onlinelist,默认我们在列表中放置一张与加载动画图片,后面我们用jQuery控制当鼠标滑向时展示详细列表。
  

<div>  <div>当前在线:<span></span></div>
  <ul>
  <li><img src="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 = ();
  
//查询表中是否有ip为当前访客IP的记录

  
$query = ("select>  
if(!($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 = ($api);//
  
    $arr = json_decode($json,true);//解析json
  $province = $arr['province'];//获取省份
  ('geoData',$province,$time+600); //设置cookie,设置过期时间为10分钟
  
  }
  //将访客信息插入到数据表中
  ("insert into online (ip,province,addtime) values ('$ip','$province','$time')");
  
}else{//如果存在,则更新该用户访问时间
  ("update online set addtime='$time' where ip='$ip'");
  
}
  
//删除已过期的记录
  
$outtime = $time-600;
  
("delete from online where addtime<$outtime");
  
//统计总记录数,即在线用户数
  
list($totalOnline) = (("select count(*) from online"));
  
echo $totalOnline;//输出在线总数
  
();
  

  函数get_client_ip()用来获取用户真实IP。
  

function get_client_ip() {if (("HTTP_CLIENT_IP") && (("HTTP_CLIENT_IP"), "unknown"))$ip = ("HTTP_CLIENT_IP");else if (("HTTP_X_FORWARDED_FOR") && (("HTTP_X_FORWARDED_FOR"),  
"unknown"))
  $ip = ("HTTP_X_FORWARDED_FOR");
  else if (("REMOTE_ADDR") && (("REMOTE_ADDR"), "unknown"))
  $ip = ("REMOTE_ADDR");
  else if (isset ($_SERVER['REMOTE_ADDR']) &&
  
$_SERVER['REMOTE_ADDR'] && ($_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 = ($sql);
  
while($row=($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");
  });
  
});
  

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-429609-1-1.html 上篇帖子: 使用php完成常见的"文件上传"功能 下篇帖子: PHP 生成PDF
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表