登录/注册
小刘
3039
占位
3
占位
0
浏览量
占位
粉丝
占位
关注
登录功能和退出功能(瑞吉外卖)
小刘
2022-08-15 15:58:20 2022-08-15
45
0

🍁博客主页:👉@不会压弯的小飞侠 ✨欢迎关注:👉点赞👍收藏⭐留言✒ ✨系列专栏:👉瑞吉外卖 ✨知足上进,不负野心。 🔥欢迎大佬指正,一起学习!一起加油!

在这里插入图片描述

目录

🍁知识总结

  • @Log4j

  • 注解在类上,为类提供一个属性名为log的log4j日志对象

  • MP

  • Mapper层的接口,需要继承BaseMapper,并使用泛型!MP简化了单表CRUD的SQL操作,多表最好还是要自己写 SQL的。

  • service层需要继承IService实现层也要继承对应的实现类。

  • 实现层继承ServiceImpl<M extends BaseMapper, T>并实现Service接口

  • ( 泛型:M 是 mapper 对象,T 是实体 )

  • 密码md5加密

  • 在使用Spring框架的时候,会对一些重要的密码进行加密可以使用MD5,其工具类是DigestUtils;

  • Spring框架继承的:

import org.springframework.util.DigestUtils;
String inputMD = "123456";
DigestUtils.md5DigestAsHex(inputMD.getBytes());
  • 掌握MyBatis-Plus 之LambdaQueryWrapper的使用 可以在MyBatis-plus专栏学习。

  • @Controller注解

  • 在一个类上添加@Controller注解,表明了这个类是一个控制器类。

  • @ResponseBody注解

  • @ResponseBody表示方法的返回值直接以指定的格式写入Http response body中,而不是解析为跳转路径。格式的转换是通过HttpMessageConverter中的方法实现的,因为它是一个接口,因此由其实现类完成转换。如果要求方法返回的是json格式数据,而不是跳转页面,可以直接在类上标注,@RestController,而不用在每个方法中标注,@ResponseBody,简化了开发过程。

  • @Controller和@RestController的区别:

  • @Controller:在对应的方法上,视图解析器可以解析return的jsp,html页面,并且跳转到相应页面,若返回json等内容到页面,则需要加@ResponseBody注解

  • @RestController:相当于@Controller+@ResponseBody两个注解的结合,返回json数据不需要在方法前面@ResponseBody注解了,但使用@RestController这个注解,就不能返回jsp,html页面,视图解析器无法解析jsp,html页面

  • Controller 方法参数引入 HttpServletRequest

  • 在 Controller 方法开始处理请求时,Spring 会将 HttpServletRequest 对象自动赋值到方法参数中。除 HttpServletRequest 对象外,还有很多其它参数可以通过此方法获取。

  • 比如访问一个网站,登录后用户信息被保存到session中,在session过期之前或者用户关闭页面之前,用户信息可以通过request.getSession().getAttribute()方式 获得

  • request.getSession().removeAttribute()

  • 作用:销毁当前会话域中的一个属性。

🍁登录页面测试

  • 通过浏览器调试工具(F12快捷键),点击登陆后,页面会发送请求
  • 请求地址为:localhost:8080/employee/login
  • 请求方式:post
  • 提交参数:username,password

在这里插入图片描述

🍁代码开发

🔥创建实体类Employee和employee表进行映射

  • 编写实体类,放在entity包下
package com.jkj.reggie.entity;
import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.TableField;
import lombok.Data;
import java.io.Serializable;
import java.time.LocalDateTime;
@Data
public class Employee implements Serializable {
private static final long serialVersionUID = 1L;
private Long id;
private String username;
private String name;
private String password;
private String phone;
private String sex;
private String idNumber;
private Integer status;
private LocalDateTime createTime;
private LocalDateTime updateTime;
@TableField(fill = FieldFill.INSERT)
private Long createUser;
@TableField(fill = FieldFill.INSERT_UPDATE)
private Long updateUser;
}

🔥编写EmployeeMapper接口

  • EmployeeMapper接口,放在mapper包下
package com.jkj.reggie.mapper;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.jkj.reggie.entity.Employee;
import org.apache.ibatis.annotations.Mapper;
@Mapper
public interface EmployeeMapper extends BaseMapper<Employee> {
}

🔥编写EmployeeService接口

  • EmployeeService接口放在service包下
package com.jkj.reggie.service;
import com.baomidou.mybatisplus.extension.service.IService;
import com.jkj.reggie.entity.Employee;
public interface EmployeeService extends IService<Employee> {
}

🔥编写EmployeeServiceImpl实现类

  • EmployeeServiceImpl实现类放在impl包下
package com.jkj.reggie.service.impl;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.jkj.reggie.entity.Employee;
import com.jkj.reggie.mapper.EmployeeMapper;
import com.jkj.reggie.service.EmployeeService;
import org.springframework.stereotype.Service;
@Service
public class EmployeeServiceImpl extends ServiceImpl<EmployeeMapper, Employee> implements EmployeeService {
}

🔥编写返回结果类R

  • 此类是一个通用结果类,服务端响应的所有结果最终都会包装成此种类型,返回给前端页面
  • 放在common包下
package com.jkj.reggie.common;
import lombok.Data;
import java.util.HashMap;
import java.util.Map;
@Data
public class R<T> {
private Integer code; //编码:1成功,0和其它数字为失败
private String msg; //错误信息
private T data; //数据
private Map map = new HashMap(); //动态数据
public static <T> R<T> success(T object) {
R<T> r = new R<T>();
r.data = object;
r.code = 1;
return r;
}
public static <T> R<T> error(String msg) {
R r = new R();
r.msg = msg;
r.code = 0;
return r;
}
public R<T> add(String key, Object value) {
this.map.put(key, value);
return this;
}
}

🔥编写EmployeeController类

  • 处理逻辑

  • 1、将页直提交的密码password进行md5加密处理

  • 2、根据页面提交的用户名username查询数据库

  • 3、如果没有查询到则返回登录失败结果

  • 4、密码比对,如果不一致则返回登录失败结果

  • 5、查看员工状态,如果为已禁用状态,则返回员工已禁用结果、登录成功,将员工id存入Session并返回登录成功结果

@Slf4j
@RestController
@RequestMapping("/employee")
public class EmployeeController {
@Autowired
private EmployeeService employeeService;
/**
* 员工登录
* @param request
* @param employee
* @return
*/
@PostMapping("/login")
public R<Employee> login(HttpServletRequest request, @RequestBody Employee employee){
//1、将页面提交的密码password进行md5加密处理
String password = employee.getPassword();
password = DigestUtils.md5DigestAsHex(password.getBytes());
//2、根据页面提交的用户名username查询数据库
LambdaQueryWrapper<Employee> queryWrapper = new LambdaQueryWrapper<>();
queryWrapper.eq(Employee::getUsername,employee.getUsername());
Employee emp = employeeService.getOne(queryWrapper);
//3、如果没有查询到则返回登录失败结果
if(emp == null){
return R.error("登录失败");
}
//4、密码比对,如果不一致则返回登录失败结果
if(!emp.getPassword().equals(password)){
return R.error("登录失败");
}
//5、查看员工状态,如果为已禁用状态,则返回员工已禁用结果
if(emp.getStatus() == 0){
return R.error("账号已禁用");
}
//6、登录成功,将员工id存入Session并返回登录成功结果
request.getSession().setAttribute("employee",emp.getId());
return R.success(emp);
/**
* 员工退出
* @param request
* @return
*/
}
}

🍁登录功能测试

  • 启动项目之后,在浏览器输入localhost:8080/backend/page/login/login.html

在这里插入图片描述

  • 登录成功

在这里插入图片描述

  • 密码错误的情况下,会提示登录失败

在这里插入图片描述

  • 用户名错误的情况下,会提示登录失败

在这里插入图片描述

  • 将用户status属性修改为0,提示账号已禁用信息

在这里插入图片描述

🍁退出功能

  • 在系统首页右上角,点击关机按钮,可以退出本系统,跳转到登录页面。

在这里插入图片描述

  • 通过浏览器调试工具(F12快捷键),点击关机按钮后,页面会发送请求

  • 请求地址为:localhost:8080/employee/logout

  • 请求方式:post

  • 逻辑:

  • 清理session中的id

  • 返回结果

在这里插入图片描述

  • 编写退出方法
/**
* 员工退出
* @param request
* @return
*/
@PostMapping("/logout")
public R<String> logout(HttpServletRequest request){
//清理Session中保存的当前登录员工的id
request.getSession().removeAttribute("employee");
return R.success("退出成功");
}
暂无评论