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=MyISAMDEFAULT 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版本了。
毕业设计作品自己个人还是觉得比较满意的,尽管有些功能考虑的不全面,也没有很好的实现。 爱上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配置文件中的一些选项设置。
页:
[1]