一、需求分析
- 员工登录成功后,页面跳转到后台系统首页面(backend/index.html),此时会显示当前登录用户的姓名:管理员
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8bb04b92cba6a7a4c0742fdfaa14aa79.png)
- 如果员工需要退出系统,直接点击登录用户名右侧的按钮,即可退出系统,退出系统后页面应跳转回登录页面
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f66cc5a6cc1eb97c062fc2befee238d7.png)
- 此时单击退出按钮,系统会报404错误,因为我们在雇员控制器里尚未编写对应的退出处理方法
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9d38eaaac7dd0e304b67351b8daa07a1.png)
二、代码开发
(一)代码分析
- 我们看看后台首页 -
/backend/index.html
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/58504bf8f3bcbce223921a65c900fca6.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/29d187f22834ba86c1cc3cf687b9e9df.png)
- 在脚本文件
/backend/api/login.js
里查看logoutApi()
函数
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/353cbb6d74a5eaafb54915d45ddbb71d.png)
'url': '/employee/logout'
与'method': 'post'
告诉我们应该在雇员控制器EmployeeControlle
r里定义一个logout()
方法,并且添加请求映射注解@PostMapping("/logout")
,该方法里做两件事:清除会话里保存的用户信息,返回成功结果
(二)编写代码
- 打开雇员控制器·EmployeeController·
- 创建·logout()·方法,清除会话里的雇员信息,返回成功结果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/72908d048a24253bc8b5866d53af5f92.png)
package net.lj.controller;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import lombok.extern.slf4j.Slf4j;
import net.lj.common.R;
import net.lj.entity.Employee