nodejs+express+mongodb简单的例子
簡單的介紹下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
| 1 2 3 4 5 6 7 | 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?
| 1 2 3 4 5 6 7 8 9 10 11 12 | <!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
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!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
?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!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
?
| 1 2 3 4 5 6 7 8 9 10 11 12 | <!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
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | 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/
就在瀏覽器可以調試服務器端代碼。
總結
以上是生活随笔為你收集整理的nodejs+express+mongodb简单的例子的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： WinDbg 命令三部曲：（二）WinD
- 下一篇： strcpy 通过指针复制字符串出错问题