1. 登陆页面 index.jsp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
<title>欢迎使用XX</title>
<link rel="stylesheet" type="text/css" href="extjs4/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs4/bootstrap.js"></script>
<script type="text/javascript" src="extjs4/ext-all.js"></script>
<script type="text/javascript" src="extjs4/ext-lang-zh_CN.js"></script>
<style type="text/css" title="currentStyle" media="screen" mce_bogus="1">
#divcenter{ /*让div居中*/
position:absolute;
top:50%;
left:50%;
width:300px;
height:300px;
margin-top:-150px; /*注意这里必须是DIV高度的一半*/
margin-left:-150px; /*这里是DIV宽度的一半*/
}
</style>
</head>
<body>
<div id="divcenter">
<div id="form"></div>
</div>
</body>
<script type="text/javascript">
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);
//登陆成功后 的操作 如页面跳转等
//document.location="logonsuccess.jsp";
},
failure: function(form,action){
Ext.Msg.alert('登陆失败',action.result.msg);
}
})
}
function reset(){
loginForm.form.reset();
}
});
</script>
</html>
2.logonAction
package logon;
import com.opensymphony.xwork2.ActionSupport;
public class LogonAction extends ActionSupport {
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("GuoJing") && user.getPassword().equals("888888")){
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;
}
}
4.注意所需要的jar包
分享到：
相关推荐
extjs3.0+struts2 实现登陆 验证码 tree树的加载 首页面。 主要代码还是借鉴别人，然后我再原有基础上再加工。 还没添加数据库类。对于初学者来说还是不错的入门源码。
ExtJS+struts2+json登陆实例--源码，适合初学者
Extjs+Struts2系统后台管理框架，实习基本的添加新闻列表和用户列表等基本功能，登陆页面。
这个是一个struts2+extjs实现的登录功能。
Struts2.18+Spring2.56+Hibernate3+Extjs实现登陆、修改密码、找回密码等功能，其中涵盖了邮件发送、java中使用正则表达式、json的使用等功能
EXTJS json struts2制作登陆窗口
extjs4是权限 网络分享资料中修改而来。 extjs4+ spring3 + hibernate3.3+ struts2.1.8 + mysql5.04+ xp + myEclipse 8.5 测试通过 。 extjsdemo.rar
使用extjs4+Spring+struts2+ibatis+mysql站点管理员后台，有人员登陆、管理等功能
最近自己动手做了一个后台使用struts2+Hibernate+Spring 前台使用extjs的工程当作练习。工程实现的功能很简单，就是用户登陆后，可以将笔记内容记录到系统里。后续可以通过日期或者内容进行查询和修改。 主要的练习...
企业任务权限管理系统，整合Extjs+mysql+struts+Hibernate+spring实现用不同的权限登陆系统。适合初学者学习。大家下起看一下嘛。对你很有帮助。
EXT登陆,整合STRUTS2,SPRING,IBATIS,EXTJS3.0,详细的请看看代码，因为jar包较大，暂不加jar包。的请看看代码，因为jar包较大，暂不加jar包
采用Extjs+Struts制作Web QQ,功能还不错,适合课程设计
用户登陆身份验证 随机彩色防识别验证码 内置管理员账户，可以创建、删除、修改用户，并查看用户列表和单个用户详情 普通用户账户，记录用户名和密码在SQL数据库中，支持用户头像上传 普通用户能实现发新帖、...
Anynote是一个基于extjs3.3、struts1.3.10、spring2.5、ibatis-2.3.4构建的个人信息管理系统(支持多用户)。主要功能包括：1、待办事项；2、**常笔记；3、阅读器；4、个人相册；5、账目理财。 Anynote目前最新版本...
刚做一个小软件捧个场吧，采用Java，MVC架构，技术有Struts2.0、 Spring、extjs、ibatis等。大家觉得好可以提供整套源码，感兴趣的来看看吧。 在线试用地址：http://202.108.105.236/wms 登陆后在首页可以有偿获取...