vue项目登录成功后退出时清空sessionId和userId的个人理解
2018-06-01 10:41
921 查看
项目背景:首先介绍一下,项目中用了vuex;
从前端页面来讲,如果登录表单的内容验证都通过之后,当我们点击登录按钮的时候向后台发送请求,请求成功后,后台会给我们返回信息,其中信息会有sessionStr和sessionId等个人标识(我的理解是后台根据这个sessionStr和sessionId在control层或者其他层来写登录的人的个人信息)所以当我们点击退出的时候,一般会像后台再发送一个协议,协议中会包括sessionStr和sessionId。以上是我对逻辑功能的大致理解,好了上代码吧;
首先项目中实现的效果是登录之前头部只展示登录和注册登录之后头部展示个人账号,资产,订单和退出等。既然是在登录成功之后头部组件的样式发生变化,那么提交给mutation(vuex)的内容则应该在登录组件中写。
登录成功后将userId,sessionStr和tel提交到vuex这样我在头部的组件也可以用
将session信息存到locolStorage里面(写到这时,我想有些人会想,为什么要存到locolstorage中,理由是如果不存到locolstorage里,刷新页面的时候,vuex会清空数据,所以存到locolstorage里面)
好了下面就是页面上的应用了:
在header组件中应引入
页面上的判断是
写到这里已经完成了头部组件的样式改变,接下来就是点击退出时我们应该做的:
点击退出,我们要给后台发送这个人的session信息;并且我们要讲页面头部样式换回以前的登录和注册,所以此时提交setSessionInfo的信息为空
个人理解,如有跑偏希望大佬们多多指点
阅读更多相关文章推荐
- 登录页面判断session退出登录清空session
- 个人对于项目成功失败的理解
- 利用Cookie、Session写的登录页面、成功页面、退出页面
- 我的mqtt协议和emqttd开源项目个人理解(4) - 客户端CleanSession=0时,上线接收离线消息,源码分析
- 登录时把信息存入session及注销登录时清空session同时弹出消息提示注销成功
- 登录页面判断session退出登录清空session
- 个人猜想的web安全——理解PHP的sessionID的实现
- 软件项目开发流程的一点个人理解和思考
- 模拟用户登录情景,并且只能登录三次。(只允许输入三次密码,如果密码正确则提示登录成功,如果三次均输入错误,则退出程序)
- session的个人理解
- 退出登录,清除Session
- php session 登录退出验证
- zend framework 之Zend_Session 登录 退出 session 会话
- 关于MTS和COM+的区别.(个人理解dotnet是windows DNA和com+的延续,那么MTS应该逐渐退出舞台了)
- 在用户登录的时候,将用户名显示在登录成功的页面,使用session。
- ecshop修改用户登录成功和退出成功的提示页面信息
- Android用WebView获取sessionid保持登录状态
- 对VUE项目实现的理解
- CAS的Session两秒挂掉?--解决退出后登录,页面刷新的问题
- ecmai用户不成功问题(有点像登录成功了但是登录状态不改变,其实是登录成功后自动退出)