Node.js博客系统--11.使用cookie保存用户登录状态

cd E:\miaov\mongo\mongodb\mongodb\bin

mongod --dbpath=E:\miaov\blog\db  --port=27017

 接着上一节,上一节我们通过ajax登录成功了,如下所示

Node.js博客系统--11.使用cookie保存用户登录状态_第1张图片

但是我们刷新的时候却会是这种情况

 Node.js博客系统--11.使用cookie保存用户登录状态_第2张图片

现在我们就需要引入cookies

Node.js博客系统--11.使用cookie保存用户登录状态_第3张图片

 进行设置

Node.js博客系统--11.使用cookie保存用户登录状态_第4张图片

登陆成功的时候存入cookie信息

Node.js博客系统--11.使用cookie保存用户登录状态_第5张图片

解析cookie对象

Node.js博客系统--11.使用cookie保存用户登录状态_第6张图片

渲染页面时传递参数,这样的话index.html页面就可以使用userinfo这个变量

Node.js博客系统--11.使用cookie保存用户登录状态_第7张图片

界面中这样写

Node.js博客系统--11.使用cookie保存用户登录状态_第8张图片 这个时候,我们刷新页面的时候就不需要隐藏谁,只需要刷新就行了

Node.js博客系统--11.使用cookie保存用户登录状态_第9张图片

现在我们把退出也做了

Node.js博客系统--11.使用cookie保存用户登录状态_第10张图片

写下api,退出时清空api

Node.js博客系统--11.使用cookie保存用户登录状态_第11张图片

接下来我们演示一下界面,首先登陆进去

Node.js博客系统--11.使用cookie保存用户登录状态_第12张图片

 刷新界面,发现上面cookie依然存在

点击退出,cookie消失

Node.js博客系统--11.使用cookie保存用户登录状态_第13张图片

你可能感兴趣的:(Node.js博客系统)