TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目(一)
2011-12-16 16:34
1111 查看
最近看到TWaver 的html5版本即将发布了,于是今天用TWaver HTML5 + NodeJS + express + websocket.io + redis搭建了一个简单原型。先发出几张效果图给大家尝尝鲜。界面添加、修改以及删除网元后,会自动增量存库,并广播更新。
![](http://pic002.cnblogs.com/images/2011/311983/2011121616313655.png)
看看这个广播实现的效果,可以在手机上接受任何操作:
最后再来个告警广播的效果图
![](http://pic002.cnblogs.com/images/2011/311983/2011121616324229.png)
在后续的文章中会给大家详细的讲解具体技术的实现。
![](http://pic002.cnblogs.com/images/2011/311983/2011121616313655.png)
看看这个广播实现的效果,可以在手机上接受任何操作:
最后再来个告警广播的效果图
![](http://pic002.cnblogs.com/images/2011/311983/2011121616324229.png)
在后续的文章中会给大家详细的讲解具体技术的实现。
相关文章推荐
- TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目(三)
- TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目(二)
- TWaver HTML5 + Node.js + express + socket.io + redis(六)
- TWaver HTML5 + Node.js + express + socket.io + redis(一)
- TWaver HTML5 + Node.js + express + socket.io + redis(四)
- TWaver HTML5 + Node.js + express + socket.io + redis(三)
- TWaver HTML5 + Node.js + express + socket.io + redis(五)
- TWaver HTML5 + Node.js + express + socket.io + redis(四)
- TWaver HTML5 + Node.js + express + socket.io + redis(二)
- TWaver HTML5 + Node.js + express + socket.io + redis(五)
- 从零开始-使用React+Webpack+Nodejs+Express快速构建项目
- Node.js+Express+Socket.io环境搭建
- nodejs express 快速搭建一个项目过程
- Node.js+Express+Socket.IO搭建在线聊天室
- 使用nodejs+express+socketio+mysql搭建聊天室
- NodeJS+Socket.io+ExpressJS实现web聊天应用
- node.js/express.js新手快速入门及搭建MVC项目
- 使用Node.js快速搭建WebSocket server
- nodejs+express+websocket+redis实现消息订阅系统
- Node.js下基于Express + Socket.io 搭建一个基本的在线聊天室