Java使用SSM框架实现登录页面记住密码功能

最终效果展示:

1、登录页面JSP代码

<label class="checkbox">
     <input type="checkbox" name="rememberMe" id="rememberMe" οnclick="remember();"/> 记住密码
</label>
复制代码
      //选中记住密码触发事件,如果选中就赋值为1 ,否则赋值为0
        function remember(){
            var remFlag = $("input:checkbox").is(':checked');
            if(remFlag){ 
                //cookie存用户名和密码,回显的是真实的用户名和密码,存在安全问题.
                var conFlag = confirm("记录密码功能不宜在公共场所使用,以防密码泄露.您确定要使用此功能吗?");
                if(conFlag){ 
                    //确认标志
                    $("#rememberMe").val("1");
                }else{
                    $("input:checkbox").removeAttr('checked');
                    $("#rememberMe").val("0");
                }
            }else{ 
                //如果没选中设置remFlag为""
                $("#rememberMe").val("0");
            }
        }


复制代码

 

复制代码
//启动函数来获取cookie中保存的用户信息
$(function(){
       //cookie数据保存格式是key=value;key=value;形式,loginInfo为保存在cookie中的key值,具体看controller代码 var str = getCookie("loginInfo"); str = str.substring(1,str.length-1); var username = str.split(",")[0]; var password = str.split(",")[1]; //自动填充用户名和密码 $("#username").val(username); $("#password").val(password);
});
复制代码
复制代码
     //获取cookie
        function getCookie(cname) {
             var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1);
                if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
            }
            return "";
        }
复制代码

2、登录请求后controller代码

复制代码
//创建Cookie对象,保存用户信息,设定cookie失效时间,通过response添加cookie
if ("1".equals(cookieFlag)) { String loginInfo = username + "," + password; Cookie userCookie = new Cookie("loginInfo", loginInfo); userCookie.setMaxAge(1 * 24 * 60 * 60); // 存活期为一天 1*24*60*60 userCookie.setPath("/"); res.addCookie(userCookie); }

转载于:https://www.cnblogs.com/lsjBlog/p/9497092.html

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值