资讯专栏INFORMATION COLUMN

11.保存登录状态与注销功能

wayneli / 3150人阅读

摘要:目前我们的已经完成了注册和登录功能,当登录成功之后,页面跳转到首页,此时我们需要保存用户的登录状态,不管页面如何跳转,除非用户自己注销登录。

目前我们的demo已经完成了注册和登录功能,当登录成功之后,页面跳转到首页,此时我们需要保存用户的登录状态,不管页面如何跳转,除非用户自己注销登录。


如之前所说,我们可以用session来保存用户登录的这个状态,当登录验证成功的时候,将当前登录的username存入session,并设置sessionpermanent属性为True(这样下次打开浏览器仍然是登录的状态),这一步很简单,login函数修改如下:

@app.route("/login/", methods=["GET", "POST"])
def login():
    #...省略...
        if "成功" in message:
            session["username"] = username
            session.permanent = True
            return redirect(url_for("home"))
    #...省略...

登录成功之后,发现导航条右边的文字还是这个鬼样子:

我们需要修改它,设计成登录成功之后,这一部分显示用户名和注销按钮。用 9.注册和登录功能实现(2)—— 注册与登录的错误提示 提到的@app.context_processor上下文管理器,把当期登录的用户名传递给html:

@app.context_processor
def my_context_processor():
    user = session.get("username")
    if user:
        return {"login_user": user}
    return {}

然后在base.html中修改导航条原先登录和注册的部分如下:

{% if login_user %}
    
  • 用户:{{ login_user }}
  • 注销
  • {% else %}
  • 登录
  • 注册
  • {% endif %}

    此时,登录成功后,导航条就变成如下样式了:

    上面的代码,我们把注销关联到了一个logout视图函数,这个也很好写,用sessionclear方法清除session中的内容,然后跳转回首页:

    @app.route("/logout/")
    def logout():
        session.clear()
        return redirect(url_for("home"))

    用户名的那部分,我们后续设计一个可以更改头像和修改密码的页面,点击用户名跳转过去,这里就先写一个#

    文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/41265.html

    相关文章

    • Vue中的验证登录状态

      摘要:用存储用户路由守卫路由中设置的字段就在当中每次跳转的路径登录状态下访问页面会跳到如果没有访问任何页面。一个简单的保存登录状态的小。 Vue项目中实现用户登录及token验证 先说一下我的实现步骤: 使用easy-mock新建登录接口,模拟用户数据 使用axios请求登录接口,匹配账号和密码 账号密码验证后, 拿到token,将token存储到sessionStorage中,并跳转到首...

      draveness 评论0 收藏0
    • Spring整合Netty、WebSocket的互联网聊天系统

      摘要:当用户注销或退出时,释放连接,清空对象中的登录状态。聊天管理模块系统的核心模块,这部分主要使用框架实现,功能包括信息文件的单条和多条发送,也支持表情发送。描述读取完连接的消息后,对消息进行处理。 0.前言 最近一段时间在学习Netty网络框架,又趁着计算机网络的课程设计,决定以Netty为核心,以WebSocket为应用层通信协议做一个互联网聊天系统,整体而言就像微信网页版一样,但考虑...

      My_Oh_My 评论0 收藏0
    • web登录分析(简单登录单点登录

      摘要:系统从认证中心得到校验成功的结果后,则可以认为用户已登录。认证中心发现用户未登录没有,将用户引导至登录界面。用户提交登录信息到认证中心。 简单登录 登录流程 首先让我们分析一下一个简单的登录是怎么实现的。 一个简单的登录流程 用户输入url访问站点,接受用户请求后判断用户是否已经登录,若未登录则跳转到登录页面 用户访问登录页面,填写并提交登录表单 web应用对登录表单进行验证,若...

      jasperyang 评论0 收藏0
    • 19.设置服务器端Session【番外】

      摘要:在保存登录状态与注销功能这篇文章中,我们使用了来保存,实际上默认的功能,是客户端,与之相对的是服务器端。今天我们来实现服务器端,原理很简单,实际上在编程实现和这篇文章中我们已经做过了。现在我们用数据库来保存,并为其设置有效期。 在11.保存登录状态与注销功能这篇文章中,我们使用了session来保存username,实际上Flask默认的session功能,是客户端session(cl...

      Joyven 评论0 收藏0

    发表评论

    0条评论

    最新活动
    阅读需要支付1元查看
    <