ExtJs带验证码登陆及忘记密码功能

新作了一个ExtJs登陆功能,运行效果如图:
[img]http://www.jshuwei.org.cn/attachments/month_0911/1.jpg[/img]
功能介绍:点击验证码可以刷新验证码,输入验证码后直接按回车可以实现登陆操作,所有信息提交前进行了验证,同时采用了非常OO的方式改写了上次发布的那个登陆的实现,这次同时实现了忘记密码的功能,点击图中的忘记密码直接进入如下的效果界面:
[img]http://www.jshuwei.org.cn/attachments/month_0911/2.jpg[/img]
密保的问题采用Ajax请求的方式,在输入完登陆名称的时候就进行了后台交互读取出密保问题然后填入,若输入的用户不正确则清空当前输入给出提示。最后点击取回密码的时候系统将自动发送一份email邮件到当时注册的邮箱中给予取回密码的链接进行密码取回操作。
输入错误的用户名:
[img]http://www.jshuwei.org.cn/attachments/month_0911/3.jpg[/img]
输入正确的用户名:
[img]http://www.jshuwei.org.cn/attachments/month_0911/4.jpg[/img]
如图中红框显示已经取回了问题的答案。
所有问题也输入正确后将会在邮箱中受到一封邮件:
[img]http://www.jshuwei.org.cn/attachments/month_0911/5.jpg[/img]
[img]http://www.jshuwei.org.cn/attachments/month_0911/6.jpg[/img]
整体前台采用的是ExtJs实现,后台是SSH2的实现,先放出所有ExtJs的代码来,后台的代码将在我的J2EE自动生成工具中放出来。这个也是J2EE自动生成工具的权限控制部分的代码。
在线演示:[url]http://java.jshuwei.org.cn:8080/web[/url]
演示中登陆是:huwei/password (拥有所有权限)
ceshi/password(只拥有查询和增加的权限,删除修改无权)
取回密码的是:huwei,胡伟,ceshi@jshuwei.org.cn,huwei(大家可悠着测试啊,别把我的邮箱邮件给塞满啊!)邮箱登陆地址:http://email.jshuwei.org.cn,ceshi@jshuwei.org.cn,jshuwei.org.cn
代码下载地址:[url=http://www.jshuwei.org.cn/article.asp?id=269]ExtJs登录代码[/url]
写得不好的地方,大家指出来啊。。。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值