node的express框架

node的express框架

如果你用过Ruby的Sinatra.rb, 会觉得Express非常熟悉。Express作者是参考sinatra, 写了一个基于node.js的实现。

1. 安装

由于这个有点特殊，需要为npm添加-g参数， 刚开始安装的时候没有加，导致不能使用epress 命令行参数

$ npm install -g express

$ epxress -v #看看是否安装成功

2. 创建一个express项目看看

$ express nodeblog

$ cd nodeblog

 3. express目录结构

Express 目录结构 t-1

目录/文件	说明
./	根目录，我们的node.js代码都会方这个目录
package.json	npm依赖配置文件， 类似ruby中的Gemfile, java Maven中的pom.xml文件. 一会需要在这里添加 markdown-js 项目依赖
app.js	项目的入口文件
public/ javascript/ stylesheets/ images/	存放静态资源文件, jquery/prettify.js等静态库会方这里，当然自己编写的前端代码也可以放这里
views/	模板文件, express默认采用jade, 当然，你也可以使用自己喜欢的haml,JES, coffeeKup, jQueryTemplate等模板引擎
node_modules/	存放npm安装到本地依赖包，依赖包在package.json文件中声明，使用npm install指令安装

 

 

4. 运行程序看看

$ npm install

$ node app.js

访问http://localhost:3000/

 

我们看看app.js文件:

 

var express = require('express');

var app = module.exports = express.createServer();

// Express 程序配置
app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
});

// url路由
app.get('/', function(req, res){
  res.render('index', {
    title: 'Express'
  });
});

app.listen(3000);

 

 

下面代码将url渲染到 index.jade文件, 并且传递title参数:

 

app.get('/', function(req, res){
  res.render('index', {
    title: 'Express'
  });
});

 

  其中传递变量title, 在views/layout.jade文件中有定义, 我们这里将title改成"Node Blog":

 

app.get('/', function(req, res){
  res.render('index', {
    title: 'Node Blog'
  });
});

 

修改后效果如下所示: