登录功能和退出功能(瑞吉外卖)

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

在这里插入图片描述


🍁知识总结

  • @Log4j

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

  • MP

    • Mapper层的接口,需要继承BaseMapper<T>,并使用泛型!MP简化了单表CRUD的SQL操作,多表最好还是要自己写 SQL的。
    • service层需要继承IService<T>实现层也要继承对应的实现类。
    • 实现层继承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("退出成功");
    }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:黑客帝国 设计师:我叫白小胖 返回首页
评论 172

打赏作者

不会压弯的小飞侠

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值