讓 node.js 跟 MongoDB 作連接

2014-04-26 22:14

1.找到並打開指定專案的 app.js

    例如 => C:\web_projects\nodetest1\app.js

2.增加新的 require

    var express = require('express');
    var path = require('path');
    var favicon = require('static-favicon');
    var logger = require('morgan');
    var cookieParser = require('cookie-parser');
    var bodyParser = require('body-parser');
 
    // New Code (代表載入 mongodb 跟 monk 然後指定使用 monk 去連接 localhost:27017/nodetest1 這個位置的 mongodb)
    var mongo = require('mongodb');
    var monk = require('monk');
    var db = monk('localhost:27017/nodetest1');
 
3.在 app.js 檔案中往下找到下面兩行
    app.use('/', routes);
    app.use('/users', users);
    然後在它們"上面"加入下面幾行
    // Make our db accessible to our router
    app.use(function(req,res,next){
        req.db = db;
        next();
    });
    ?當你的Server收到 request 之後它會把 mongodb 指定給每個 request使用?
 
改完以後 app.js 會跟下面差不多
var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
 
// New Code
var mongo = require('mongodb');
var monk = require('monk');
var db = monk('localhost:27017/nodetest1');
 
var routes = require('./routes/index');
var users = require('./routes/users');
 
var app = express();
 
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
 
app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
 
// Make our db accessible to our router
app.use(function(req,res,next){
    req.db = db;
    next();
});
 
app.use('/', routes);
app.use('/users', users);
 
/// catch 404 and forwarding to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});
 
/// error handlers
 
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}
 
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});
 
module.exports = app;

 

4.修改專案的 index.js

    例如 => C:\web_projects\nodetest1\routes\index.js

    在檔案中加入下面這一段

/* GET Userlist page. */
router.get('/userlist', function(req, res) {
    var db = req.db;
    var collection = db.get('usercollection');
    collection.find({},{},function(e,docs){
        res.render('userlist', {
            "userlist" : docs
        });
    });
});

 

5.處理 view 的顯示部分

    步驟1.找到指定的 view

    例如 => C:\web_projects\nodetest1\views\index.jade 

    步驟2.將 index.jade 打開後直接另存新檔為 userlist.jade

    步驟3.打開 userlist.jade併將內容改為下面這段

extends layout
 
block content
    h1.
        User List
    ul
        each user, i in userlist
            li
                a(href="mailto:#{user.email}")= user.username
 
6.執行專案的 Server
    指令 : web_projects\nodetest1>npm start
 
7.打開網頁看結果
    https://localhost:3000/userlist

標籤:

返回