登录实现记住密码

最新推荐文章于 2022-12-06 15:57:58 发布

原创最新推荐文章于 2022-12-06 15:57:58 发布 · 665 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种利用Cookie实现自动登录功能的方法。通过在HTML中设置“记住密码”选项，使用JavaScript读取并填充用户名及密码字段，并通过Java代码在用户选择记住密码时将用户名和密码写入Cookie，实现了自动登录的功能。

1.htm页面

<div class="form-actions">
    <label class="checkbox">
        <input type="checkbox" name="remember"/> 记住密码  </label>
    <button type="submit" class="btn blue pull-right">
        登录 <i class="m-icon-swapright m-icon-white"></i>
    </button>
</div>

2.js

<script>
    function getCookie(name)
    {
        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
        if(arr=document.cookie.match(reg))
            return unescape(arr[2]);
        else
            return null;
    }

    var cookie_user = getCookie("cookie_user");
    if(cookie_user!=null&&cookie_user!=""){
        var username = cookie_user.split("-")[0];
        var password = cookie_user.split("-")[1];
        $('.login-form input[name="userName"]').val(username);
        $('.login-form input[name="password"]').val(password);
        if(password!=""){
            $('input[name="remember"]').attr("checked","checked");
        }
    }
</script>

3.java代码

String v_username = "admin";
String v_password = "admin";

//记住密码
if (remember != null && remember) {
   Cookie cookie = new Cookie("cookie_user", v_username + "-" + v_password);
   cookie.setMaxAge(60 * 60 * 24 * 30); // cookie 保存30天
   cookie.setPath("/");
   response.addCookie(cookie);
} else {
   Cookie cookie = new Cookie("cookie_user", v_username + "-");
   cookie.setMaxAge(60 * 60 * 24 * 30); // cookie 保存30天
   cookie.setPath("/");
   response.addCookie(cookie);
}