系列文章目录
前言
本系列文章主要记录项目过程中重点的项目技术
一、目标
用户自己修改密码后,提示保存成功,并在3秒后自动跳转到登陆页
二、实现目标
1.查找文件位置
找到修改密码的页面,默认的路径是:views/modules/sys/user/userinfo.html
2.js代码(修改后的)
找到密码提交的ajax函数,如下代码
// 修改密码
$("#newPassword").strength();
$("#inputFormPwd").validate({
submitHandler: function(form){
var oldPassword = $('#oldPassword').val(),
newPassword = $('#newPassword').val(),
confirmNewPassword = $('#confirmNewPassword').val(),
secretKey = '${@Global.getConfig("shiro.loginSubmit.secretKey")}';
if (secretKey != ''){
$('#oldPassword').val(DesUtils.encode(oldPassword, secretKey));
$('#newPassword').val(DesUtils.encode(newPassword, secretKey));
$('#confirmNewPassword').val(DesUtils.encode(confirmNewPassword, secretKey));
}
js.ajaxSubmitForm($(form), function(data){
js.showMessage(data.message);
if(data.result == Global.TRUE){
if ('${parameter.url}'!=''){
location = '${ctxPath}${parameter.url}';
}else{
//location = '${ctx}/sys/user/info?op=pwd';
window.setTimeout("resultPage()",3000);
}
}
}, "json");
$('#oldPassword').val(oldPassword);
$('#newPassword').val(newPassword);
$('#confirmNewPassword').val(confirmNewPassword);
}
});
function resultPage(){
console.log('${ctx}/logout');
location = '${ctx}/logout';
}
3.具体的位置以及图解
修改location对应的url链接,具体位置如下图
4.效果
保存成功后,跳转前
跳转后
总结
至此,本文章结束