新作了一个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登录代码
写得不好的地方,大家指出来啊。。。
分享到:
相关推荐
ExtJS登入验证码的实现 采用mvc的格式写的代码
Extjs4登录功能+验证码+struts2
NULL 博文链接:https://master3003.iteye.com/blog/1143947
ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。
用extjs实现登陆页面的前台验证。
NULL 博文链接:https://xgtxxxx.iteye.com/blog/1594688
Struts2.18+Spring2.56+Hibernate3+Extjs实现登陆、修改密码、找回密码等功能,其中涵盖了邮件发送、java中使用正则表达式、json的使用等功能
ExtJs+Dwr带分页分组传参后台排序功能的grid 主要包含:这个主要用到ExtJS+DWR+Spring+Hibernate,主要包括浏览页(usernamerecord.jsp),脚步文件(usernamerecord.js),dwr分页代理脚本文件(dwrproxy.js),...
用ExtJs6+strust2重新改写的拖动图片验证码的实现方法,基于网络上的Jquery版修改,直接导入myeclipse工程即可。jar包太大,不在压缩包中,需要的同学请参考/webroot/下的“所需jar包列表.jpg”,自己从网络下载jar...
SSH2 Extjs框架搭建及登录功能的实现
ExtJs学习资料47-完整的登录实例(不带验证码).docExtJs学习资料47-完整的登录实例(不带验证码).docExtJs学习资料47-完整的登录实例(不带验证码).doc
适用于ExtJS4、ExtJS5 MD5加密算法!
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
Extjs中文教程 通过例子讲解,浅显易懂,适合入门。对目录进行整理,方便阅读。
extjs资料extjs资料extjs资料extjs资料extjs资料
C# Extjs 登陆框、框架 特效不错。注释很全面
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
该js包粘贴到工程Extjs包下,在jsp中引用该文件路径即可。
extjs php 在js文件中显示登陆用户的方法
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议