經過前面幾次的學習，已經可以做下小功能，今天要實現的是修改用戶路由。 一、users_model.js 功能:定義用戶對象模型 二、users_controller.js 功能:為Express伺服器實現修改用戶路由 三、user.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.updateUser=function(req,res){ User.findOne({_id:req.session.user}) .exec(function(err,user){ user.set('email',req.body.email); user.set('color',req.body.color); user.save(function(err){ if(err){ res.sessor.error=err; }else{ req.session.msg='User Updated. '; } res.redirect('/user'); }); }); };
三、user.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>用戶修改</title>
<link rel="stylesheet"type="text/css" href="/static/css/styles.css" />
<script src="https://cdn.staticfile.org/angular.js/1.5.8/angular.min.js"></script>
<script src="/static/js/my_app.js"></script>
</head>
<body>
<div class="form-container" ng-controller="myController">
<p class="form-header">用戶修改</p>
<form method="POST" action="/user/update">
<label>用戶名:</label>
<input type="text" name="username" ng-model="user.username" disabled><br>
<label>Email:</label>
<input type="email" name="email" ng-model="user.email"><br>
<label>膚色:</label>
<input type="text" name="color" ng-model="user.color"><br>
<input type="submit" value="Save">
</form>
</div>
<form method="POST" action="/user/delete">
<input type="submit" value="刪除用戶">
</form>
<hr><%=msg%>
<hr>{{error}}
</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.post('/user/update',users.updateUser);
五、頁面顯示效果
