用ExtJS+Java+ibatis实现的一个简单的修改密码应用
前天用ExtJS做了个修改密码及验证的小应用，共享！
---ExtJS部分--------------------
Ext.BLANK_IMAGE_URL = 'html/js/ext/resources/images/default/s.gif';
Ext.onReady(function() {
Ext.QuickTips.init();
/**
* 修改用户密码
*/
var pswFormPanel = new Ext.form.FormPanel({
url : 'system/updateUserPsw.action',
labelAlign : 'right',
frame : true,
defaultType : 'textfield',
items : [{
fieldLabel : '您的旧密码',
name : 'PASSWORD',
inputType: 'password',
allowBlank : false,
blankText : '请输入正确的旧密码！',
anchor : '97%'
},{
fieldLabel : '输入新密码',
name : 'ACCPASSWD',
id : 'NEWPASSWORD',
inputType: 'password',
allowBlank : false,
blankText : '密码不能为空！',
minLength:6,
minLengthText:'密码长度最少6位！',
maxLength:20,
maxLengthText:'密码长度最多20位！',
anchor : '97%'
},{
fieldLabel : '确认新密码',
name : 'checkPsw',
inputType: 'password',
allowBlank : false,
blankText : '密码不能为空',
minLength:6,
minLengthText:'密码长度最少6位！',
maxLength:20,
maxLengthText:'密码长度最多20位！',
id : 'repeatPassword',
vtype : 'repeatPassword',
vtypeText : "您两次输入的新密码不一致！",
confirmTo : 'NEWPASSWORD',
anchor : '97%'
}]
});
//密码窗口
this.pswWindow = new Ext.Window({
title : '修改密码',
el : 'pswWin',
layout : 'fit',
width : 360,
height : 175,
minWidth : 300,
minHeight : 200,
buttonAlign : 'center',
closeAction : 'hide',
modal : true,
maximizable : true,
plain : true,
constrain : true,
defaultButton : 0,
border : false,
items : [pswFormPanel],
buttons: [{
text:'提交',
handler : function(){
pswFormPanel.getForm().submit({
success : function(form , action) {
self.pswWindow.hide();
Ext.Msg.alert("提示",action.result.msg);
},
failure : function(form, action) {
if(action.failureType == Ext.form.Action.SERVER_INVALID){
Ext.Msg.alert("错误", "您输入的旧密码有误！");
form.reset();
} else {
Ext.Msg.alert("错误", "您输入的新密码不一致！");
}
}
});
}
}, {
text :'取消',
handler : function() {
self.pswWindow.hide();
}
}]
});
showPswWindow = function(){
self.pswWindow.show();
}
});
Ext.apply(Ext.form.VTypes,{
repeatPassword : function(val,field){
if(field.confirmTo){
var pwd = Ext.get(field.confirmTo);
if(val.trim() != pwd.getValue().trim()){
return false;
}
return true;
}
}
});
---Java部分--------------------
配置文件就不写了。
--action中---------
//修改用户密码
public void updateUserPsw(){
Long userid = StringUtil.toLong(user.get("USERID"));
boolean psw = userService.updatePsw(userid, $map());
this.renderText("{success : " + psw + ",msg:'密码修改成功！'}");
}
--service中---------
/**
* 修改用户密码
* @param userid
*/
public boolean updatePsw(Long userid, Map map);
--imp中---------
public boolean updatePsw(Long userid, Map map) {
map.put("userid", userid);
HashMap psw = (HashMap<?, ?>) this.queryForObject("UserInfo.getUserPswByUserId", map);
if (!psw.get("PASSWORD").toString().trim().equals(UtilMD5.crypt(map.get("PASSWORD").toString().trim()))){
return false;
}
map.put("ACCPASSWD",UtilMD5.crypt(map.get("ACCPASSWD").toString().trim()));
this.update("UserInfo.updateUserPsw",map);
return true;
}
---ibatis部分--------------------
<!-- 获取用户密码 -->
<select id="getUserPswByUserId" resultClass="java.util.HashMap">
SELECT T.PASSWORD FROM S_USER T WHERE USERID = #userid#
</select>
<!-- 修改用户密码 -->
<update id="updateUserPsw">
UPDATE S_USER T
SET T.PASSWORD = #ACCPASSWD#,
T.ACCPASSWD = #ACCPASSWD#
WHERE
T.USERID = #userid#
</update>
---界面效果图如下附件--- -----------------
