0
点赞
收藏
分享

微信扫一扫

SpringBoot+MyBatis+MYSQL项目实战二(用户的注册和登录)

德州spark 2022-04-05 阅读 66

接上一篇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对象。

举报

相关推荐

0 条评论