`
luohuazhiye
  • 浏览: 17652 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

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登录代码
写得不好的地方,大家指出来啊。。。
分享到:
评论
23 楼 luohuazhiye 2009-12-21  
lxfchl 写道
输入错误提示后,不能自动刷新验证码

我这里可以啊,你是什么浏览器?
22 楼 lxfchl 2009-12-21  
输入错误提示后,不能自动刷新验证码
21 楼 binlaniua 2009-12-16  
楼主貌似用
BufferedImage image = new BufferedImage(WIDTH, HIEGHT ,BufferedImage.TYPE_RGB);
然后加点条纹啊什么的
搞的验证码吧....
20 楼 luohuazhiye 2009-12-16  
wujiazhao88 写道
写的还不错。好像firefox下支持有点问题。。
验证码确实简单了

火狐是好的吧。。。。你是火狐什么版本的?chrome点击不刷新
19 楼 wujiazhao88 2009-12-15  
写的还不错。好像firefox下支持有点问题。。
验证码确实简单了
18 楼 luohuazhiye 2009-12-14  
清晨阳光 写道
luohuazhiye 写道
q56454589 写道
luohuazhiye 写道
清晨阳光 写道
这个验证码不好,很容易被识别,用程序自动登录还是有可能的

那说说你验证码怎么做啊?


可以做个有连字库的(估计没有必要),呵呵,这个就够用了!

中文字库的?


我自己不会去写验证码的程序,我会在已有的开源验证码里面选一个。验证码必须要有旋转、水波和横线才很难被破解。不是我说,你那个验证码我很容易就可以写个程序读取出来了。我之前做过简单验证码的读取程序。

哦?把你的程序发出来看看你是怎么读取的
17 楼 清晨阳光 2009-12-14  
luohuazhiye 写道
q56454589 写道
luohuazhiye 写道
清晨阳光 写道
这个验证码不好,很容易被识别,用程序自动登录还是有可能的

那说说你验证码怎么做啊?


可以做个有连字库的(估计没有必要),呵呵,这个就够用了!

中文字库的?


我自己不会去写验证码的程序,我会在已有的开源验证码里面选一个。验证码必须要有旋转、水波和横线才很难被破解。不是我说,你那个验证码我很容易就可以写个程序读取出来了。我之前做过简单验证码的读取程序。
16 楼 luohuazhiye 2009-12-10  
micropang 写道
q56454589 写道
www.51clouding.com

这个很快!

想快不难,关键是得优化!


不知道你是如何着手优化的~~
extjs 病痛还有个,就是在不断创建表单时,比如新增、修改,如果每次都创建,而在关闭的时候也用关闭事件而不是隐藏表单时,内存会慢慢吞噬你机器的内存而不能及时放~~

就是啊,也不写清楚了
15 楼 micropang 2009-12-03  
q56454589 写道
www.51clouding.com

这个很快!

想快不难,关键是得优化!


不知道你是如何着手优化的~~
extjs 病痛还有个,就是在不断创建表单时,比如新增、修改,如果每次都创建,而在关闭的时候也用关闭事件而不是隐藏表单时,内存会慢慢吞噬你机器的内存而不能及时放~~
14 楼 luohuazhiye 2009-11-20  
zyengogo 写道
还是上面的问题,不能下
接触ext也有几个月了感觉不交好用,
那个验证码感觉有点怪

呵呵多刷几下,服务器不稳定
13 楼 zyengogo 2009-11-20  
还是上面的问题,不能下
接触ext也有几个月了感觉不交好用,
那个验证码感觉有点怪
12 楼 luohuazhiye 2009-11-17  
q56454589 写道
luohuazhiye 写道
清晨阳光 写道
这个验证码不好,很容易被识别,用程序自动登录还是有可能的

那说说你验证码怎么做啊?


可以做个有连字库的(估计没有必要),呵呵,这个就够用了!

中文字库的?
11 楼 q56454589 2009-11-16  
luohuazhiye 写道
清晨阳光 写道
这个验证码不好,很容易被识别,用程序自动登录还是有可能的

那说说你验证码怎么做啊?


可以做个有连字库的(估计没有必要),呵呵,这个就够用了!
10 楼 luohuazhiye 2009-11-10  
清晨阳光 写道
这个验证码不好,很容易被识别,用程序自动登录还是有可能的

那说说你验证码怎么做啊?
9 楼 清晨阳光 2009-11-10  
这个验证码不好,很容易被识别,用程序自动登录还是有可能的
8 楼 luohuazhiye 2009-11-09  
javaAlpha 写道
最近也在学习 ext ,楼主的好像不可以下载啊

访问的人太多了,带宽有限,多刷几次,耐心等待下。。。
7 楼 javaAlpha 2009-11-09  
最近也在学习 ext ,楼主的好像不可以下载啊
6 楼 energykey 2009-11-09  
看看。。。EXT还处在不会扩展的阶段。
5 楼 luohuazhiye 2009-11-06  
q56454589 写道
看了看  做的还是可以啦

建议case里,可以去掉修改标签,将grid改为editgrid,使用者可以批量修改提交,体验可能会好点!

可能你的验证码点击刷新 不支持chrome!FF估计也够呛。

是支持FF的哦,我这里测试过了哦,估计速度慢,呵呵,chrome好像不行。。。
4 楼 q56454589 2009-11-06  
看了看  做的还是可以啦

建议case里,可以去掉修改标签,将grid改为editgrid,使用者可以批量修改提交,体验可能会好点!

可能你的验证码点击刷新 不支持chrome!FF估计也够呛。

相关推荐

    ExtJS登入验证码的实现

    在ExtJS中实现验证码功能,我们可以利用MVC(Model-View-Controller)架构,这是一种设计模式,可以有效地组织代码并提高可维护性。 1. **创建Model**: 在ExtJS MVC中,Model用于定义数据结构和业务逻辑。对于...

    extjs 登陆页面+验证码

    标题中的“extjs 登录页面+验证码”表明我们要讨论的是使用ExtJS框架构建的一个登录页面,其中包含了验证码功能。ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序,它提供了丰富的用户界面组件和强大的...

    Extjs4登录功能+验证码+struts2

    在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何利用ExtJS4构建一个带有验证码功能的登录界面,并结合Struts2后端框架实现数据验证和处理。 首先,登录功能是Web应用的基础部分,通常包含用户名...

    ssh+extjs全注解登陆实现,包含验证码和记住用户名等

    ExtJS的全注解登陆实现意味着开发者使用了注解来简化和自动化登录功能的配置,这样可以减少代码量,提高可读性和可维护性。 在这个特定的项目中,SSH可能被用来创建后端服务器,处理用户的登录请求和验证。而ExtJS...

    extjs实现登陆验证

    3. **创建表单面板**:`createFormPanel`方法用于构建表单面板,这是登录界面的核心部分,包含了用户名、密码和验证码输入框,以及提交和重置按钮。 4. **表单验证与提交**: - `reset()`函数用于清空表单。 - `...

    ExtJs 带清空功能的日期组件

    以上就是如何在ExtJs中创建一个带有清空功能的日期组件的基本过程。通过自定义组件并扩展基础功能,我们不仅满足了项目需求,还增强了用户体验。这个自定义组件可以复用在项目的各个部分,提高代码的可维护性和一致...

    轻松搞定Extjs 带目录

    ### 知识点概述 #### 1. Extjs概念与目录结构 Extjs是一个基于JavaScript的框架,用于构建交互式的web应用。...通过学习本书,读者能够全面掌握Extjs的各种特性,进而使用Extjs开发出功能强大、交互良好的Web应用。

    extjs 树 搜索

    EXTJS提供了树形搜索的功能,使得用户可以方便快捷地定位到所需内容。 EXTJS中的树形搜索主要涉及到以下几个关键知识点: 1. **树形数据结构**:EXTJS的树形控件基于JavaScript对象数组构建,每个节点代表一个对象...

    Struts2.18+Spring2.56+Hibernate3+Extjs+JSON实现登陆修改密码等

    6. **邮件发送**:为了实现找回密码的功能,项目可能集成了邮件服务,当用户忘记密码时,系统可以通过邮箱发送验证码或重置链接,帮助用户恢复账户。 7. **正则表达式**:在密码验证环节,Java中的正则表达式用于...

    ExtJS弹出密码输入框的js文件

    通过这个修改后的`Ext.MessageBox.prompt`,开发者可以更安全地在ExtJS应用程序中实现密码输入功能,而无需自己编写复杂的加密和验证逻辑。这种封装和复用代码的方式是软件开发中的最佳实践,可以提高代码的可维护性...

    ExtJS4ExtJS5MD5 加密

    适用于ExtJS4、ExtJS5 MD5加密算法!

    EXTJS3.0登陆DEMO

    EXTJS3.0登录DEMO是一个基于EXTJS框架的示例项目,展示了如何将EXTJS与STRUTS2、SPRING和IBATIS等流行Java技术整合,构建一个完整的Web应用程序。EXTJS是一个用于创建富客户端界面的JavaScript库,而STRUTS2、SPRING...

    ExtJs 登陆框、框架

    在“C# Extjs 登陆框、框架”这个主题中,我们主要关注的是如何使用ExtJS创建一个登录界面,并结合C#后端实现用户验证。登录框是任何应用程序的基础元素,它通常包含用户名和密码字段,以及登录和取消按钮。在ExtJS...

    Extjs2分页树 带查询功能

    在"Extjs2分页树 带查询功能"这个主题中,我们将深入探讨如何在ExtJS 2.x版本中实现这样一个功能。 首先,我们需要理解树形结构(Tree)在ExtJS中的工作原理。树形组件(Ext.tree.TreePanel)用于展示层次化的数据...

    基于Exjs6+Struts2拖动(滑动)图片验证码的实现

    用ExtJs6+strust2重新改写的拖动图片验证码的实现方法,基于网络上的Jquery版修改,直接导入myeclipse工程即可。jar包太大,不在压缩包中,需要的同学请参考/webroot/下的“所需jar包列表.jpg”,自己从网络下载jar...

    extjs php 显示 登陆用户的js方法

    根据所提供的文件信息,“extjs php 显示 登陆用户的js方法”这一主题聚焦于如何在JavaScript(具体是ExtJS框架)中利用PHP后端数据来展示已登录用户的名称。下面将深入解析这个过程中的关键技术点。 ### 一、ExtJS...

    SSH2 Extjs_框架搭建及登录功能的实现

    本教程主要讲述了如何使用SSH2整合Extjs来搭建框架,并实现一个基本的用户登录功能。 首先,我们需要建立数据库和数据表。这里使用MySQL作为数据库管理系统,创建一个新的数据库`xscjmanagment`,并在其中创建数据...

    ssh+extjs全注解的上传、分页、验证码的demo

    这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上,结合EXTJS实现文件上传、分页显示数据以及验证码功能的示例。 首先,Struts2作为MVC(模型-视图-控制器)框架,负责处理HTTP...

    ExtJs学习资料47-完整的登录实例(不带验证码).doc

    在本篇【ExtJs学习资料47-完整的登录实例(不带验证码)】中,我们将深入探讨如何使用ExtJs框架创建一个基本的登录界面。ExtJs是一个强大的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件和布局管理功能...

    ExtJS4多文件上传,带进度条及管理

    总之,"ExtJS4多文件上传,带进度条及管理"是Web开发中的高级功能,它结合了ExtJS4的组件化开发优势和swfupload的高效上传能力,为用户提供了一流的文件上传体验。开发者需要掌握相关技术和API,才能灵活地实现这一...

Global site tag (gtag.js) - Google Analytics