根据页面原型，明确需求

页面原型

需求

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

阅读接口文档

接口文档连接如下：

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进行接口测试，具体的访问路径和参数如下：

运行结果如下：

 

前后端联调

登陆失败

 

登录成功