標籤:style http color io os 使用 java ar strong
ok,先說說我學node的目的:用起來很舒服... 請刮開黑色地區。
接著,我介紹下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(新版本的還要安裝express-generator)
npm i -g express
npm i -g express-generator
然後再系統內容變數裡將全域模組路徑下的./bin地址添加進去。
測試:
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/
就在瀏覽器可以調試伺服器端代碼。
nodejs+express+mongodb簡單的例子