跳到主要内容

实现退出登录与登录状态展示

在上一节中,我们已经完成了一个非常重要的功能:

👉 多角色统一登录

用户可以以 管理员 / 老师 / 学生 的身份登录系统,并根据角色跳转到不同页面。

但一个完整的登录系统,还缺少两个关键能力:

  1. 登录后,我是谁?
  2. 登录后,我如何安全退出?

这一节,我们就来把这两块补齐。

1.登录成功之后,用户应该看到什么?​

想象一下你登录任何一个系统:

  • GitHub
  • 知乎
  • 后台管理系统

登录成功之后,页面一定会告诉你一件事:

当前登录的是谁

如下图:

image-20260109132246060

如果什么都不显示,用户会立刻产生疑问:

“我现在是哪个账号?”

因此,我们的第一个目标是:

在页面顶部显示当前登录用户的信息

例如:

  • 学生:欢迎 张三 同学
  • 老师:欢迎 李老师
  • 管理员:欢迎 admin 管理员

2.在 base.html 中显示登录用户信息​

所有页面都继承自 base.html,因此登录信息展示,最适合写在这里。

找到"欢迎"区域,显示用户名和用户身份,修改为如下代码:

🔒 试读结束

继续阅读完整内容

以上为免费预览。前往「Django + Vue 全栈课程」,查看后续完整讲解、案例演示和配套资料。

查看课程详情