根据页面原型,明确需求
页面原型
需求
账号密码输入正确方可进入
阅读接口文档
接口文档连接如下:
https://hkm-web.oss-cn-beijing.aliyuncs.com/%E6%8E%A5%E5%8F%A3%E6%96%87%E6%A1%A3
思路分析
后端接收到前端传递的用户名及密码之后,在数据库中进行查询,如果查询到该用户信息的存在就允许登录,否则就拒绝登录,查询的结果是一个Emp对象类型的数据
接口功能的实现
控制层(Controller类)
具体关键代码如下:
java
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类)
具体关键代码如下:
业务类
java
Emp Login(Emp emp);
业务实现类
java
@Override
public Emp Login(Emp emp) {
Emp empResult = empMapper.getByUsernameAndPassword(emp);
return empResult;
}
持久层(Mapper类)
具体关键代码如下:
java
/**
* 根据用户名和密码查询用户信息
*
* @param emp
* @return
*/
@Select("select * from emp where username=#{username} and password=#{password}")
Emp getByUsernameAndPassword(Emp emp);
接口测试
使用postman进行接口测试,具体的访问路径和参数如下:
运行结果如下:
前后端联调
登陆失败
登录成功