TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（一）

最近看到TWaver 的html5版本即将发布了，于是今天用TWaver HTML5 + NodeJS + express + websocket.io + redis搭建了一个简单原型。先发出几张效果图给大家尝尝鲜。界面添加、修改以及删除网元后，会自动增量存库，并广播更新。

看看这个广播实现的效果，可以在手机上接受任何操作：

最后再来个告警广播的效果图

在后续的文章中会给大家详细的讲解具体技术的实现。

转载于:https://www.cnblogs.com/twaver/archive/2011/12/16/2290394.html

TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（一）相关推荐

TWaver HTML5 + Node.js + express + socket.io + redis（六）
接上一篇TWaver HTML5 + Node.js + express + socket.io + redis(五), 这一篇将讲解如何用模版生成html页面, 如何验证用户登录, 您将了解到: 1 ...
TWaver HTML5 + Node.js + express + socket.io + redis（五）
接上一回TWaver HTML5 + Node.js + express + socket.io + redis(四), 这一篇您将了解到 1. 如何保存更改后的拓扑数据 (包括新增的, 修改的, 删 ...
JavaEE企业级快速开发平台jeesite4的使用和快速搭建项目
场景 JeeSIte是一个JavaEE企业级快速开发平台,基于经典技术组合(SpringBoot.Apache Shiro .MyBatis.Beetl.Bootstrap)在线代码生成工具,支持Sp ...
【入门】React 17 + Vite + ECharts 实现疫情数据可视化「02 快速搭建项目」
往期文章目录: [入门]React 17 + Vite + ECharts 实现疫情数据可视化「01 项目介绍篇」文章目录快速搭建项目介绍 Vite Vite 特点搭建第一个 Vite 项目 ...
Redis 快速搭建与使用
Redis 是由 C 语言开发的开源内存数据存储器,经常被用作数据库.缓存以及消息队列等. Redis 因为其强大的功能和简洁的设计,深受广大开发者和公司的喜爱,几乎占领了内存数据库市场的所有份额. ...
nodejs快速搭建项目
创建一个node文件夹,下载安装nodejs,傻瓜式操作打开命令行检查node版本 node -v 快速搭建前端项目框架全局下载vue vue-cli (npm install vue vue-c ...
vue-cli3+cubeUI快速搭建项目
想开发一个web项目,选择vue.js框架,如何使用vue-cli3帮我们快速的搭建项目,选择合适的参数配置呢? vue-cli3脚手架可以快速的帮我们完成搭建,此外,也需要考虑选择一个合适的UI库, ...
HTML5+NodeJs实现WebSocket即时通讯
转自:https://www.cnblogs.com/axes/p/3586132.html 最近都在学习HTML5,做canvas游戏之类的,发现HTML5中除了canvas这个强大的工具外,还有W ...
使用vue-cli4.5.x快速搭建项目
目录一.安装vue-cli 二.创建项目 1.生成项目文件; 2.选择生成配置方式 3.插件选择 4.单项配置 5.选择包管理工具三.VueUI修改配置附-删除已保存的配置选项总结一.安装v ...

TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（一）

TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（一）相关推荐

最新文章

热门文章