61--DB项目--修改密码模块设计
修改密码模块
修改密码页面呈现
服务端关键业务设计及实现
检查PageController中是否有返回UI页面的方法，有则无需添加
@RequestMapping("{module}/{moduleUI}")
public String doModuleUI(@PathVariable String moduleUI) {
return "sys/"+moduleUI;
}
客户端关键业务设计及实现
密码编辑页面呈现
- 业务描述与设计实现
在系统首页左侧操作菜单中点击修改密码时，呈现密码编辑页面。 - 关键代码设计与实现
在starter.html页面尾部的页面加载完成的事件处理函数中添加事件处理，关键代码如下：
<script type="text/javascript">
$(function(){//页面加载完成之后执行
doLoadUI("load-pwd-id","user/pwd_edit");
});
function doLoadUI(id,url){
$("#"+id).click(function(){//事件处理函数
//load函数为一个jquery中的ajax函数,其作用是将url对应的资源，异步加载到指定位置
//此处表示在mainContentId对应的对象位置异步加载url指定资源
$("#mainContentId").load(url);
})
}
</script>
密码修改页面数据持久化实现
服务端关键业务设计及实现
DAO接口定义
-
业务描述及设计实现
基于用户id，修改用户密码和盐值。 -
关键代码设计及实现：
在创建SysUserDao中添加修改用户密码信息的方法。/** * 修改密码 * @param newHashedPassword 加密的密码 * @param newSalt 新的盐值 * @param id 登录用户 * @return */ int updatePassword( @Param("password")String password, @Param("salt")String salt, @Param("id")Integer id);
Mapper映射文件定义
-
业务描述及设计实现
基于用户SysUserDao中修改密码方法的定义，在映射文件中定义映射元素。 -
关键代码设计及实现：
在创建SysUserMapper.xml中定义修改密码对应的映射元素。<update id="updatePassword"> update sys_users set password=#{password}, salt=#{salt}, modifiedTime=now() where id=#{id} </update>
Service接口定义及实现
-
业务描述及设计实现
基于控制层提交的用户相关信息，实现修改密码业务。 -
关键代码设计及实现：
第一步：在SysUserService接口中添加，用于实现密码修改业务的方法。int updatePassword(String source,String newPassword,String cfgPassword); 第二步：在SysUserService接口的实现类SysUserServiceImpl中添加密码修改业务的具体实现。
@Override public int updatePassword(String source, String newPassword, String cfgPassword) { //密码校验 AssertUtil.isArgsValid(StringUtils.isEmpty(source), "原密码不能为空"); AssertUtil.isArgsValid(StringUtils.isEmpty(newPassword), "原密码不能为空"); AssertUtil.isArgsValid(!newPassword.equals(cfgPassword), "两次密码不一致"); //校验原秘密是否正确 //从session中获取用户的信息 SysUser user=(SysUser)SecurityUtils.getSubject().getPrincipal(); //SysUser user = ShiroUtils.getUser(); //检验原密码的正确性 //通过获取原有盐值与输入密码加密再与原秘密比较 SimpleHash sHash = new SimpleHash("MD5",source , user.getSalt(),1); AssertUtil.isArgsValid(!user.getPassword().equals(sHash.toHex()), "原密码不正确"); //修改密码 //设置新的盐值进行重新加密 String newSalt = UUID.randomUUID().toString(); sHash = new SimpleHash("MD5",newPassword , newSalt,1); //执行修改操作 int row = sysUserDao.updatePassword(sHash.toHex(), newSalt, user.getId()); return row; }
Controller类定义
-
业务描述及设计实现
基于客户端提交的修改密码请求，定义处理请求的相关方法及映射。 -
关键代码设计及实现：
在SysUserController类中添加用于实现密码修改的控制层方法。//修改密码 @RequestMapping("doUpdatePassword") public JsonResult doUpdatePassword(String pwd,String newPwd,String cfgPwd) { sysUserService.updatePassword(pwd, newPwd, cfgPwd); return new JsonResult("修改密码成功"); }
客户端关键业务设计及实现
-
业务描述及设计实现
获取修改页面表单中用户填写的数据，然后向服务端发起异步请求进行数据更新。 -
关键代码设计及实现：
第一步：对保存和取消按钮进行事件注册$(function(){ $(".box-footer") .on("click",".btn-cancel",doCancel) .on("click",".btn-save",doUpdateObject) }); 第二步：定义保存和取消事件处理函数
function doCancel(){ $("#mainContentId").html(""); }function doUpdateObject(){ //1.获取用户提交数据 var params={pwd:$("#pwdId").val(), newPwd:$("#newPwdId").val(), cfgPwd:$("#cfgPwdId").val() } //2.定义请求的url var url="user/doUpdatePassword" //3.异步提交请求,执行更新操作 $.post(url,params,function(result){ if(result.state==1){ alert(result.message); //location.href="doLoginUI?t="+Math.random(); location.href="doLogout?t="+Math.random(); }else{ alert(result.message); } }) }
