仓酷云

标题: 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表中,便可统计一段工夫内的访客总数,也能够检查访客的区域散布。
  
PHP网页设计PHP+Mysql+jQuery统计以后在线用户数
登录/注册后可看大图

    HTML

  咱们在页面上放置一个显示以后在耳目数的div#total和一个用于展现访客区域散布的列表#onlinelist,默许咱们在列表中放置一张与加载动绘图片,前面咱们用jQuery掌握当鼠标滑向时展现具体列表。
  1.    <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,时期在前进啊,所以建议利用古代阅读器预览后果。
  1.    .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、区域及会见工夫。全部示例统计进程都依附这张表,其布局以下:
  1.    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值和过时工夫。最初,咱们删除表中已过时的纪录,统计总纪录数并输入,具体请看代码正文。
  1.    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。
  1.    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交互。
  1.    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获得各区域省分的在耳目数,并以下拉的体例展示后果。
  1.    $(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/) Powered by Discuz! X3.2