js代码
/**
* ext js 登录
*/
var LoginWindow = Ext.extend(Ext.Window, {
title : "系统登陆",
width : 265,
height : 178,
collapsible : true,
defaults : {
border : false
},
buttonAlign : "center",
createFormPanel : function() {
return new Ext.form.FormPanel({
bodyStyle : "padding-top:6px",
defaultType : "textfield",
labelAlign : "right",
labelWidth : 55,
labelPad : 0,
frame : true,
defaults : {
allowBlank : false,
width : 158
},
items : [{
cls : "user",
name : "username",
fieldLabel : "用户名",
blankText : "用户名不能为空",
msgTarget:"side"
}, {
cls : "key",
name : "password",
fieldLabel : "密码",
blankText : "密码不能为空",
inputType : "password",
msgTarget:"side"
}, {
cls : "rand",
name : "randCode",
id : "randCode",
fieldLabel : "验证码",
width : "80",
blankText : "验证码不能为空"
}]
});
},
login : function() {
this.fp.form.submit({
waitMsg : "正在登陆......",
url : "./sys/login/Login.action",
success : function(form, action) {
window.location.href = "";
},
failure : function(form, action) {
form.reset();
if (action.failureType == Ext.form.Action.SERVER_INVALID) {
Ext.MessageBox
.alert("警告", action.result.errors.msg);
}else{
Ext.MessageBox
.alert("登陆失败", action.result.message);
}
}
}
);
},
initComponent : function() {
LoginWindow.superclass.initComponent.call(this);
this.fp = this.createFormPanel();
this.add(this.fp);
this.addButton("登陆", this.login, this);
this.addButton("重置", function() {
this.fp.form.reset();
}, this);
}
});
Ext.onReady(function() {
var win = new LoginWindow();
win.show();
var bd = Ext.getDom("randCode");
var bd2 = Ext.get(bd.parentNode);
bd2.createChild({
tag : "img",
src : "./common/image.jsp",
align : "absmiddle"
});
});
struts配置文件
<constant name="struts.i18n.encoding" value="UTF-8"/>
<package name="sys" namespace="/sys/login" extends="json-default">
<action name="Login" class="com.mng.sys.login.LoginAction">
<result type="json" />
</action>
</package>
分享到:
相关推荐
本示例中,EXTJS、Struts2和JSON共同用于制作一个登录窗口。 首先,我们需要在项目中引入必要的库文件,如描述中所示,包括Struts2的核心库和其他依赖库,例如Commons-logging、Freemarker、Ognl等。这些库文件是...
这是一个基于ExtJS、Struts2和JSON的登录实例,适合初学者学习Web应用程序开发。这个实例演示了如何将前端的JavaScript框架ExtJS与后端的Java MVC框架Struts2结合,通过JSON进行数据交换实现用户登录功能。下面将...
Struts2和ExtJS4是两个非常重要的Java Web开发框架,它们在构建高效、用户友好的Web应用程序中发挥着关键作用。在这个"Struts2+ExtJS4登录源码"项目中,我们可以深入理解这两个框架如何协同工作以实现一个基本的用户...
在这个项目中,JSON作为前后端数据交换的载体,用于在Struts2或Spring与ExtJS之间传递登录验证结果、密码修改信息等数据。 6. **邮件发送**:为了实现找回密码的功能,项目可能集成了邮件服务,当用户忘记密码时,...
EXTJS3.0登录DEMO是一个基于EXTJS框架的示例项目,展示了如何将EXTJS与STRUTS2、SPRING和IBATIS等流行Java技术整合,构建一个完整的Web应用程序。EXTJS是一个用于创建富客户端界面的JavaScript库,而STRUTS2、SPRING...
通过以上步骤,我们可以将EXTJS的美观界面和Struts2的强大后台逻辑结合,实现一个完整的登录功能。这种整合方式在实际项目中非常常见,可以为开发者提供高效的开发效率和良好的用户体验。在实际操作中,开发者还需要...
2. **Struts框架**:Struts是一个基于MVC(Model-View-Controller)设计模式的Web应用框架,负责处理HTTP请求并调用业务逻辑。在这个例子中,Struts将接收登录表单的提交,转发到Spring控制层进行处理,并将结果返回...
EXTJS + SSH 构建的登录系统是一种常见的前端与后端结合的应用开发方式。EXTJS 是一个基于 JavaScript 的富客户端框架,它提供了丰富的组件库,用于构建用户界面,特别是企业级应用。SSH 框架则由 Spring、Struts 和...
这个"struts2+spring+ibatis+exejs登陆小例子"是一个整合了这四大框架实现用户登录功能的实践项目。下面将分别介绍这些框架的核心概念以及它们在登录系统中的应用。 首先,Struts2是一个基于MVC(Model-View-...
extjs4是权限 网络分享资料中修改而来。 extjs4+ spring3 + hibernate3.3+ struts2.1.8 + mysql5.04+ xp + myEclipse 8.5 测试通过 。 extjsdemo.rar
最近自己动手做了一个后台使用struts2+Hibernate+Spring 前台使用extjs的工程当作练习。工程实现的功能很简单,就是用户登陆后,可以将笔记内容记录到系统里。后续可以通过日期或者内容进行查询和修改。 主要的练习...
用户登陆身份验证 随机彩色防识别验证码 内置管理员账户,可以创建、删除、修改用户,并查看用户列表和单个用户详情 普通用户账户,记录用户名和密码在SQL数据库中,支持用户头像上传 普通用户能实现发新帖、...
Anynote是一个基于extjs3.3、struts1.3.10、spring2.5、ibatis-2.3.4构建的个人信息管理系统(支持多用户)。主要功能包括:1、待办事项;2、**常笔记;3、阅读器;4、个人相册;5、账目理财。 Anynote目前最新版本...
2. **Struts框架**:Struts是基于MVC(Model-View-Controller)设计模式的Java Web框架,它帮助开发者更好地组织和管理应用程序的各个部分。在WebQQ Java版中,Struts负责接收和处理用户的请求,调用后台服务进行...
2. **Ajax通信**:当用户进行操作时,例如点击编辑或删除,ExtJS会通过Ajax异步请求将指令发送到后台的Struts2 Action。 3. **Struts2 Action**:接收到请求后,Struts2 Action根据请求类型调用相应的业务逻辑方法...
系统采用Ajax(前端)+Struts(后台)+存储过程(数据库)的设计,其中EXTjs用于前端界面组件,Servlet处理异步请求,Struts管理页面逻辑。存储过程用于优化数据库操作。 3.2 前端页面结构 前端页面分为用户管理、...