设为首页
优惠IDC
收藏本站
六狼博客
六狼论坛
开启辅助访问
切换到窄版
用户名
Email
自动登录
找回密码
密码
登录
立即注册
只需一步,快速开始
只需一步,快速开始
快捷导航
门户
首页
BBS
云计算
大数据
手机
移动开发android,ios,windows phone,windows mobile
编程
编程技术java,php,python,delphi,ruby,c,c++
前端
WEB前端htmlcss,javascript,jquery,html5
数据库
数据库开发Access,mysql,oracle,sql server,MongoDB
系统
操作系统windows,linux,unix,os,RedHat,tomcat
架构
项目管理
软件设计,架构设计,面向对象,设计模式,项目管理
企业
服务
运维实战
神马
搜索
搜索
热搜:
php
java
python
ruby
hadoop
sphinx
solr
ios
android
windows
centos
本版
帖子
用户
六狼论坛
»
首页
›
WEB前端
›
HTML5
›
TWaver HTML5 + Node.js + express + socket.io + redis ...
返回列表
查看:
144
|
回复:
0
TWaver HTML5 + Node.js + express + socket.io + redis(一)
[复制链接]
TWaverGeek
TWaverGeek
当前离线
积分
76
窥视卡
雷达卡
升级
17.33%
当前用户组为
秀才
当前积分为
76
, 升到下一级还需要 124 点。
20
主题
20
主题
20
主题
秀才
秀才, 积分 76, 距离下一级还需 124 积分
秀才, 积分 76, 距离下一级还需 124 积分
积分
76
发消息
楼主
|
发表于 2013-1-24 06:39:04
|
显示全部楼层
|
阅读模式
TWaver HTML5
即将发布,这里迫不及待的给大家介绍一下如何使用TWaver HTML5开发一套完整的拓扑系统。既然是完整的系统,那当然要涉及后台、数据库、数据交互等:
前台:
TWaver HTML5
是继
TWaver Java
、
TWaver Web
、
TWaver Flex
以及
TWaver .NET
后的又一全新分支;使用了HTML5技术,实现了拓扑、各种通用组件(包含List、Tree、Table、TreeTable、PropertySheet、SplitPane、BorderPane、TabPane、TitlePane、Accordion等)以及Chart(LineChart、PieChart、BarChart、BubbleChart、DialChart、RadarChart等)功能;支持各种主流浏览器(Chrome、IE9、FireFox、Safari、Opera等);支持各种桌面和移动终端。
后台:
HTML5
是最新的WEB UI技术,所以后台咱也不落后,用炙手可热的
Node.js
(稍后您会体验到前后台都用JavaScript的快感;如果您还在使用JVM平台,劝您早日放弃,未来不知道甲骨文要把Java怎样:
Ubuntu 将从用户电脑移除 JDK
;如果您还来不及学Phyon、Ruby之类,那您也别遗憾了:
The Switch: Python to Node.js
)。
数据库:如今如日中天的
NoSQL
大行其道(NoSQL名字都被
Oracal
给抢占了),咱也沾沾
Redis
这个内存key-value数据库的光。
前后台通讯:曾经风光一时的
Ajax
和
Comet
,也要给
WebSocket
让道了。借助于Node.js的
Socket.IO
模块,我们将实现拓扑更新广播以及告警广播功能。
第一篇文章先给大家介绍下如何搭建
Node.js
环境。
一. Windows下安装
Node.js
、
Redis
1. 安装
Node.js
从v0.6.1以后,Windows下的安装很简单,从
Node.js
官方网站
http://www.nodejs.org/#download
下载最新版的安装文件即可(写本文时最新的Node.js Windows安装包下载地址为
http://nodejs.org/dist/v0.6.6/node-v0.6.6.msi
)。
尽量选择最新版本安装,里面会自带
npm
(node package manager用于管理node的module),比如本文用到的
express
(web development framework for Node.js)、
Socket.IO
、
node_redis
(redis client for Node.js)。
安装完后在命令行运行node -v以及npm -version以验证是否安装成功。
最后要说的是网上好多安装方法都太老了,其实Node.js已经自带了npm,不需要折腾
msysgit
,下载npm源码;而且即使下载npm也可以到
http://npmjs.org/dist/
下载编译后的文件,解压到Node.js安装目录即可。
2. 安装
Node.js
模块
以管理员身份进入命令行模式,确保您在Node.js的安装目录(比如c:\Program Files\nodejs,否则您需要将您所安装模块的路径添加到环境变量NODE_PATH中,Node.js会自动查找所设置的目录的node_modules子目录里的模块,而且您会发现c:\Program Files\nodejs下已经有node_modules目录了,而且里面有npm模块),运行以下命令安装本文用到的module:
cd “c:\Program Files\nodejs”
npm install express
npm install socket.io
npm install redis
安装完后运行以下命令以查看module结构:
npm list
3. 安装
Redis
Redis官方网站只能下载到源代码,不想折腾的同学可以从
http://code.google.com/p/servicestack/wiki/RedisWindowsDownload
下载编译后的版本,32位版下载地址为
http://servicestack.googlecode.com/files/redis-2.0.0.zip
。
下载后,解压,并将解压目录设置到环境变量PATH中,运行redis-server --version检查安装是否成功。
最后建议各位同学不要在windows下部署Redis:
Redis作者拒绝微软的Windows补丁
二. Mac下安装
Node.js
、
Redis
(建议用强大的
Homebrew
,使用Homebrew前,先执行brew update,获取最新的软件版本号)
1. 安装
Node.js
:brew install node
安装后运行node --version,检查安装是否成功
2. 安装
npm
:curl http://npmjs.org/install.sh | sudo sh
安装后运行npm --version,检查安装是否成功
3. 安装
Node.js
模块
先创建用于存放Node.js模块的目录(比如/Users/paul/Documents/workspace/Tool/node_modules),然后将此目录加入环境变量NODE_PAH中:
vi ~/.bash_profile
然后加入:export NODE_PATH=”/Users/paul/Documents/workspace/Tool/node_modules”
保存后,运行. ~/.bash_profile以让更改生效,运行echo $NODE_PATH,以检查配置是否生效。
最后进入刚创建的目录,运行以下命令安装Node.js模块:
cd /Users/paul/Documents/workspace/Tool/node_modules
npm install express
npm install socket.io
npm install redis
安装完后运行以下命令以查看module结构:
npm list
4. 安装
Redis
:brew install redis
安装后运行redis-server --version,检查安装是否成功
至此本文需要的软件已经安装完成,后续文章将开始详细介绍TWaver HTML5和Node.js的应用
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
Copyright © 2008-2020
六狼论坛
(https://it.6wolf.com) 版权所有 All Rights Reserved.
Powered by
Discuz!
X3.4
京ICP备14020293号-2
本网站内容均收集于互联网,如有问题请联系
QQ:389897944
予以删除
快速回复
返回顶部
返回列表