初學node.js-nodejs中實現修改用戶路由

時間 2019-11-16

標籤初學 node.js node nodejs 實現修改用戶路由欄目 Node.js 简体版

原文原文鏈接

通過前面幾回的學習，已經能夠作下小功能，今天要實現的是修改用戶路由。css

1、users_model.js 功能:定義用戶對象模型html

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);

2、users_controller.js 功能:爲Express服務器實現修改用戶路由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');
        });
    });
};

3、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>

4、routes.js 功能:爲Express服務器實現處理Web請求路由session

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);

5、頁面顯示效果app