新作了一个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(Model-View-Controller)架构,这是一种设计模式,可以有效地组织代码并提高可维护性。 1. **创建Model**: 在ExtJS MVC中,Model用于定义数据结构和业务逻辑。对于...
标题中的“extjs 登录页面+验证码”表明我们要讨论的是使用ExtJS框架构建的一个登录页面,其中包含了验证码功能。ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序,它提供了丰富的用户界面组件和强大的...
在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何利用ExtJS4构建一个带有验证码功能的登录界面,并结合Struts2后端框架实现数据验证和处理。 首先,登录功能是Web应用的基础部分,通常包含用户名...
ExtJS的全注解登陆实现意味着开发者使用了注解来简化和自动化登录功能的配置,这样可以减少代码量,提高可读性和可维护性。 在这个特定的项目中,SSH可能被用来创建后端服务器,处理用户的登录请求和验证。而ExtJS...
3. **创建表单面板**:`createFormPanel`方法用于构建表单面板,这是登录界面的核心部分,包含了用户名、密码和验证码输入框,以及提交和重置按钮。 4. **表单验证与提交**: - `reset()`函数用于清空表单。 - `...
以上就是如何在ExtJs中创建一个带有清空功能的日期组件的基本过程。通过自定义组件并扩展基础功能,我们不仅满足了项目需求,还增强了用户体验。这个自定义组件可以复用在项目的各个部分,提高代码的可维护性和一致...
### 知识点概述 #### 1. Extjs概念与目录结构 Extjs是一个基于JavaScript的框架,用于构建交互式的web应用。...通过学习本书,读者能够全面掌握Extjs的各种特性,进而使用Extjs开发出功能强大、交互良好的Web应用。
EXTJS提供了树形搜索的功能,使得用户可以方便快捷地定位到所需内容。 EXTJS中的树形搜索主要涉及到以下几个关键知识点: 1. **树形数据结构**:EXTJS的树形控件基于JavaScript对象数组构建,每个节点代表一个对象...
6. **邮件发送**:为了实现找回密码的功能,项目可能集成了邮件服务,当用户忘记密码时,系统可以通过邮箱发送验证码或重置链接,帮助用户恢复账户。 7. **正则表达式**:在密码验证环节,Java中的正则表达式用于...
通过这个修改后的`Ext.MessageBox.prompt`,开发者可以更安全地在ExtJS应用程序中实现密码输入功能,而无需自己编写复杂的加密和验证逻辑。这种封装和复用代码的方式是软件开发中的最佳实践,可以提高代码的可维护性...
适用于ExtJS4、ExtJS5 MD5加密算法!
EXTJS3.0登录DEMO是一个基于EXTJS框架的示例项目,展示了如何将EXTJS与STRUTS2、SPRING和IBATIS等流行Java技术整合,构建一个完整的Web应用程序。EXTJS是一个用于创建富客户端界面的JavaScript库,而STRUTS2、SPRING...
在“C# Extjs 登陆框、框架”这个主题中,我们主要关注的是如何使用ExtJS创建一个登录界面,并结合C#后端实现用户验证。登录框是任何应用程序的基础元素,它通常包含用户名和密码字段,以及登录和取消按钮。在ExtJS...
在"Extjs2分页树 带查询功能"这个主题中,我们将深入探讨如何在ExtJS 2.x版本中实现这样一个功能。 首先,我们需要理解树形结构(Tree)在ExtJS中的工作原理。树形组件(Ext.tree.TreePanel)用于展示层次化的数据...
用ExtJs6+strust2重新改写的拖动图片验证码的实现方法,基于网络上的Jquery版修改,直接导入myeclipse工程即可。jar包太大,不在压缩包中,需要的同学请参考/webroot/下的“所需jar包列表.jpg”,自己从网络下载jar...
根据所提供的文件信息,“extjs php 显示 登陆用户的js方法”这一主题聚焦于如何在JavaScript(具体是ExtJS框架)中利用PHP后端数据来展示已登录用户的名称。下面将深入解析这个过程中的关键技术点。 ### 一、ExtJS...
本教程主要讲述了如何使用SSH2整合Extjs来搭建框架,并实现一个基本的用户登录功能。 首先,我们需要建立数据库和数据表。这里使用MySQL作为数据库管理系统,创建一个新的数据库`xscjmanagment`,并在其中创建数据...
这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上,结合EXTJS实现文件上传、分页显示数据以及验证码功能的示例。 首先,Struts2作为MVC(模型-视图-控制器)框架,负责处理HTTP...
在本篇【ExtJs学习资料47-完整的登录实例(不带验证码)】中,我们将深入探讨如何使用ExtJs框架创建一个基本的登录界面。ExtJs是一个强大的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件和布局管理功能...
总之,"ExtJS4多文件上传,带进度条及管理"是Web开发中的高级功能,它结合了ExtJS4的组件化开发优势和swfupload的高效上传能力,为用户提供了一流的文件上传体验。开发者需要掌握相关技术和API,才能灵活地实现这一...