node.js平臺下利用cookie實現(xiàn)記住密碼登陸（Express+Ejs+Mysql）

  /*設(shè)置模板資源路徑*/
  app.set ("views",__dirname+"/views");  //視圖模板都在這個文件夾
  /*自定義文件后綴名，設(shè)置模板引擎*/
  app.engine("html",ejs.__express);
  app.set("view engine","html");  //設(shè)置模板引擎，代表視圖后綴名是ejs

<div class="registerBg">
  <section class="registerBox bd">
    <div class="regTittle">登陸</div>
    <form method="post" action="/login.do">
      <input type="text" class="phone" placeholder="請輸入手機號" id="phone" name="phone">
      <input type="password" placeholder="請輸入密碼" class="pwd" name="pwd" id="pwd"/>
      <div class="other bd">
        <label class="obey bd" ><input type="checkbox" id="remPwd" checked>&nbsp;記住密碼</label><a class="forgetPwd">忘記密碼?</a>
      </div>
      <button class="doReg" id="doLogin">登陸</button>
    </form>
  </section>
</div>

const per = require("./routes/perData.js");       //服務(wù)器入口文件引入perData.js
app.post("/Login.do",per.doLogin);

////登錄驗證
exports.doLogin=function(req,res){
  console.log(req.body.phone);
  console.log(req.body.pwd);
  db.connect("select * from t_user where u_tel=? and u_pwd=?",[req.body.phone,req.body.pwd],function(err,data){
    console.log(data.length);
    if(data.length>0){
　　　　　　　　//此處應(yīng)有判斷用戶在login.html中是否點擊了記住密碼，本文方便思路理解，默認用戶已點擊“記住密碼”
　　　　　　　　//確定用戶是否點擊checkBox的方法：
　　　　　　　　//1.原生js： document.getElementById("remPwd").checked
　　　　　　　　//2.jquery: $("#remPwd").is(":checked")
      res.cookie("user",{"user":req.body.phone,"pwd":req.body.pwd},{maxAge:1000*60*60});    //登陸成功后將用戶和密碼寫入Cookie，maxAge為cookie過期時間
      req.session.user=req.body.phone;                             //服務(wù)器端session保存登陸的會話狀態(tài)
      res.render("perCenter",{u_tel:req.session.user});　　　　　　　　　　　　　　　　　　　　　　　　//ejs模板引擎渲染用戶中心頁面（perCenter.js），并將u_tel數(shù)據(jù)返回給前臺
    }
  })
};

<div class="navBox container-fluid">
  <div class="row">
    <span class="col-lg-2 col-md-2 icon-lianxi contact alignLeft"> 010-65596969</span>
    <span class="col-lg-2 col-md-2 icon-denglu contact col-lg-push-8 col-md-push-2 alignRight"><%=u_tel%></span>    
  </div>
</div>

app.get("/",function(req,res){
  if(req.cookies.user){            //cookie中存在用戶信息，則直接返回登陸頁面
    res.render("perCenter",{u_tel:req.cookies.user.user})
  }else{
    res.redirect("index.html");      //否則正常顯示網(wǎng)站的index.html頁面
  }

});

const express = require("express");
const app = express(); 
const session = require("express-session");
const cookie = require("cookie-parser");
const ejs = require("ejs");
const per = require("./routes/perData.js");

app.configure(function(){
  app.use(cookie());
  app.use(session({
    name:"final",
    secret:"1234567",
    cookie:{maxAge:10000},  //毫秒為單位
    resave:true,
    rolling:true
  }));
  app.set ("views",__dirname+"/views");  
  app.engine("html",ejs.__express);
  app.set("view engine","html");  
  app.use(express.logger("dev")); 
  app.use(express.bodyParser()); 
  app.use(express.methodOverride()); 
  app.use(app.router); 
  app.use(express.static(__dirname+"/public"));  
  //app.use(express.favicon(__dirname+"/public/images/favicon.ico")); 
  app.use(express.errorHandler());  
});
app.set("port",8889);

app.listen(app.get("port"),function(){
  console.log("啟動成功"+app.get("port"))
});


/*======路由分發(fā)======*/
app.get("/",function(req,res){
  if(req.cookies.user){
    res.render("perCenter",{u_tel:req.cookies.user.user})
  }else{
    res.redirect("index.html");
  }

});
app.post("/Login.do",per.doLogin);