一、修改密码流程分析
二、代码
1.view层
1）pwd.jsp
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 3 4 5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 6 <html> 7 <head> 8 <title>pwd.jsp</title> 9 10 <meta http-equiv="pragma" content="no-cache"> 11 <meta http-equiv="cache-control" content="no-cache"> 12 <meta http-equiv="expires" content="0"> 13 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 14 <meta http-equiv="description" content="This is my page"> 15 <!-- 16 <link rel="stylesheet" type="text/css" href="styles.css"> 17 --> 18 <link rel="stylesheet" type="text/css" href="<c:url value='/css/css.css'/>"> 19 <link rel="stylesheet" type="text/css" href="<c:url value='/jsps/css/user/pwd.css'/>"> 20 <script type="text/javascript" src="<c:url value='/jquery/jquery-1.5.1.js'/>"></script> 21 <script src="<c:url value='/js/common.js'/>"></script> 22 <script src="<c:url value='/jsps/js/user/pwd.js'/>"></script> 23 </head> 24 25 <body> 26 <div class="div0"> 27 <span>修改密码</span> 28 </div> 29 30 <div class="div1"> 31 <form action="<c:url value='/UserServlet'/>" method="post" target="_top" id="updatePasswordForm"> 32 <input type="hidden" name="method" value="updatePassword"/> 33 <table> 34 <tr> 35 <td><label class="error">${msg }</label></td> 36 <td colspan="2"> </td> 37 </tr> 38 <tr> 39 <td align="right">原密码:</td> 40 <td><input class="input" type="password" name="loginpass" id="loginpass" value=""/></td> 41 <td><label id="loginpassError" class="error"></label></td> 42 </tr> 43 <tr> 44 <td align="right">新密码:</td> 45 <td><input class="input" type="password" name="newpass" id="newpass" value=""/></td> 46 <td><label id="newpassError" class="error"></label></td> 47 </tr> 48 <tr> 49 <td align="right">确认密码:</td> 50 <td><input class="input" type="password" name="reloginpass" id="reloginpass" value=""/></td> 51 <td><label id="reloginpassError" class="error"></label></td> 52 </tr> 53 <tr> 54 <td align="right"></td> 55 <td> 56 <img id="vCode" src="<c:url value='/VerifyCodeServlet'/>" border="1"/> 57 <a href="javascript:_change();">看不清，换一张</a> 58 </td> 59 </tr> 60 <tr> 61 <td align="right">验证码:</td> 62 <td> 63 <input class="input" type="text" name="verifyCode" id="verifyCode" value=""/> 64 </td> 65 <td><label id="verifyCodeError" class="error"></label></td> 66 </tr> 67 <tr> 68 <td align="right"></td> 69 <td><input id="submit" type="submit" value="修改密码"/></td> 70 </tr> 71 </table> 72 </form> 73 </div> 74 </body> 75 </html>
2)pwd.js
1 $(function() { 2 /* 3 * 1. 给注册按钮添加submit()事件，完成表单校验 4 */ 5 $("#updatePasswordForm").submit(function(){ 6 $("#msg").text(""); 7 var bool = true; 8 $(".input").each(function() { 9 var inputName = $(this).attr("name"); 10 if(!invokeValidateFunction(inputName)) { 11 bool = false; 12 } 13 }); 14 return true; 15 }); 16 17 /* 18 * 3. 输入框推动焦点时进行校验 19 */ 20 $(".input").blur(function() { 21 var inputName = $(this).attr("name"); 22 invokeValidateFunction(inputName); 23 }); 24 }); 25 26 /* 27 * 输入input名称，调用对应的validate方法。 28 * 例如input名称为：loginname，那么调用validateLoginname()方法。 29 */ 30 function invokeValidateFunction(inputName) { 31 inputName = inputName.substring(0, 1).toUpperCase() + inputName.substring(1); 32 var functionName = "validate" + inputName; 33 return eval(functionName + "()"); 34 } 35 36 /* 37 * 校验密码 38 */ 39 function validateLoginpass() { 40 var bool = true; 41 $("#loginpassError").css("display", "none"); 42 var value = $("#loginpass").val(); 43 if(!value) {// 非空校验 44 $("#loginpassError").css("display", ""); 45 $("#loginpassError").text("密码不能为空！"); 46 bool = false; 47 } else if(value.length < 3 || value.length > 20) {//长度校验 48 $("#loginpassError").css("display", ""); 49 $("#loginpassError").text("密码长度必须在3 ~ 20之间！"); 50 bool = false; 51 } else {// 验证原错误是否正确 52 $.ajax({ 53 cache: false, 54 async: false, 55 type: "POST", 56 dataType: "json", 57 data: {method: "validateLoginpass", loginpass: value}, 58 url: "/goods/UserServlet", 59 success: function(flag) { 60 if(!flag) { 61 $("#loginpassError").css("display", ""); 62 $("#loginpassError").text("原密码错误！"); 63 bool = false; 64 } 65 } 66 }); 67 } 68 return bool; 69 } 70 71 // 校验新密码 72 function validateNewpass() { 73 var bool = true; 74 $("#newpassError").css("display", "none"); 75 var value = $("#newpass").val(); 76 if(!value) {// 非空校验 77 $("#newpassError").css("display", ""); 78 $("#newpassError").text("新密码不能为空！"); 79 bool = false; 80 } else if(value.length < 3 || value.length > 20) {//长度校验 81 $("#newpassError").css("display", ""); 82 $("#newpassError").text("新密码长度必须在3 ~ 20之间！"); 83 bool = false; 84 } 85 return bool; 86 } 87 88 /* 89 * 校验确认密码 90 */ 91 function validateReloginpass() { 92 var bool = true; 93 $("#reloginpassError").css("display", "none"); 94 var value = $("#reloginpass").val(); 95 if(!value) {// 非空校验 96 $("#reloginpassError").css("display", ""); 97 $("#reloginpassError").text("确认密码不能为空！"); 98 bool = false; 99 } else if(value != $("#newpass").val()) {//两次输入是否一致 100 $("#reloginpassError").css("display", ""); 101 $("#reloginpassError").text("两次密码输入不一致！"); 102 bool = false; 103 } 104 return bool; 105 } 106 107 /* 108 * 校验验证码 109 */ 110 function validateVerifyCode() { 111 var bool = true; 112 $("#verifyCodeError").css("display", "none"); 113 var value = $("#verifyCode").val(); 114 if(!value) {//非空校验 115 $("#verifyCodeError").css("display", ""); 116 $("#verifyCodeError").text("验证码不能为空！"); 117 bool = false; 118 } else if(value.length != 4) {//长度不为4就是错误的 119 $("#verifyCodeError").css("display", ""); 120 $("#verifyCodeError").text("错误的验证码！"); 121 bool = false; 122 } else {//验证码是否正确 123 $.ajax({ 124 cache: false, 125 async: false, 126 type: "POST", 127 dataType: "json", 128 data: {method: "validateVerifyCode", verifyCode: value}, 129 url: "/goods/UserServlet", 130 success: function(flag) { 131 if(!flag) { 132 $("#verifyCodeError").css("display", ""); 133 $("#verifyCodeError").text("错误的验证码！"); 134 bool = false; 135 } 136 } 137 }); 138 } 139 return bool; 140 }
2.servlet层
1)UserServlet.java
1 public String updatePassword(HttpServletRequest request, HttpServletResponse response) { 2 /* 3 * 1. 封装表单数据到user中 4 * 2. 从session中获取uid 5 * 3. 使用uid和表单中的oldPass和newPass来调用service方法 6 * > 如果出现异常，保存异常信息到request中，转发到pwd.jsp 7 * 4. 保存成功信息到rquest中 8 * 5. 转发到msg.jsp 9 */ 10 User formUser = CommonUtils.toBean(request.getParameterMap(), User.class); 11 User user = (User) request.getSession().getAttribute("sessionUser"); 12 if(user == null) { 13 request.setAttribute("msg", "您还没有登录！"); 14 return "f:/jsps/user/login.jsp"; 15 } 16 17 try { 18 userService.updatePassword(user.getUid(), formUser.getNewpass(), formUser.getLoginpass()); 19 request.setAttribute("msg", "修改密码成功"); 20 request.setAttribute("code", "success"); 21 return "f:/jsps/msg.jsp"; 22 } catch (UserException e) { 23 request.setAttribute("msg", e.getMessage()); 24 request.setAttribute("user", formUser); 25 return "f:/jsps/user/pwd.jsp"; 26 } 27 }
3.service层
1)UserService.java
1 /** 2 * 修改密码 3 * @param uid 4 * @param newPass 5 * @param oldPass 6 * @throws UserException 7 */ 8 public void updatePassword(String uid, String newPass, String oldPass) throws UserException { 9 try { 10 boolean bool = userDao.findByUidAndPassword(uid, oldPass); 11 if(!bool) {//如果老密码错误 12 throw new UserException("老密码错误"); 13 } 14 userDao.updatePassword(uid, newPass); 15 } catch (SQLException e) { 16 throw new RuntimeException(e); 17 } 18 }
4.dao层
1)UserDao.java
1 /** 2 * 按uid和password查询 3 * @param uid 4 * @param password 5 * @return 6 * @throws SQLException 7 */ 8 public boolean findByUidAndPassword(String uid, String password) throws SQLException { 9 String sql = "select count(1) from t_user where uid=? and loginpass=?"; 10 Number count = (Number) qr.query(sql, new ScalarHandler(), uid, password); 11 return count.intValue() > 0; 12 } 13 14 /** 15 * 修改密码 16 * @param uid 17 * @param password 18 * @throws SQLException 19 */ 20 public void updatePassword(String uid, String password) throws SQLException { 21 String sql = "update t_user set loginpass=? where uid=?"; 22 qr.update(sql, password, uid); 23 }