之前做过cookie实现记住密码,这次换成session记住密码又做了一遍,有很多收获。 本次博客分为两部分。一部分是 cookie和session的区别 (面试经常被问道);另一部分是 sesion实现记住密
之前做过cookie实现记住密码,这次换成session记住密码又做了一遍,有很多收获。
本次博客分为两部分。一部分是cookie和session的区别(面试经常被问道);另一部分是sesion实现记住密码,在Jsp页面和Controller页面的代码编写。
一、cookie和session区别
区别:
1.cookie是浏览器端技术;将数据保存到浏览器中,不安全;不可以保存中文保存时编码: URLEncoder.encode();取值时解码:URLDecoder.decode();。
2.session是服务器端技术;将数据保存到服务器中,当访问servlet时,服务器创建session对象同时会向浏览器写入一个sessionId保存到cookie中,当浏览器关闭,session里面的数据没有删除,而是保存sessionId的cookie丢失因此找不到数据,安全。
相同:
两者作用范围都是一次会话(浏览器开启到关闭)有效。
二、session实现记住密码
分为3步。
1.jsp页面布局
默认rem选择框是选中状态
<form name="register" action="login.action" method="post"> <div class="form_row"> <label class="contact"><strong>Phone:</strong></label> <input type="text" class="contact_input" name="uPhone" id="uPhone" value="${param.uPhone }" onblur="phoneBlur(this.value);"/> <span id="uPhoneMsg"></span> </div> <div class="form_row"> <label class="contact"><strong>Pwd:</strong></label> <input type="text" class="contact_input" name="uPwd" id="uPwd"/> <span id="uPwdMsg">${flag }</span> </div> <div class="form_row"> <div class="terms"> <input type="checkbox" name="rem" id="rem" checked="checked">记住密码 <!-- <input type="checkbox" name="terms" id="terms"/> Rember me --> </div> </div> <div class="form_row"> <input type="submit" class="register" value="login" /> </div> </form>
2.controller层逻辑处理
我的代码有两处用到session,这里只看第二处即可。
//2.登录按钮按下后 当rem被选中,且密码正确时,将账号密码这个对象存入session
//5.1登录 @RequestMapping("login") public String login(String uPhone,String uPwd,String rem,Model model,HttpServletResponse response,HttpServletRequest request){ HttpSession session = request.getSession(); String flag = "1"; String uId = us.selectUsersByPhone_PwdService(uPhone, uPwd); //判断如果账号密码不存在 返回登录页面;存在,跳转到首页 if(uId==null){ flag="密码错误"; request.setAttribute("flag", flag); return "register"; }else{ Users u1 = us.selectUsersByIdService(uId); //1.只要登录成功 就将users对象存入session中,为之后的过滤器使用 session.setAttribute("handlerInterceptorSession", u1); //2.登录按钮按下后 当rem被选中,且密码正确时,将账号密码存入session if(rem.equals("on")){ Users u2 = new Users(uPhone,uPwd); session.setAttribute("remSession", u2); } return "index"; } }
3.jsp页面补充
这里主要看//5.当光标离开后调用记住密码的功能
逻辑是:用户输入账号光标离开后,从session中取值,如果账号在session中存在,则获取账号对应的密码,将密码赋值给输入框。(前提是:rem选择框是选中状态,在1.jsp页面布局里面就设置好了)
<script> function phoneBlur(uPhone){ var phoneMsg = document.getElementById("uPhoneMsg"); phoneMsg.innerText=""; $.ajax({ type:"post", url:"phoneExist.action", data:{"uPhone":uPhone}, dataType:"text", /* 当flag =0 提示用户不存在 当flag = 1 普通用户 */ success:function(flag){ if(flag==0){ phoneMsg.innerText = "请先注册"; } } }) //5.当光标离开后调用记住密码的功能 remPwd(uPhone); }; //5记住密码 /*1.当phone光标离开后 当rem被选中 从Remsession里面遍历,获取账号对应的密码。 */ //alert($("#rem").val()); function remPwd(uPhone){ //每次进入 密码先清空 $("#uPwd").val(""); var remVal = $("#rem").val(); if(remVal=="on"){ //第一次登录会报异常,所以加"" var sessionPhone= ${remSession.uPhone}+""; var sessionPwd= ${remSession.uPwd}+""; //当账号在session中可以查询到,就将session中的密码赋值给输入框pwd if(sessionPhone==uPhone){ $("#uPwd").val(sessionPwd); } } } </script>
至此,session存储Users对象实现记住密码功能完毕,更多相关Java session记住密码内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络!