Node+Express+MongoDB实现登录注册功能实例
程序员文章站
2022-05-30 08:36:56
注入mongodb 依赖
var mongoose = require("mongoose");
由于需要进行表单处理,需要用到bodyparser中间件...
注入mongodb 依赖
var mongoose = require("mongoose");
由于需要进行表单处理,需要用到bodyparser中间件
bodyparser模块来做文件解析,将表单里的数据进行格式化
var bodyparser = require("body-parser"); app.use(bodyparser.json()); app.use(bodyparser.urlencoded({ extended: true }));
登录后将用户信息保存下来,需要使用session中间件,它依赖cookieparser中间件
var cookieparser = require('cookie-parser'); var session = require('express-session'); ar mongostore = require('connect-mongo')(session); var dburl = 'mongodb://localhost/express'; app.use(cookieparser()); app.use(session({ secret:'express', store: new mongostore({ url: dburl, collection: 'sessions' }) }));
使用jade模板
layout.jade
doctype html html head meta(charset='utf-8') title #{title} include ./includes/head body include ./includes/header block content
head.jade
link(href='css/main.css', rel='stylesheet') link(href="/libs/bootstrap/dist/css/bootstrap.min.css" rel="external nofollow" , rel="stylesheet") script(src="/libs/jquery/dist/jquery.min.js") script(src="/libs/bootstrap/dist/js/bootstrap.min.js")
header.jade
.container .row .page-header h1 #{title} .navbar.navbar-default.navbar-fixed-bottom .container if user p.navbar-text.navbar-right span 欢迎你,#{user.name} span | a.navbar-link(href="/layout" rel="external nofollow" ) 退出登录 else p.navbar-text.navbar-right a.navbar-link(href="/signup" rel="external nofollow" , data-toggle="modal", data-target="#signupmodal") 注册 span | a.navbar-link(href="/login" rel="external nofollow" , data-toggle="modal", data-target="#signinmodal") 登录
signup.jade
include ../layout block content form.form-horizontal( role="form", method="post", action='/user/signup') .form-group label.col-sm-2.control-label(for="signupname") 用户名 .col-sm-10 input#signupname.form-control(type="text", name="user[name]", placeholder="输入用户名") .form-group label.col-sm-2.control-label(for="signuppassword") 密码 .col-sm-10 input#signuppassword.form-control(type="password", name="user[password]", placeholder="输入密码") .form-group label.col-sm-2.control-label(for="signupemail") 邮箱 .col-sm-10 input#signupemail.form-control(type="email", name="user[email]", placeholder="输入邮箱") .form-group .col-sm-offset-2.col-sm-10 button.btn.btn-default(type="submit") 完成注册
配置路由
登录注册页面
// 注册页面 app.get('/signup', function (req,res) { res.render('signup', { title: '注册' }); }); // 登录页面 app.get('/login', function (req,res) { res.render('login', { title: '登录' }); });
注册功能
// 注册表单 app.post('/user/signup', function (req,res) { var _user = req.body.user; user.findone({name:_user.name}, function (err, user) { if(err){ console.log(err); } if(user) { return res.redirect('/login'); } else { var user = new user(_user); user.save(function (err, user) { if(err){ console.log(err); res.redirect('/signup'); } console.log('注册成功——用户名:' + user); res.redirect('/login'); }); } }); });
登录功能
// 登录表单 app.post('/user/login', function (req,res) { var _user = req.body.user; var name = _user.name; var password = _user.password; user.findone({name:name}, function (err, user) { if(err){ console.log(err); } if(!user) { return res.redirect('/signup'); } user.comparepassword(password, function (err, ismatch) { if (err){ console.log(err); } if (ismatch) { req.session.user = user; // 用户名存入session中 console.log('登录成功——用户名: ' + user); return res.redirect('/'); } else { return res.redirect('/lgoin'); } }); }); });
退出登录
app.get('/layout', function(req,res){ delete req.session.user; //delete app.locals.user; // 删除全局变量user,否则点击退出登录,页面无变化 res.redirect('/'); });
登录注册的数据库操作
连接数据库
mongoose.connect("mongodb://localhost/express"); // 连接数据库
schema模式定义
数据的更新和查找,以及密码加盐
//schemas/user.js var mongoose = require('mongoose'); var bcrypt = require('bcrypt'); var salt_work_fsctor = 10; // 计算强度,越大破解越困难 var userschema = new mongoose.schema({ name: { unique: true, type:string }, password: string, email:string, meta: { createat: { type: date, default: date.now() }, updateat: { type: date, default: date.now() } } }); //每次存入数据时都进行判断 userschema.pre('save', function (next) { var user = this; if (this.isnew) { // 数据是新数据 this.meta.createat = this.meta.updateat = date.now(); } else { this.meta.updateat = date.now(); } //密码 加盐 bcrypt.gensalt(salt_work_fsctor, function (err, salt) { if (err) { return next(err); } bcrypt.hash(user.password, salt, function (err, hash) { if (err) { return next(err); } user.password = hash; next(); }); }); }); userschema.methods = { comparepassword: function (_password, cb) { bcrypt.compare(_password, this.password, function (err, ismatch) { if (err) { return cb(err); } cb(null, ismatch); }) } }; userschema.statics = { fetch: function (cb) { return this .find({}) .sort('meta.updateat') .exec(cb); }, findbyid: function (id, cb) { return this .findone({_id: id}) .exec(cb) } };
module.exports = userschema;
model编译模型
// models/user.js var mongoose = require('mongoose'); //模式 var userschema = require('../schemas/user'); //编译模型 var user = mongoose.model('user',userschema); module.exports = user;
入口文件注入
//app.js var user = require('./models/user'); app.set('view engine', 'jade'); // jade模板引擎 app.set("views", "./views/pages/"); // 视图根目录 var servestatic = require('serve-static'); // 静态文件处理 app.use(servestatic('public')); // 路径:public
身份验证中间件
获取session的用户名,存入到locals中,暴露给视图使用,即header.jade中可以获取到user。
app.use(function (req, res, next) { var _user = req.session.user; app.locals.user = _user; return next(); });
以上所述是小编给大家介绍的node+express+mongodb实现登录注册功能,希望对大家有所帮助
上一篇: 见死不救的下场
下一篇: 停尸房可不是甚麽好地方!