接上一篇SpringBoot+MyBatis+MYSQL项目实战一(用户的注册和登录)
一:注册——前端页面
1.1对于form表单的使用ajax的提交方式
使用jquery监听$(”#form表单的id值).serialize()
$("#btn-reg").click(function () {
console.log($("#form-reg").serialize())
$.ajax({
url: "/users/reg",
type: "POST",
// data使用序列化
data: $("#form-reg").serialize(),
dataType: "JSON",
success: function (json) {
if (json.state == 200){
alert("注册成功")
}
else{
alert("注册失败")
}
},
error: function (xhr) {
alert("注册时产生位置的错误!"+ xhr.status);
}
})
});
2.1后端
@RequestMapping("/reg")
@ResponseBody
public JsonResult<Void> reg(User user){
iUserService.reg(user);
return new JsonResult<>(OK);
}
二:用户登录功能
当用户输入用户名和密码将数据提交给后台数据厍进行查询,如果存在对应的用户名和密码则表示登录成功,登录成功之后跳转到系统的主页就是index.html,跳转在前端使用jQery完成
二:登录——持久层
依据用户提交的用户名和密码做select查询,密码的比较在业务层
select * from where username=?
由于mapper已经写过查询方法,所以就可以省略当前的开发步骤,这个分析过程不能省略。
三:登录——业务层
3.1规划异常
在service.ex增加UserNotFoundException和PasswordNotMatchException两个类,异常处理方法和上文一样,继承ServiceException,然后自动生成。
3.2设计业务层接口和抽象方法
1.直接在IuserService接口中编写抽象方法,login(String username,String password).将当前登录成功的用户数据以当前用户对象的形式返回。状态管理可以将用户的数据保存在cookie或者session中,可以避免重复度很高的数据多次频繁操作数据进行获取(用户名,用户id存放在session中,用户头像保存在cookie中)。
在service层中增加
/**
* 用户登录功能
* @param username
* @param password
* @return 当前匹配的用户数据,如果没有则返回null值
*/
User login(String username, String password);
在UserServiceImpl中重写
@Override
public User login(String username, String password) {
User result = userMapper.findByUsername(username);
if(result == null){
throw new UserNotFoundException("用户数据不存在");
}
// 1.先获取密码和盐值
// 2.将用户的密码按照相同的MD5算法规则进行加密
String salt = result.getSalt();
String newMD5Password = getMD5Password(password,salt);
String oldPassword = result.getPassword();
if(!newMD5Password.equals(oldPassword)){
throw new PasswordNotMatchException("用户密码错误");
}
Integer idDlete = result.getIsDelete();
if(idDlete == 1){
throw new UserNotFoundException("用户数据不存在");
}
// 提升用户的性能
User user = new User();
user.setUid(result.getUid());
user.setUsername(result.getUsername());
user.setAvatar(result.getAvatar());
// 将当前的用户数据返回,返回的数据是为了辅助其他页面做页面数据展示
return user;
}
四登录——控制层
4.1处理异常
业务层抛出的异常是什么,需要在统一异常处理类中进行统一的捕获和处理,如果也曾抛出的异常类型已经在统—异常处理类中曾经处理过,则不需要重复添加。
else if(e instanceof UserNotFoundException){
result.setState(5001);
result.setMessage("用户数据不存在的异常");
}else if(e instanceof PasswordNotMatchException){
result.setState(5002);
result.setMessage("用户名密码错误的异常");
}
4.2设计请求
请求路径:/users/login
请求参数:String username, String password
请求类型:POST
响应结果:JsonResult<User>
4.3处理请求
在UserCntroller中编写处理请求的方法。
@RequestMapping("/login")
@ResponseBody
public JsonResult<User> login(String username,String password){
User data = iUserService.login(username,password);
return new JsonResult<User>(OK,data);
}
五登录——前端页面
1.前端页面
$("#btn-login").click(function () {
$.ajax({
url: "/users/login",
type: "POST",
dataType: "JSOn",
data:$("#form-login").serialize(),
success: function (json) {
if (json.state == 200){
alert("登录成功")
location.href = "/index";
}
else{
alert("登陆失败")
}
},
error: function (xhr) {
alert("登陆时产生未知的异常"+xhr.message);
}
})
})
2.用户会话session
session对象主要存在服务器中,可以保存服务器的临时数据的对象,所保存的数据可以在整个项目都可以通过访问来获取,把session的数据看做一个共享的数据,首次登录的时候所获取的用户数据转移到session对象即可。session.getAttrbute(“key”)可以获取session中的数据行为进行封装,封装到BaseController类中。
1.封装session对象中数据的获取(封装在父类中)、数据的设置(当用户登录成功后进行数据的设置,设置到全局的session对象中)。
2.父类中封装:获取uid和获取username对应的两个方法,用户头像暂时不考虑,将来封装到cookie中
/**
* 获取session对象的uid
* @param session session对象
* @return 当前登录的用户uid的值
*/
protected final Integer getuidFromSession(HttpSession session){
return Integer.valueOf(session.getAttribute("uid").toString());
}
/**
* 获取当前的登录用户的username
* @param session
* @return
*/
protected final String getUsernameFromSession(HttpSession session){
return session.getAttribute("username").toString();
}
3.登录的方法中将数据封装到session的对象中
服务本身自动创建有session对象,已经是一个全局session对象。