第一步css
固然仍是準備工做了,在bootstrap官網下載好須要的東西了,怎麼用官網已經寫的很詳細,在這就不細說了。
下載地址:http://v3.bootcss.com/getting-started/git
第二步
就是登錄和註冊了github
寫在router文件中
index.jsmongodb
/*ucenter-登陸*/router.post('/ucenter/login', function (req, res) { user.findOne({name: req.body.name}, function (err, data) { if (data.name === req.body.name && data.password === req.body.password) { console.log(req.body.name + '登錄成功' + new Date()); res.render('ucenter', {title: 'ucenter'}); } else { console.log(err); res.send(500); } }); });
/*ucenter-註冊*/router.post('/ucenter/register', function (req, res) { user.findOne({name: req.body.name}, function (err, docs) { if (err) console.log(err); else if (!docs) { user.create({ name: req.body.name, password: req.body.password }, function (err, doc) { if (err) console.log(err); else console.log(doc); }); res.render('ucenter', {title: 'ucenter'}); } }) });
頁面中表單提交就用的action,沒有用Ajax,這裏爲了方便講解,若是你寫用Ajax請求的寫法
請看:http://www.hubwiz.com/coursecenter 中的express課程
其中有詳細的作法。express
第三步bootstrap
就是express的session問題了cookie
在express 4.0以前的版本,像session之類的中間件是伴隨express自動安裝的,
網上有的教程使用的express版本正是4.0以前的版本,因此在使用4.0及其以後版本的時候必定要注意這點。session
這是在實現mongodb回話組建connect-mongo時須要的。app
With express4:var session = require('express-session');var MongoStore = require('connect-mongo')(session); app.use(session({ secret: settings.cookie_secret, store: new MongoStore({ db : settings.db, }) })); With express<4:var express = require('express');var MongoStore = require('connect-mongo')(express); app.use(express.session({ secret: settings.cookie_secret, store: new MongoStore({ db: settings.db }) })); With connect:var connect = require('connect');var MongoStore = require('connect-mongo')(connect);
這段代碼能夠再connect-mongo github中看到。post
代碼尚未整理好,就沒有傳到github上,請隨時關注個人博客。好了,結束。