經過前面幾次的學習，已經可以做下小功能，今天要實現的事用戶登錄路由。 一、users_model.js 功能:定義用戶對象模型 二、users_controller.js 功能:為Express伺服器實現用戶登錄路由 三、login.html 四、routes.js 功能:為Express伺服器實現 ...
經過前面幾次的學習，已經可以做下小功能，今天要實現的事用戶登錄路由。
一、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);
頁面效果
