我們要統計(jì)在一段時(shí)間(jiān)內(nèi)訪問站(zhàn)點的人(rén)數(shù)，有(yǒu)多(duō)種解決方案，你(nǐ)可(kě)以使用cookie，session結合文本或者數(shù)據庫來(lái)記錄用戶訪問數(shù)。本文将使用PHP，結合Mysql以及jQuery，展示一個(gè)統計(jì)在線人(rén)數(shù)以及訪客地區(qū)分布的示例。

通(tōng)常，當訪客訪問網站(zhàn)時(shí)，頁面記錄用戶的cookie信息，當cookie過期即認為(wèi)用戶不在線。本文中我們使用PHP記錄訪客IP，并在客戶端記錄cookie及過期時(shí)間(jiān)，同時(shí)通(tōng)過新浪IP地址接口，獲取訪客的地理(lǐ)位置（本例隻記錄省份），一并寫入mysql表中，即可(kě)統計(jì)一段時(shí)間(jiān)內(nèi)的訪客總數(shù)，也可(kě)以查看訪客的地區(qū)分布。

HTML

我們在頁面上(shàng)放置一個(gè)顯示當前在線人(rén)數(shù)的div#total以及一個(gè)用于展示訪客地區(qū)分布的列表#onlinelist，默認我們在列表中放置一張與加載動畫(huà)圖片，後面我們用jQuery控制(zhì)當鼠标滑向時(shí)展示詳細列表。

	
	

		當前在線： 
	

	

		
		

			 
		

	

CSS

我們用CSS來(lái)渲染顯示效果，為(wèi)了就是不讓我們的示例很(hěn)難看，下面的代碼中，我們使用了CSS3，時(shí)代在進步啊，所以建議使用現代浏覽器(qì)預覽效果。

.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

我們要準備一張數(shù)據表online，用來(lái)記錄訪客IP、地區(qū)及訪問時(shí)間(jiān)。整個(gè)示例統計(jì)過程都依賴這張表，其結構如下：

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用來(lái)記錄訪客信息，包括IP地址和(hé)地區(qū)。首先檢測數(shù)據表中是否有(yǒu)訪客IP記錄，如果有(yǒu)，則隻更新訪問時(shí)間(jiān)，否則，獲取用戶省份區(qū)域，并将用戶IP即省份區(qū)域插入到表中。在此，可(kě)以判斷是否存在訪客的cookie記錄，如果不存在則向新浪IP地址庫請(qǐng)求獲取訪客的區(qū)域信息，并設置cookie值和(hé)過期時(shí)間(jiān)。最後，我們删除表中已經過期的記錄，統計(jì)總記錄數(shù)并輸出，詳細請(qǐng)看代碼注釋。

include_once('connect.php'); //連接數(shù)據庫

$ip = get_client_ip(); //獲取客戶端IP
$time = time();
//查詢表中是否有(yǒu)ip為(wèi)當前訪客IP的記錄
$query = mysql_query("select id from online where ip='$ip'");
if(!mysql_num_rows($query)){//如果不存在訪客IP
	if($_COOKIE['geoData']){//如果存在cookie，則獲取用戶的區(qū)域
		$province = $_COOKIE['geoData']; //區(qū)域（省份）
	}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，設置過期時(shí)間(jiān)為(wèi)10分鍾
	}
	//将訪客信息插入到數(shù)據表中
	mysql_query("insert into online (ip,province,addtime) values ('$ip','$province','$time')");
}else{//如果存在，則更新該用戶訪問時(shí)間(jiān)
	mysql_query("update online set addtime='$time' where ip='$ip'");
}
//删除已過期的記錄
$outtime = $time-600;
mysql_query("delete from online where addtime<$outtime");
//統計(jì)總記錄數(shù)，即在線用戶數(shù)
list($totalOnline) = mysql_fetch_array(mysql_query("select count(*) from online")); 
echo $totalOnline;//輸出在線總數(shù)
mysql_close();

關于新浪IP地址庫的調用，您也可(kě)以參閱helloweba.com文章根據IP定位用戶所在城市信息的介紹。

函數(shù)get_client_ip()用來(lái)獲取用戶真實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用來(lái)統計(jì)各省份（區(qū)域）訪客人(rén)數(shù)分布。通(tōng)過查詢數(shù)據庫，并按省份分組排序即可(kě)，注意我們将最終的數(shù)據集以JSON的形式輸出，便于前端ajax交互。

include_once('connect.php');//連接數(shù)據庫
//查詢區(qū)域統計(jì)
$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

前端頁面需要做(zuò)的是，頁面加載時(shí)展示訪客總數(shù)，即使用ajax請(qǐng)求online.php即可(kě)。然後當鼠标滑向統計(jì)箭頭時(shí)，通(tōng)過ajax請(qǐng)求geo.php獲取各區(qū)域省份的在線人(rén)數(shù)，并以下拉的方式展現效果。

$(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 + "

	"+array['total']+""+array['province']+"

";
			});
			$("#onlinelist").html(str);
		});
	},function(){
		$("#onlinelist").slideUp("fast");
	});
});

最後，該示例依賴jquery，所以别忘了在頁面中請(qǐng)先加載jquery庫，目前已經到jquery-1.9.1版本了。