当前位置 : 主页 > 编程语言 > java >

JAVA记住密码功能的实现代码

来源:互联网 收集:自由互联 发布时间:2021-05-10
准备:SSM框架,mysql数据库 用户表 user 实体类: public class User { /** * 主键id */ private Integer userId; /** * 账号 */ private String username; /** * 密码 */ private String password; public Integer getUserId() { ret

准备:SSM框架,mysql数据库

用户表 user

实体类:

public class User {
  /**
   * 主键id
   */
  private Integer userId;
  /**
   * 账号
   */
  private String username;
  /**
   * 密码
   */
  private String password;
  public Integer getUserId() {
    return userId;
  }
  public void setUserId(Integer userId) {
    this.userId = userId;
  }
  public String getUsername() {
    return username;
  }
  public void setUsername(String username) {
    this.username = username;
  }
  public String getPassword() {
    return password;
  }
  public void setPassword(String password) {
    this.password = password;
  }

}

UserMapper

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
    PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!-- 命名空间 -->
<mapper namespace="com.luowx.mapper.UserMapper">

  <resultMap id="userMap" type="User">
    <id property="userId" column="user_id"/>
    <result property="username" column="username"/>
    <result property="password" column="password"/>
  </resultMap>

  <select id="getUserByname" resultMap="userMap">
    select * from s_user where username=#{username}
  </select>
</mapper>

mapper层

public interface UserMapper {

 User getUserByname(String username);
}

service层

public interface UserService {
  User getUserByname(String username, String password, HttpSession session, HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse);
}

impl

@Service
public class UserServiceImpl implements UserService {
  @Autowired
  private UserMapper userMapper;
  
  @Override
  public ResultVO getUserByname(String username, String password, HttpSession session, HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) {
    String remember = httpServletRequest.getParameter("remember");
    if (username!= null && username!= 0){
      User user = userMapper.getUserByname(username);

      if (user != null && user.getPassword().equals(password)){
        session.setAttribute("user", user);
        if (remember != null){
          
          Cookie cookieUser = new Cookie("username", username);
          Cookie cookiePass = new Cookie("password", password);
          cookieUser.setMaxAge(60 * 60 * 24);
          cookiePass.setMaxAge(60 * 60 * 24);
          httpServletResponse.addCookie(cookieUser);
          httpServletResponse.addCookie(cookiePass);
          return ResultVO.success(user);
       }
        return ResultVO.error(1, "用户名或密码错误");
      }
    return ResultVO.error(3, "用户名或密码不能为空");
  }
}

Controller

@RestController
public class UserController {

  @Autowired
  private UserService userService;
  //登录
  @RequestMapping("/getUserByname")
  public ResultVO getUserByname(String username, String password, HttpSession session, HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse){
    return userService.getUserByname(username, password, session, httpServletRequest, httpServletResponse);
  }
}

前端代码(JSP)

html的自己修改下,样式是BootStrap的

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>登录</title>
  <link rel="stylesheet" href="/bootstrap4/css/bootstrap.min.css" rel="external nofollow" >
  <style>
    body{
      background-color: #fafafa;
    }
    .nice{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .container{
      margin-top: 100px;
      display: flex;
      justify-content: space-between;
      border: #b3b7bb 2px solid;
      border-radius: 5px;
    }
    #loginForm{
      width: 300px;
      background-color: rgba(255,255,255,0.7);
      margin-top: 30px;
      border: #b3b7bb 1px solid;
      border-radius: 5px;
    }
  </style>
</head>
<body>
<div class="container">
  <div><img src="img/login_bg_pic.jpg"></div>
  <form action="getUserByname" method="post" id="loginForm">
    <div class="form-group">
      <label for="exampleInputEmail1">用户名</label>
      <input type="text" class="form-control" id="exampleInputEmail1" name="userId" autocomplete="off" value="${userId}">
    </div>
    <div class="form-group">
      <label for="exampleInputPassword1">密码</label>
      <input type="password" class="form-control" id="exampleInputPassword1" name="password" value="${password}">
    </div>
    <%--验证码--%>
    <div class="form-group">
      <div class="input-icon" style="display: flex;justify-content: space-around;align-items: center">
        <i class="fa fa-picture-o"></i>
        <input class="form-control" style="width:180px;" type="text" id="verifyCode" name="verifyCode" placeholder="验证码" maxlength="4" autocomplete="off">
        <img src="${pageContext.request.contextPath }/getVerifyCode" width="110" height="34" id="verifyCodeImage">
      </div>
    </div>
    <div class="custom-control custom-checkbox mb-3 was-validated">
      <input type="checkbox" class="custom-control-input" id="rem" name="remember" checked>
      <label class="custom-control-label" for="rem">记住密码</label>
    </div>
    <button type="button" class="btn btn-primary login">登 录</button>
    <a href="/forgotpass" rel="external nofollow" ><button type="button" class="btn btn-danger">忘记密码</button></a>
    <br><br>
    <div class="nice">
      欢迎来到:<br>教务综合信息服务平台
    </div>
  </form>
  <script src="/js/jquery-3.4.1.min.js"></script>
  <script src="/bootstrap4/js/bootstrap.min.js"></script>
  <script>
    $(function () {
      $(".login").click(function () {
        //发送ajax请求
        $.ajax({
          url:'getUserByname',
          type:'post',
          data:$("#loginForm").serialize(),
          success:function (res) {
            console.log(res);
            if (res.status === 0){
              if(res.data.role === 0) {
                location.href = "overview";
              }else if (res.data.role === 1){
                location.href = "teacher";
              }else if (res.data.role === 2){
                location.href = "teacher";
              }else if (res.data.role === 3){
                location.href = "student";
              }
            } else {
              $(".nice").html("<div>" + res.message + "</div>");
            }
          }
        });
      });

    });

  </script>

</div>
</body>
</html>

总结

以上所述是小编给大家介绍的JAVA记住密码功能的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对易盾网络网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

网友评论