nodejs+express+mongodb簡單的例子

jopen 8年前發布 | 38K 次閱讀 Node.js 開發

簡單的介紹下node+express+mongodb這三個東西。

node
:是運行在服務器端的程序語言,表面上看過去就是javascript一樣的東西,但是呢,確實就是服務器語言,個人覺得在一定層次上比c靈活,java就不提了。反正你只要認為node可以干很多事就行了,絕對不只是web開發。
express
:這貨呢,就是node的一種框架,node有很多的開源框架,express是一個大神開發的(這尊神已經移駕到go語言的開發去了)。express可以讓你更方便的操作node(因為原生的node寫起來比較麻煩,而且因為node是事件驅動的,所以有很多異步回調,寫多了就看著暈...)
mongodb:這是一種非關系數據庫(nosql),太深的東西我也不清楚,反正這貨也有很強大的地方,缺點就是不適合數據一致性要求高的比如金融方面的開發。但是優點就
總結:也就是說node和mongodb組合起來特別適合一個應用場景——速度快,處理量大的情況。

下面先說說準備工作:(以windows8.1系統環境為例)
1.node:先下載安裝nodejs,下載地址http://www.nodejs.org/,安裝好了之后檢查是否在系統環境變量里自動配置好了path,如果沒有,請把node的安裝地址配置到path里去。然后在cmd里敲入node,如果可以,那么這一步ok了,很簡單吧。
2.express:這個安裝分兩種,一種是全局安裝,一種是本地安裝。網絡上說的玄乎玄乎的,但是實際操作中你會發現不同的系統環境會出現問題,比如win8.1中文用戶名情況下,你得改變npm的全局路徑(npm是node模塊包管理程序,在你安裝好node的時候已經自帶npm了),操作:
prefix = 自定義模塊目錄
cache = 自定義緩存目錄
接著安裝express(新版本4.X以上要安裝express-generator)
npm i -g express(舊版本npm i -g express+版本號
npm i -g express-generator
(如果想本地安裝在和npm同一個目錄下,先cd到node_modules目錄,再使用npm i express-generator命令,然后再將node_modules目錄下的./bin配置到環境變量path里去)
測試:
express -V 成功的話會顯示版本號
3.mongodb:這個數據庫安裝很簡單,下載地址http://www.mongodb.org/。安裝好了,就在cmd里cd到mongodb安裝目錄下的bin目錄,然后敲命令:
mongod --dbpath="mongodb安裝目錄\data" --logpath="mongodb安裝目錄\log\log.txt" --install --serviceName MongoDB --serviceDisplayName MongoDB
操作完,你會發現,你的電腦的服務里多了一個MongoDB服務,沒錯,就是它,然后你運行這個服務就行了。

正題:搭建簡單的node+express+mongodb項目

先在cmd控制臺里cd到一個目錄下面,記住這你的workspace,然后是用是用express創建一個app項目
express hello-world -e (-e表示支持ejs模板引擎,默認是jaden。什么事模板引擎,比如jsp...太深的我也不懂。本人比較擅長html原生的東西,像這種模板引擎我也是第一次使用,也蠻方便的哦,不過在我看來,沒啥用, 我不需要,但是可能你需要...)
然后我們再下載依賴包
npm i (這樣就會自動將項目需要的依賴modules安裝到項目的modules里去了)
我們cd到hello-world目錄下,是用命令
npm start 啟動項目(也可以是node ./bin/www,舊版本直接node app.js,因為具體要看package.json里的啟動配置了)
我們可以在瀏覽器地址欄里敲入 http://127.0.0.1:3000/ 這就是你的第一個express創建的node app。
是不是很哈皮。。。

我們研究下express創建項目
你需要了解的項目主要目錄為:routes和views,你最好再在項目里新建一個目錄叫models(作用后面講)
routes里index.js配置的都是get和post請求的路徑映射關系,很簡單的哦。
views里index.ejs就相當于一個html文件,里面就是一些html標簽和<%%>標簽,感覺和jsp差不多哦。
看起來不錯的樣子,標準的MVC框架(models里放模型,views里面放展示,routes里面放控制)

上面我們已經生成好了app原型,接著我們設計數據庫
cmd命令行里:
mongo //進入數據庫
use hello-world //創建項目數據庫
db.addUser("shuaige", "123456") //給這個數據庫創建了一個叫帥哥的賬號,密碼123456 (但是我覺得可能我理解的不到位,你也可以不做這個操作)
然后,我們就為這個hello-world數據庫創建collection(collection就相當于oracle和mysql里的table)
db.createCollection("users") //創建一個集合,也就是表
db.users.insert({userid: "admin", password: "123456"}) //給users里添加一個文檔,也就是一條記錄賬號admin,密碼123456
ok,現在檢查一下:
db.users.find() //如果看到你剛剛添加的文檔記錄,就ok咯

好簡單的數據庫集合以及文檔設置好,我們就回到express創建的node項目里,我們需要:   

在models下創建一個user.js,作為實體類映射數據庫的users集合 
在views下做幾個頁面(可以用ejs也可以用html,我就用ejs吧)
在routes下的index.js配置路由,也就是請求映射處理

1在models下創建一個user.js,作為實體類映射數據庫的users集合 

user.js

var mongoose = require("mongoose"); //  頂會議用戶組件
var Schema = mongoose.Schema;    //  創建模型
var userScheMa = new Schema({
    userid: String,
    password: String
}); //  定義了一個新的模型,但是此模式還未和users集合有關聯
exports.user = mongoose.model('users', userScheMa); //  與users集合關聯


2在views下面建index.ejs, errors.ejs, login.ejs, logout.ejs, homepage.ejs。 (index是自帶的,不用建)

index.ejs 

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <p><a href="login">登陸</a></p>
  </body>
</html>

login.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <form action="homepage" method="post">
        <p>
            <span>userId:</span>
            <br>
            <input id="userid" name="userid" type="text">
        </p>
        <p>
            <span>password:</span>
            <br>
            <input id="password" name="password" type="password">
        </p>
        <p><input type="submit" value="submit"></p>
    </form>
  </body>
</html>

logout.ejs
 

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <p>正在登出...</p>
    <script type="text/javascript">
        setTimeout(function(){
            window.location.href = "/";
        }, 500);
    </script>
  </body>
</html>

homepage.ejs
 

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <p><a href="logout">登出</a></p>
  </body>
</html>

error.ejs 出錯頁面,我沒做,你有興趣可以自己試試玩玩。

3 在routes下的index.js配置路由,也就是請求映射處理

index.js

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');
var user = require('../models/user').user;
mongoose.connect('mongodb://localhost/hello-world');

/* GET home page. */
router.get('/', function(req, res) {
      res.render('index', { title: 'index' });
});

/*login*/
router.get('/login', function(req, res) {
    res.render('login', { title: 'login' });
});

/*logout*/
router.get('/logout', function(req, res) {
      res.render('logout', { title: 'logout' });
});

/*hompage*/
router.post('/homepage', function(req, res) {
    var query_doc = {userid: req.body.userid, password: req.body.password};
    (function(){
        user.count(query_doc, function(err, doc){
            if(doc == 1){
                console.log(query_doc.userid + ": login success in " + new Date());
                res.render('homepage', { title: 'homepage' });
            }else{
                console.log(query_doc.userid + ": login failed in " + new Date());
                res.redirect('/');
            }
        });
    })(query_doc);
});

module.exports = router;


ok,基本上大功告成,可以試試咯。

下面講講如何調試服務器端的代碼:
我們最好借助一個叫node-inspector的工具包
npm i -g node-inspector //安裝node-inspector
然后在cmd里運行
node-inspector
再新打開一個cmd,cd到項目hello-world目錄下
node --debug ./bin/www (或者 node --debug-brk ./bin/www , 舊版本express創建的node程序請使用 node --debug app.js)
在瀏覽器里打開http://127.0.0.1:8080/debug?port=5858
再新建窗口打開http://127.0.0.1:3000/
就在瀏覽器可以調試服務器端代碼。


來自: http://my.oschina.net/chenhao901007/blog/312367

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!