手撕商城项目-登录

用户登录

当用户输入用户名和密码将数据提交到后台数据库进行查询，如果存在对应的用户名和密码则登录成功，登录成功后跳转到系统的主页就是index.html页面，跳转在前端使用jquery来完成

持久层

1、规划需要执行的sql语句

依据用户提交的用户名和密码做select查询，密码的比较在业务层执行

select *from t_user where username=?

说明：如果在分析过程中发现某个功能模块已经开发完成，所以就可以省略当前的开发步骤，这个分析过程不能省略

2、接口设计和抽象方法

不用单独开发

业务层

1、规划异常

1.1 用户名对应的密码错误，密码匹配失败的异常：PasswordNotMatchException异常，运行时异常，业务异常

1.2 用户名没有找到，抛出异常：UsernameNotFoundException

1.3 异常编写：

• 业务层异常需要继承ServiceException异常类
• 在具体的异常类中定义构造方法（可以使用快捷键生成，有五个构造方法）
  

2、设计业务层的接口和抽象方法

2.1 直接在IUserService接口中编写抽象方法

login（String username,String password）将当前登录成功的用户数据以当前用户对象的形式进行返回。状态管理：将数据保存在cookie或者session中，可以避免重复度很高的数据多次频繁操作数据进行获取（用户名、用户id-存放在session中、用户头像-cookie中）

 /**
     * 用户登录功能
     * @param username 用户名
     * @param password 密码
     * @return  当前匹配的用户数据，如果没有返回null
     */
    User login (String username,String password);
    

3、抽象方法的实现

3.1 需要在实现类中实现抽象方法

  @Override
    public User login(String username, String password) {
        //根据用户名称来查询用户数据是否存在，不存在则抛出异常
        User result = usermapper.findUsername(username);
        if (result == null){
            throw new UserNotFoundException("用户数据不存在");
        }
      /*检测用户密码是否匹配
        1、先获取数据库中的加密之后的密码
        2、和用户传递过来的密码进行比较
          2.1  先获取盐值：上一次注册时自动生成的盐值
          2.2 将用户的密码按照相同的MD5算法进行加密     */
      String oldPassword = result.getPassword();
        String salt = result.getSalt();
        String newMd5Password = getMD5Password(password, salt);
           if (!oldPassword.equals(newMd5Password)){
               throw  new PasswordNotMatchException("用户密码错误");
           }


        //判断is_delete字段的值是否为1表示被标记为删除
       if(result.getIsDelete() == 1) {
        throw new UserNotFoundException("用户数据不存在");
       }

       //调用mapper层的findByUsername来查询用户的数据
        User user = new User();
       user.setUid(result.getUid());
       user.setUsername(result.getUsername());
       user.setAvatar(result.getAvatar());

       //返回的数据是为了辅助其他页面做数据展示使用
        return user;
    }

3.2 单元测试

   @Test
    public void login(){
        User user =userService.login("杨波", "123");
        System.out.println(user);
    }

如果一个类没有手动创建直接将这个类复制到项目，idea找不到这个类。之前缓存导致不能够正常找到这类的符号。解决办法：重新构建项目

控制层

1、处理异常

业务层抛出的异常是什么，需要在统一异常处理类中进行统一捕获和处理，如果业务层抛出的异常已经在统一异常处理类中曾经处理过，则不需要重新添加。

else if(e instanceof UserNotFoundException){
            result.setState(5001);
            result.setMessage("用户数据不存在的异常");
        }else if(e instanceof PasswordNotMatchException){
            result.setState(5002);
            result.setMessage("用户名的密码错误的异常");
        }

2、设计请求

请求路径：/users/login
请求方式：POST
请求数据：String username,String password
响应结果：JsonResult < User>

3、处理请求

在UserController中来编写处理请求的方法

@RequestMapping("login")
    public JsonResult<User> login(String username,String password){
        User data = userService.login(username, password);
        return new JsonResult<>(ok,data);
    }

登录-前端页面

1、在login.html页面中依据前面所设置的请求来发送ajax请求

<script type="text/javascript">
		$("#btn-login").click(function () {
              $.ajax({
				  url:"/users/login",
				  type:"POST",
				  data:$("#form-login").serialize(),
				  dataType:"json",
				  success:function (json) {
                     if (json.state == 200){
                     	alert("登录成功")
						 //跳转到系统主页index.html
						 //相对路径来确定跳转的页面
						 location.href="index.html";
					 }else alert("登陆失败");
				  },
				  error:function (xhr) {
                 alert("登陆时产生未知的异常"+xhr.message);
				  }
			  });
		});
	</script>