日期:2014-05-16  浏览次数:20361 次

ExtJs带验证码登陆及忘记密码功能
      新作了一个ExtJs登陆功能,运行效果如图:

功能介绍:点击验证码可以刷新验证码,输入验证码后直接按回车可以实现登陆操作,所有信息提交前进行了验证,同时采用了非常OO的方式改写了上次发布的那个登陆的实现,这次同时实现了忘记密码的功能,点击图中的忘记密码直接进入如下的效果界面:

密保的问题采用Ajax请求的方式,在输入完登陆名称的时候就进行了后台交互读取出密保问题然后填入,若输入的用户不正确则清空当前输入给出提示。最后点击取回密码的时候系统将自动发送一份email邮件到当时注册的邮箱中给予取回密码的链接进行密码取回操作。
输入错误的用户名:

输入正确的用户名:

如图中红框显示已经取回了问题的答案。
所有问题也输入正确后将会在邮箱中受到一封邮件:


整体前台采用的是ExtJs实现,后台是SSH2的实现,先放出所有ExtJs的代码来,后台的代码将在我的J2EE自动生成工具中放出来。这个也是J2EE自动生成工具的权限控制部分的代码。
在线演示:http://java.jshuwei.org.cn:8080/web
演示中登陆是:huwei/password   (拥有所有权限)
ceshi/password(只拥有查询和增加的权限,删除修改无权)
取回密码的是:huwei,胡伟,ceshi@jshuwei.org.cn,huwei(大家可悠着测试啊,别把我的邮箱邮件给塞满啊!)邮箱登陆地址:http://email.jshuwei.org.cn,ceshi@jshuwei.org.cn,jshuwei.org.cn
代码下载地址:ExtJs登录代码
写得不好的地方,大家指出来啊。。。
1 楼 mikesun 2009-11-03  
看着不错。。。。
2 楼 transist 2009-11-03  
不错的样子
3 楼 luohuazhiye 2009-11-04  
transist 写道
不错的样子

用用看看,
4 楼 xzj127 2009-11-05  
好慢啊。。。。

     访问登录页面 就 用了N久的时间。。。
5 楼 luohuazhiye 2009-11-05  
xzj127 写道
好慢啊。。。。

     访问登录页面 就 用了N久的时间。。。

呵呵,访问的人比较的多,带宽有限嘛,学习嘛,总要有点耐心的,是吧
6 楼 695w 2009-11-05  
呵呵,谢谢楼主分享,出来混嘛。。。
7 楼 q71p 2009-11-05  
感觉不错  学习一下   就是网站访问有点慢
8 楼 luohuazhiye 2009-11-06  
q71p 写道
感觉不错  学习一下   就是网站访问有点慢

是哎,访问的人多了,就卡了。多等会吧