学习内容
⊙web开发模式
⊙身份认证
⊙在express中使用session认证
⊙session的登录案例(保姆级)
sdfd
在express中使用session
第一步是在项目中 npm init -y 初始化一下
然后再在终端中安装express-session
琢磨了一天,我终于来了...虽然有些东西还是没搞懂咋回事...现在做了个案例理解了很多,但是老师的案例讲的非常的简单,很多步骤都省略了,我打算来一个保姆级教学
这次要做的案例是一个登录界面,当我们输入的用户名和密码正确时, 浏览器会将我们的session储存下来,里面包含着登录状态status和消息msg,表明此次登录是成功还是失败, 当我们进到首页时,就会使用到session里面的信息,比如和我们打招呼,后面接上我们的用户名...反正就差不多这样啦
具体效果:
哪怕是直接想通过index.html的地址进入主页也是不行的,必须先登录
现在就开始吧!
首先就是先准备好我们的项目啦
还是记得第一件事是npm init -y初始化一下!这里就不演示了
首先写我们的接口文件:
app.js
接下来就是各种功能的接口啦,这次的功能共有3种,即登录,获取用户名打招呼,退出登录
登录的接口:
获取信息的接口
退出登录的接口
现在就来写登录页面吧
login.html
script部分:
关于$(this).serialize() 方法,看看w3c的解释:
serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。
就相当于将我们输入的用户名和密码做了一个这样的操作:
这个值就是x-www-form-urlencoded格式的数据,所以需要用
express.urlencoded去解析
最后就是首页的文件啦
index.html
最后启动服务器,然后在浏览器中测试就欧了!
这就结束啦,好开心啊,通过写案例和文章,理解的更深了,感觉很多知识融会贯通起来了...因为写公众号还是要严谨点的,所以强迫自己查了很多一知半解的知识,但是怎么都不亏哈哈哈 : ) 果然还是多动手最重要,打算明天起来再复习一遍!
