Node.js + Express + MongoDB教程_H5之家 - 中国HTML5教程资源分享第一站

Node.js Node.js + Express + MongoDB教程

　　安装：

STEP 1 – INSTALL NODE.JS

下载 Node.js website ，假设安装在c:\node

STEP 2 – INSTALL EXPRESS C:\node>npm install -g express

在NodeJs命令行输入上述命令

STEP 3 – 创建一个EXPRESS PROJECT

使用Jade作为模板，输入：

C:\node>express --sessions nodetest1

输出：

C:\node>express --sessions nodetest1
create : nodetest1
create : nodetest1/package.json
create : nodetest1/app.js
create : nodetest1/routes
create : nodetest1/routes/index.js
create : nodetest1/routes/user.js
create : nodetest1/views
create : nodetest1/views/layout.jade
create : nodetest1/views/index.jade
create : nodetest1/public/images
create : nodetest1/public/javascripts
create : nodetest1/public
create : nodetest1/public/stylesheets
create : nodetest1/public/stylesheets/style.css

install dependencies:
$ cd nodetest1 && npm install

run the app:
$ node app

STEP 4 – 编辑依赖

express已经在nodetest1 创建一个文件package.json，打开编辑：

{
    "name": "application-name",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "start": "node app.js"
    },
    "dependencies": {
        "express": "3.4.4",
        "jade": "*"
    }
}

改变依赖，加入MongoDB 和 Monk.调用：

"dependencies": {
    "express": "3.4.4",
    "jade": "*",
    "mongodb": "*",
    "monk": "*"
}

STEP 5 – 安装依赖 C:\node\nodetest1>npm install

现在你已经有了完整的准备，切换到nodetest1 输入：

C:\node\nodetest1>node app.js

输出：

Express server listening on port 3000

浏览器打开:3000

界面如下：

实现Hello World

使用 Sublime Text来编辑代码。

在nodetest1 打开 app.js. 加入如下：

var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var http = require('http');
var path = require('path');

这就产生了一堆基本的JavaScript变量，并将其绑到某些包，依赖关系，节点功能和路由。路由是有点像的模型和控制器在此设置的组合 - 他们指挥交通，也??包含一些编程逻辑。

开始编程，输入：

var app = express(); 这其中很重要的。它实例化Express，并分配我们的应用程序变量给它。下一节将使用这个变量来配置一堆的东西。

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
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')));

这是告诉express哪里发现视图view，什么引擎用来渲染这些视图(jade)，然后调用这些方法。

最后一行是告诉express服务静态对象：/public/ dir，但使他们实际上看起来他们是从顶层到来。例如，图像目录为c:\node\nodetest1\public\image，访问是:3000/images

你需要改变:

app.use(express.bodyParser());

到：

app.use(express.urlencoded());

这是为了避免你的节点控制台出现一些警告/。

下面是做一些错误检查：

// development only
if ('development' == app.get('env')) {
app.use(express.errorHandler());
}

下面是告诉路由使用哪个URI:

app.get('http://www.jdon.com/', routes.index);
app.get('/users', user.list);

代码科技user变量映射到/routes/user.js?

下面是创建启动服务器：

http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});

下面我们开始显示Hello, World!，在app.js尾端加入：

app.get('/helloworld', routes.helloworld);

如果你这时重启服务器，浏览访问:3000/helloworld 会出错，因为我们没有配置路由对应的页面。

我们打开C:\NODE\NODETEST1\ROUTES\INDEX.JS，如下：

/*
* GET home page.
*/

exports.index = function(req, res){
res.render('index', { title: 'Express' });
};

我们要在/views下创建helloworld ,在该文件尾端加入：

exports.helloworld = function(req, res){
res.render('helloworld', { title: 'Hello, World!' });
};

当然我们不必要编辑具体helloworld页面，因为jade模板为我们实现，打开views 目录，打开index.jade. 文件，另存成：helloworld.jade

编辑C:\NODE\NODETEST1\VIEWS\HELLOWORLD.JADE

extends layout

block content
　　h1= title
　　p Welcome to #{title}