node express 實現登陸功能

1.前端,寫一個登陸界面,一個登陸的表單。
<form id="login">
  <label>姓名
  <input type="text" name="name"  id="name">
 
  </label>
  <label>密碼
  <input type="text" name="pws"  id="pws">
 
  </label>
  <input type="submit" value="
  確認">
  </form>

分別設置name和pass。



2.安裝session插件  cnpm i express-session --save
2.1要引用,還是使用纔可以。
app.use(session({
secret:'keyboard cat'
}));
3.配置路由aap.js
app.post('/login',function (req,res) {
let name=req.body.name;
let pws=req.body.pws;
if(name==="張三"&&pws==="123456"){
req.session.logined=true;
res.send("sucusee")
       res.redirect('/')
      
}else{
  res.send("erro")
}
// body...
})
注意:設置返回的時候是從上到下的先後執行順序。一定要先設置值,再重定向
修改請求首頁的路由:
app.get('/',function(req,res){
res.render('index',{list:db.list,logined:req.session.logined})  
})
根據是否logined的權限實在顯示的操作按鈕


4.在前端寫一個ajax的前端請求。
 <script type="text/javascript">
   $("#login")[0].onsubmit=function (e) {
    e.preventDefault();
  
     let name=$("#name").val();
     let pws=$("#pws").val();
     $.post("/login",{name:name,pws:pws},function(res){
        if(res==="sucusee"){
          alert("成功")
          window.location.href="/"
        }else{
          alert("失敗")
        }
     })
   }
  </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章