经过前面几次的学习,已经可以做下小功能,今天要实现的事用户登录路由。
一、users_model.js 功能:定义用户对象模型
var mongoose=require('mongoose'), schema=mongoose.schema; var userschema=new schema({ username:{type:string,unique:true}, email:string, color:string, hashed_password:string }); mongoose.model('user',userschema);
二、users_controller.js 功能:为express服务器实现用户登录路由
var crypto=require('crypto'); var mongoose=require('mongoose'),user=mongoose.model('user'); function hashpw(pwd){ return crypto.createhash('sha256').update(pwd). digest('base64').tostring(); } //实现用户登录路由 exports.login=function (req,res){ user.findone({username:req.body.username}) .exec(function(err,user){ if(!user){ err='user not found'; }else if(user.hashed_password===hashpw(req.body.password.tostring())){ req.session.regenerate(function(){ req.session.user=user.id; req.session.username=user.username; req.session.msg='authenticated as ' +user.username; res.redirect('/'); }); }else{ err='authentication failed. '; } if(err){ req.session.regenerate(function(){ req.session.msg=err; res.redirect('/login'); }); } }); };
三、login.html
<!doctype html> <html> <head> <meta charset="utf-8"> <title>用户登录</title> <link rel="stylesheet"type="text/css" href="/static/css/styles.css" /> </head> <body> <div class="form-container"> <p class="form-header">登录</p> <form method="post" > <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <input type="submit" value="登录"> </form> </div> <a href="/signup">注册</a> <hr> <%=msg %> </body> </html>
四、routes.js 功能:为express服务器实现处理web请求路由
var crypto=require('crypto'); var express=require('express'); module.exports=function(app){ var users=require('./controllers/users_controller'); app.use('/static',express.static('./static')). use('/lib',express.static('../lib') ); app.get('/login',function(req,res){ if(req.session.user){ res.redirect('/'); } res.render('login',{msg:req.session.msg}) }); app.post('/login',users.login);
页面效果
如对本文有疑问, 点击进行留言回复!!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
网友评论