Node是一个很底层的玩意儿,http服务器这样的东西也需要我们来搭建,但恰恰是因为这样,我们就可以很灵活地实现一些前后端交互的工作。
下面就来看看这次我们做的这个访客统计。
Node后端搭建
废话不多说,建立一个js文件,里面我实现了一个简单的Http服务器(随便写的,可能有点乱):
当有Http请求时,根据URL返回相应的数据:
这样,我们的Node后端就搭建好了,虽然很简陋,但是基本的功能还是能够实现的!
前端实现
后端搭建好了以后,我们来设计主页页面。在已有的html中加入:
为了美观,我这里还为其设置了CSS样式:
下面就是通过jQuery来查询访客数据了。思路就是使用ajax发起Http请求,那URL就是前面定义的”http://<主机>/status?visitors”,这里会返回一个JSON字符串,然后用eval解析获得整数对象,再将其设置到指定id的标签中即可!
What’s more
至此访客统计的功能就完成了。当然,这里还没有实现数据的持久化,服务器一关数据就没了,因此我们还可以用相应数据库来保存数据。
然后来看看效果吧!