經過前面幾次的學習,已經可以做下小功能,今天要實現的是用戶注冊路由。
一、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.signup=function(req,res){ var user=new User({username:req.body.username}); user.set('hashed_password',hashPW(req.body.password)); user.set('email',req.body.email); user.save(function(err){ if(err){ res.session.error=err; res.redirect('/signup'); }else{ req.session.user=user.id; req.session.username=user.username; req.session.msg='Authenticated as '+user.username; res.redirect('/'); } }); };
三、signup.html 用戶注冊頁面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用戶注冊</title> <link rel="stylesheet"type="text/css" href="/static/css/styles.css" rel="external nofollow" /> </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> <label>Email:</label> <input type="email" name="email"><br> <input type="submit" value="注冊"> </form> </div> <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('/signup',function(req,res){ if(req.session.user){ res.redirect('/'); } res.render('signup',{msg:req.session.msg}) }); app.post('/signup',users.signup);
頁面效果
數據庫顯示
總結
以上所述是小編給大家介紹的nodejs中實現用戶注冊路由功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。