`
lgstarzkhl
  • 浏览: 334437 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

extjs_struts2登陆

阅读更多
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 json struts2制作登陆窗口

    本示例中,EXTJS、Struts2和JSON共同用于制作一个登录窗口。 首先,我们需要在项目中引入必要的库文件,如描述中所示,包括Struts2的核心库和其他依赖库,例如Commons-logging、Freemarker、Ognl等。这些库文件是...

    ExtJS+struts2+json登陆实例--源码

    这是一个基于ExtJS、Struts2和JSON的登录实例,适合初学者学习Web应用程序开发。这个实例演示了如何将前端的JavaScript框架ExtJS与后端的Java MVC框架Struts2结合,通过JSON进行数据交换实现用户登录功能。下面将...

    struts2+extjs4登录源码

    Struts2和ExtJS4是两个非常重要的Java Web开发框架,它们在构建高效、用户友好的Web应用程序中发挥着关键作用。在这个"Struts2+ExtJS4登录源码"项目中,我们可以深入理解这两个框架如何协同工作以实现一个基本的用户...

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

    在这个项目中,JSON作为前后端数据交换的载体,用于在Struts2或Spring与ExtJS之间传递登录验证结果、密码修改信息等数据。 6. **邮件发送**:为了实现找回密码的功能,项目可能集成了邮件服务,当用户忘记密码时,...

    EXTJS3.0登陆DEMO

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

    ext+struts2整合实现登陆

    通过以上步骤,我们可以将EXTJS的美观界面和Struts2的强大后台逻辑结合,实现一个完整的登录功能。这种整合方式在实际项目中非常常见,可以为开发者提供高效的开发效率和良好的用户体验。在实际操作中,开发者还需要...

    ssh整合实现登录的例子,包含源代码,用extjs做的登录界面

    2. **Struts框架**:Struts是一个基于MVC(Model-View-Controller)设计模式的Web应用框架,负责处理HTTP请求并调用业务逻辑。在这个例子中,Struts将接收登录表单的提交,转发到Spring控制层进行处理,并将结果返回...

    extjs+ssh写的登陆系统

    EXTJS + SSH 构建的登录系统是一种常见的前端与后端结合的应用开发方式。EXTJS 是一个基于 JavaScript 的富客户端框架,它提供了丰富的组件库,用于构建用户界面,特别是企业级应用。SSH 框架则由 Spring、Struts 和...

    struts2+spring+ibatis+exejs登陆

    这个"struts2+spring+ibatis+exejs登陆小例子"是一个整合了这四大框架实现用户登录功能的实践项目。下面将分别介绍这些框架的核心概念以及它们在登录系统中的应用。 首先,Struts2是一个基于MVC(Model-View-...

    extjs4登陆小例子

    extjs4是权限 网络分享资料中修改而来。 extjs4+ spring3 + hibernate3.3+ struts2.1.8 + mysql5.04+ xp + myEclipse 8.5 测试通过 。 extjsdemo.rar

    ssh+extjs项目代码

    最近自己动手做了一个后台使用struts2+Hibernate+Spring 前台使用extjs的工程当作练习。工程实现的功能很简单,就是用户登陆后,可以将笔记内容记录到系统里。后续可以通过日期或者内容进行查询和修改。 主要的练习...

    struts2.1.8+JPA3.0(hibernate实现)+spring2.5+extjs3.2中型BBS项目

    用户登陆身份验证 随机彩色防识别验证码 内置管理员账户,可以创建、删除、修改用户,并查看用户列表和单个用户详情 普通用户账户,记录用户名和密码在SQL数据库中,支持用户头像上传 普通用户能实现发新帖、...

    Anynote个人信息管理系统 1.3.0.rar

    Anynote是一个基于extjs3.3、struts1.3.10、spring2.5、ibatis-2.3.4构建的个人信息管理系统(支持多用户)。主要功能包括:1、待办事项;2、**常笔记;3、阅读器;4、个人相册;5、账目理财。 Anynote目前最新版本...

    WebQQ Java版

    2. **Struts框架**:Struts是基于MVC(Model-View-Controller)设计模式的Java Web框架,它帮助开发者更好地组织和管理应用程序的各个部分。在WebQQ Java版中,Struts负责接收和处理用户的请求,调用后台服务进行...

    Ext+ssh 实现增删改查小例子

    2. **Ajax通信**:当用户进行操作时,例如点击编辑或删除,ExtJS会通过Ajax异步请求将指令发送到后台的Struts2 Action。 3. **Struts2 Action**:接收到请求后,Struts2 Action根据请求类型调用相应的业务逻辑方法...

    即时通讯设计方案

    系统采用Ajax(前端)+Struts(后台)+存储过程(数据库)的设计,其中EXTjs用于前端界面组件,Servlet处理异步请求,Struts管理页面逻辑。存储过程用于优化数据库操作。 3.2 前端页面结构 前端页面分为用户管理、...

Global site tag (gtag.js) - Google Analytics