SpringBoot案例-基础登录功能

根据页面原型,明确需求

页面原型

SpringBoot案例-基础登录功能_第1张图片

需求

账号密码输入正确方可进入 

阅读接口文档

接口文档连接如下:

https://hkm-web.oss-cn-beijing.aliyuncs.com/%E6%8E%A5%E5%8F%A3%E6%96%87%E6%A1%A3

思路分析

后端接收到前端传递的用户名及密码之后,在数据库中进行查询,如果查询到该用户信息的存在就允许登录,否则就拒绝登录,查询的结果是一个Emp对象类型的数据

接口功能的实现

控制层(Controller类)

具体关键代码如下:

public class LoginController {
    @Autowired
    private EmpService empService;

    @PostMapping("/login")

    public Result Login(@RequestBody Emp emp) {
        log.info("员工登录:{}", emp);
        Emp e = empService.Login(emp);
        return e != null ? Result.success() : Result.error("用户名或密码错误");
    }
}

业务层(Service类)

具体关键代码如下:

业务类

Emp Login(Emp emp);

业务实现类

    @Override
    public Emp Login(Emp emp) {
        Emp empResult = empMapper.getByUsernameAndPassword(emp);
        return empResult;
    }

持久层(Mapper类)

具体关键代码如下:

    /**
     * 根据用户名和密码查询用户信息
     *
     * @param emp
     * @return
     */
    @Select("select * from emp where username=#{username} and password=#{password}")
    Emp getByUsernameAndPassword(Emp emp);

接口测试

使用postman进行接口测试,具体的访问路径和参数如下:

SpringBoot案例-基础登录功能_第2张图片

运行结果如下:

 SpringBoot案例-基础登录功能_第3张图片

前后端联调

SpringBoot案例-基础登录功能_第4张图片

登陆失败

SpringBoot案例-基础登录功能_第5张图片 

登录成功

SpringBoot案例-基础登录功能_第6张图片 

你可能感兴趣的:(Java,Web学习跟踪笔记,spring,boot,后端,java)