extjs4.2 struts2登陆

1.下载extjs4.2,在jsp中引用：

 <link rel="stylesheet" style="text/css" href="extjs4/resources/css/ext-all.css"></link>      
    <script type="text/javascript" src="extjs4/ext-all.js"></script>       
   <script type="text/javascript" src="extjs4/locale/ext-lang-zh_CN.js"></script> 

2.编写js：

Ext.onReady(function(){  
    Ext.QuickTips.init();  
    var loginForm = new Ext.form.Panel({  
        title: '登录',            //窗口标题  
        frame : true,  
        width: 350,  
        renderTo : 'form',  
        bodyStyle:'padding:5px 5px 0',  
        border : false,  
        fieldDefaults: {  
            msgTarget: 'side',  
            labelWidth: 50  
        },  
        defaultType: 'textfield',  
        defaults: {anchor: '100%' },  
        items:[{  
            fieldLabel : '用户名',  
            name : 'user.username',  
        },{  
            name : 'user.password',  
            fieldLabel: '密码',  
            inputType : 'password'   
        }],  
        buttons:[{  
            text : '登录',  
            handler : login  
        },{  
            text : '重置',  
            handler : reset  
        }]  
    })  
      function login(){  
        loginForm.getForm().submit({  
            clientValidation : true,    //进行客户端验证  
            url : 'logonAction',        //Action  
            method : 'post',            //请求方式  
            success : function(form,action){  
                Ext.Msg.alert('登陆成功',action.result.msg);  
                  
                  
            },  
            failure: function(form,action){  
                Ext.Msg.alert('登陆失败',action.result.msg);  
            }  
        })  
    }  
    function reset(){  
        loginForm.form.reset();  
    } 
 
}); 

3.编写user类

package entity;

public class User {
   private String username;
   private String password;
public String getUsername() {
	return username;
}
public void setUsername(String username) {
	this.username = username;
}
public String getPassword() {
	return password;
}
public void setPassword(String password) {
	this.password = password;
}
}

4.编写action类

package ation;

import com.opensymphony.xwork2.ActionSupport;
import entity.User;
public class login  extends ActionSupport{
	 /**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	    private User user;
	    private String msg;         //返回给ext的结果信息  
	    private boolean success;    //返回给ext的标志， 这里要设置为boolean  
	      
	    @Override  
	    public String execute() throws Exception {  
	        if(user.getUsername()!=null && user.getPassword()!=null){  
	            if(user.getUsername().equals("1") && user.getPassword().equals("1")){  
	                this.setMsg("欢迎你！");  
	                this.setSuccess(true);  
	            }else{  
	                this.setMsg("用户名或者密码不正确");  
	                this.setSuccess(false);  
	            }  
	        }else{  
	            this.setMsg("请输入用户名和密码");  
	            this.setSuccess(false);  
	        }  
	          
	        return SUCCESS;  
	          
	    }  
	  
	    public String getMsg() {  
	        return msg;  
	    }  
	  
	    public void setMsg(String msg) {  
	        this.msg = msg;  
	    }  
	      
	    public boolean isSuccess() {  
	        return success;  
	    }  
	  
	    public void setSuccess(boolean success) {  
	        this.success = success;  
	    }  
	  
	    public User getUser() {  
	        return user;  
	    }  
	    public void setUser(User user) {  
	        this.user = user;  
	    } 
}

5.配置struts2

<struts>
   <package name="default" extends="json-default" namespace="/">  
        <action name="logonAction" class="ation.login">  
            <result type="json" name="success"/>  
        </action>  
    </package> 
</struts>