<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.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>