Node.js + jQuery实现网站访客数统计

Node是一个很底层的玩意儿,http服务器这样的东西也需要我们来搭建,但恰恰是因为这样,我们就可以很灵活地实现一些前后端交互的工作。

 

下面就来看看这次我们做的这个访客统计。

Node后端搭建

废话不多说,建立一个js文件,里面我实现了一个简单的Http服务器(随便写的,可能有点乱):

Node.js + jQuery实现网站访客数统计

 

当有Http请求时,根据URL返回相应的数据:

Node.js + jQuery实现网站访客数统计

 

这样,我们的Node后端就搭建好了,虽然很简陋,但是基本的功能还是能够实现的!

前端实现

后端搭建好了以后,我们来设计主页页面。在已有的html中加入:

Node.js + jQuery实现网站访客数统计

为了美观,我这里还为其设置了CSS样式:

Node.js + jQuery实现网站访客数统计

 

下面就是通过jQuery来查询访客数据了。思路就是使用ajax发起Http请求,那URL就是前面定义的”http://<主机>/status?visitors”,这里会返回一个JSON字符串,然后用eval解析获得整数对象,再将其设置到指定id的标签中即可!

Node.js + jQuery实现网站访客数统计

 

What’s more

至此访客统计的功能就完成了。当然,这里还没有实现数据的持久化,服务器一关数据就没了,因此我们还可以用相应数据库来保存数据。

 

然后来看看效果吧!


Node.js + jQuery实现网站访客数统计

Node.js + jQuery实现网站访客数统计,布布扣,bubuko.com

Node.js + jQuery实现网站访客数统计

上一篇:Fire Net HDU


下一篇:Servlet&JSP的一些浅显的总结