PHP网页设计PHP+Mysql+jQuery统计以后在线用户数

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

登录/注册后可看大图

    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版本了。
毕业设计作品自己个人还是觉得比较满意的，尽管有些功能考虑的不全面，也没有很好的实现。

爱上php，他也会爱上你。

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

说点我烦的低级错误吧，曾经有次插入mysql的时间 弄了300年结果老报错，其实mysql的时间是有限制的，大概是到203X年  具体的记不清啦，囧。

不禁又想起那些说php是草根语言的人，为什么认得差距这么大呢。

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

先学习php和mysql,还有css(html语言很简单)我认为现在的效果比以前的方法好。

如果你可以写完像留言板这样的程序，那么你可以去一些别人的代码了，

基础有没有对学习php没有太大区别，关键是兴趣。

微软最近出的新字体“微软雅黑”，虽然是挺漂亮的，不过firefox  支持的不是很好，所以能少用还是少用的好。

找到的的资料很多都是在论坛里的，需要注册，所以我一般没到一个论坛都注册一个id，所有的id都注册成一样的，这样下次再进来的时候就不用重复注册啦。当然有些论坛的某些资料是需要的付费的。

仓酷云

Ps：以上纯属原创，如有雷同，纯属巧合

学习php的目的往往是为了开发动态网站，phper就业的要求也涵盖了很多。我大致总结为：精通php和mysql

基础有没有对学习php没有太大区别，关键是兴趣。

基础有没有对学习php没有太大区别，关键是兴趣。

兴趣是最好的老师，百度是最好的词典。

因为blog这样的可以让你接触更多要学的知识，可以接触用到类，模板，js ，ajax

个人呢觉得，配wamp 最容易漏的一步就是忘了把$PHP$目录下的libmysql.dll拷贝到windows系统目录的system32目录下，还有重启apache。

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