2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能

2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第1张图片
login_ticket的结构,其中ticket是重要的
status 0表示有效,1表示过期

2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第2张图片
新建LoginTicket的实体类
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第3张图片
Dao层的mapper
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第4张图片
注入一个字符串,返回一个LoginTicket实体类

LoginTicket selectByTicket(String ticket);

向数据库插入一个loginTicket实体类,

int insertLoginTicket(LoginTicket loginTicket);

当用户退出或者过期时,将ticket的状态改为不激活

int updateStatus(String ticket, int status);

用注解方式写sql语句
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第5张图片
自动生成主键
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第6张图片
mappertest测试
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第7张图片
成功插入
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第8张图片
测试select和update
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第9张图片
成功
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第10张图片
service层写用户登录的逻辑
在这里插入图片描述
处理空值
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第11张图片
验证账号是否不存在,或者账号未激活
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第12张图片
验证密码,注意md5只要输入的值一样,结果也一样
数据库中存的是md5计算后的密码
在这里插入图片描述
实例化loginticket,并放入mapper

2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第13张图片
Util的constant接口设置两个expired time,一个一般的,一个勾选记住我的
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第14张图片
注入配置中的context-path
在这里插入图片描述
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第15张图片
检查验证码是否和session中存的一样
如果验证码为空,或者传入比较的code为空,或者验证码不等于code,则输出 “验证码不对”,并跳转登录页面
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第16张图片
定义失效时间,以是否勾选remmeber me为准
在这里插入图片描述
检查账号,密码,调用service层的登录
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第17张图片
修改login.html,requestmapping会去controller查找,会调用/login 的post方法
在这里插入图片描述
给username,password等取name,要和controller里的方法的参数名一致

2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第18张图片
在这里插入图片描述
验证码
在这里插入图片描述
记住我
在这里插入图片描述
处理登陆失败后,param是Thymeleaf的处理方式,可以获取原方法的参数
在这里插入图片描述
处理密码
在这里插入图片描述
处理记住我
在这里插入图片描述
处理登录失败后的页面显示
账号不对,取决于usernameMsg是否为空
在这里插入图片描述
同理,处理密码
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第19张图片
处理验证码
在这里插入图片描述
controller的codeMsg和下面的UsernameMsg和PasswordMsg
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第20张图片
测试登录页面
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第21张图片
输出正确验证码后
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第22张图片
在这里插入图片描述
输入正确验证码和账号,成功跳转
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第23张图片
loginticket里
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第24张图片
业务层,传ticket,设置账户状态为1(即退出)
在这里插入图片描述

设置退出路径
在这里插入图片描述
测试退出登录
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第25张图片

可以看到status变为1,成功
2022-2-14学习仿牛客项目-第23节 第5节开发登录、退出功能_第26张图片

你可能感兴趣的:(css,css3,前端)