Nodejs开发框架Express3.0开发手记–从零开始

github程序代码:

https://github.com/bsspirit/nodejs-demo

Nodejs开发框架Express3.0开发手记–从零开始

http://blog.fens.me/nodejs-express3/

 

nodejs开发框架express3.0开发手记

nodejs:版本

node -v
npm -v

1. 建立工程

进入工程目录

全局安装express,express作为命令被安装到了系统中

npm install -g express

查看express版本

使用express命令创建工程,并支持ejs

C:\Program Files (x86)\nodejs>express -e nodejs-demo

create : nodejs-demo
create : nodejs-demo/package.json
create : nodejs-demo/app.js
create : nodejs-demo/routes
create : nodejs-demo/routes/index.js
create : nodejs-demo/routes/user.js
create : nodejs-demo/views
create : nodejs-demo/views/index.ejs
create : nodejs-demo/views/error.ejs
create : nodejs-demo/public/images
create : nodejs-demo/public
create : nodejs-demo/bin
create : nodejs-demo/bin/www
create : nodejs-demo/public/javascripts
create : nodejs-demo/public/stylesheets
create : nodejs-demo/public/stylesheets/style.css

install dependencies:
> cd nodejs-demo && npm install
run the app:
 >SET DEBUG=nodejs-demo:* & npm start

根据提示,下载依赖包

C:\Program Files (x86)\nodejs>cd nodejs-demo && npm install  
或者
C:\Program Files (x86)\nodejs>cd nodejs-demo
C:\Program Files (x86)\nodejs>npm install

模板项目建立成功,启动模板项目。

C:\Program Files (x86)\nodejs>node app.js
或者
C:\Program Files (x86)\nodejs>npm start

本地的3000端口被打开,通过浏览器访问: localhost:3000

这部分为测试:通过node启动程序,每次代码修改都需要重新启动。 有一个工具supervisor,每次修改代码后会自动重启,会我们开发省很多的时间。

npm install supervisor

 再启动服务

D:\workspace\project\nodejs-demo>supervisor app.js

DEBUG: Running node-supervisor with
DEBUG: program 'app.js'
DEBUG: --watch '.'
DEBUG: --ignore 'undefined'
DEBUG: --extensions 'node|js'
DEBUG: --exec 'node'

DEBUG: Starting child process with 'node app.js'
DEBUG: Watching directory 'D:\workspace\project\nodejs-demo' for changes.
Express server listening on port 3000

<!--end-->

2. 目录结构

目录介绍:

  • node_modules, 存放所有的项目依赖库。(每个项目管理自己的依赖,与Maven,Gradle等不同)
  • package.json,项目依赖配置及开发者信息
  • app.js,程序启动文件
  • public,静态文件(css,js,img)
  • routes,路由文件(MVC中的C,controller)
  • Views,页面文件(Ejs模板)

3. Express3.0配置文件

打开app.js文件

/**
* 模块依赖
*/
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path');

var app = express();

//环境变量
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// 开发模式
if ('development' == app.get('env')) {
app.use(express.errorHandler());
}

// 路径解析
app.get('/', routes.index);
app.get('/users', user.list);

// 启动及端口
http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});

4. Ejs模板使用(重点)

让ejs模板文件,使用扩展名为html的文件。

 

posted @ 2015-07-23 11:42  chenguiya  阅读(306)  评论(0)    收藏  举报