Node+express+mongodb搭建一個(gè)簡單的登錄頁

這篇文章主要是來講如何用mongodb+node+express+mongoose來搭建一個(gè)簡單的登錄頁。
git項(xiàng)目地址<a >git項(xiàng)目地址</a>
bolg地址:<a >撫手把云探</a>
1.安裝mongodb,非關(guān)系型數(shù)據(jù)庫。
以windows為例,去[官網(wǎng)][2]下載安裝包,選擇你要的版本,然后像安裝軟件一樣下一步,下一步。
安裝完成之后去安裝目錄的bin目錄下雙擊mongod.exe或者控制臺(tái)輸入mongod,
不出意外,肯定會(huì)出錯(cuò),怎么辦呢?
解決方法就是在你安裝盤比如D盤下新建 data/db/ 的目錄,
然后雙擊mongod.exe或者命令行輸入mongod,,命令行中輸入mongo查看數(shù)據(jù)庫是否成功建立,如果沒有被出錯(cuò)并且輸出了版本,就說明安裝成功了,
數(shù)據(jù)庫默認(rèn)地址是127.0.0.1:3000。
當(dāng)然也可以用 mongod --dbpath=d:/1111111/database/data 命令指定特定的路徑,你可以自行修改,或者參考官網(wǎng)說明,這里不展開。

2.可視化工具.為了只管展示數(shù)據(jù),而不是看黑框框命令行界面,可以選擇下載[Robomongo][3] 可視化mongodb數(shù)據(jù)庫工具。
用工具新建一個(gè)名字叫web的數(shù)據(jù)倉庫,或者用命令行新建

mango
use web
db.hello.insert({'name':'test','pass':789654});
//查看是否保存成功,成功則會(huì)出現(xiàn)三個(gè)數(shù)據(jù)庫
show dbs

3.安裝 >express+靜態(tài)生成器+mongoose,express用法可在[exress][4]中查看, - npm install express-generator -g - npm install express -g - npm install mongoose -g
4.建立項(xiàng)目目錄,安裝依賴 - express website - cd website - npm install
5.修改配置 ,下面是我的實(shí)例一 、
app.js 根配置文件

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var index = require('./routes/index');
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.all(function(req, res, next) { 
res.header("Access-Control-Allow-Origin", "*"); next(); }) app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
//路由配置在 './routes/index'app.use('/', index);
//設(shè)置靜態(tài)資源目錄www用來存放前端html頁面app.use(express.static('www'));
app.use(function(req, res, next) { 
var err = new Error('Not Found'); 
err.status = 404; next(err);});
app.use(function(err, req, res, next) {  
res.locals.message = err.message; 
res.locals.error = req.app.get('env') === 'development' ? err : {};  res.status(err.status || 500); 
res.render('error');});
module.exports = app;

二 、'./routes/index' 路由規(guī)則

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');
var database = require('../model/database.js');
var bodyParser = require('body-parser');
//數(shù)據(jù)庫連接
mongoose.connect('mongodb://127.0.0.1:27017/web')
var db = mongoose.connection;
//數(shù)據(jù)庫連接信息
db.on('error', console.error.bind(console, 'connection error'));
db.once('open', function() {
 console.log('mongoose is connecting with your mongodb') })
//首頁路由重定向到靜態(tài)資源目錄
router.get('/', function(req, res, next) { 
res.redirect('/index.html')});
//處理post請(qǐng)求,
router.post('/login', function(req, res, next) { 
console.log("用戶名:" + req.body.name)
//req.body 因?yàn)閜ost請(qǐng)求的data在body里,如果是get用req.params
 var name = req.body.name;
 var pass = req.body.pass;
//數(shù)據(jù)庫查詢方法查詢是否匹配到用戶名和密碼
//res.json()可以返回一個(gè)json對(duì)象 
database.findOne({ "name": name }, function(error, results) { 
if (error) { console('查詢出錯(cuò)') } 
else if (!results) {
 res.json({ 'err': "wrongname", 'status': "err", 'body': req.body }) } 
else if (pass != results.pass) { 
res.json({ 'err': "wrongpass", 'status': "err", 'body': req.body
 }) }
 else {
 console.log("登錄成功") ;
res.json({ 'status': "ok", 'err': 'no', 'body': req.body }) } })})
module.exports = router;

三 、'../model/database.js'數(shù)據(jù)庫模型

 var mongoose = require('mongoose'); 
var Schema = mongoose.Schema;  
var mylogin = new Schema({ 
name: { type: String, unique: true }, 
pass: { type: Number, default: 789654 } }) 
var login = mongoose.model('hello', mylogin);
 module.exports = login

然后就是前端的HTML發(fā)送請(qǐng)求了 應(yīng)該都會(huì)寫的對(duì)不對(duì)~~~~~
這樣我們就完成了一個(gè)簡單的 前端登錄+后臺(tái)返回請(qǐng)求的實(shí)例.
多熟悉express+mongoose+Node學(xué)習(xí)起來不難。
參考資料:

express官網(wǎng):<a >express</a>
mongoose:<a >mongoose</a>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。