首先,由于之前没用过json,初学extjs使用json封装数据以为不用导入任何包,并且百度上说json需要的包struts包中都有(此说话是正确的,不过json要的包必须再导入)。 郁闷了一两天的问题终于解决了。下面是我自己做的一个ssh + extjs 4 登录的小例子,无数据验证。
要添加的包,直接放到lib下即可
1.Action代码
public class ExtjsAction extends BaseAction {
//声明相关的属性,用来封装数据,json封装数据和struts2有些想象,前台到后台会自动封装
private String username;//对应页面上的用户名文本框name
private String password;
private boolean success;//用来保存success信息,传到前台
private String msg;
public String logins(){
System.out.println(username + "+++" + password);
//String res = "{success:true,msg:\"account right!\"}";
//String res = "{success:false,msg:\"account right!\"}";
this.success = true;
this.msg = "aa";
String js = "{'success':true,'msg':'登录成功'}";
//outputAjaxJsonData(js);
return SUCCESS;
}
2. Struts 配置文件代码
<package name="ext2" extends="json-default">
<action name="loginExt" class="org.comm.action.ExtjsAction">
<result type="json">
<param name="includeProerties">success,msg</param>
</result>
</action>
</package>
3. Jsp或者html 代码
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var loginWindo = new Ext.form.FormPanel({
title:'Login',//窗口标题
id:'elId',//给form添加id
autoHeight:true,//自动高度(根据英文自己理解的)
x:200,//x坐标
y:120,//y坐标
width:300,//宽度
renderTo:Ext.getBody(),
frame:true,
cls:'text-align:center',//文本居中显示
items:[
//username
{
xtype:'textfield',
name:'username',//对应action中属性名
fieldLabel:'name',//label上的名字
allowBlank:false,//是否为空
blankText:'please input name.',//空时提示文本msgTarget:'under'
}
],
buttonAlign:'center',
buttons:[{
xtype:'button',
text:'logins',
scope:this,
handler:logins
},{
xtype:'button',
text:'reset',
scope:this,
handler:reset
}]
});
//登录方法
function logins(){
loginWindo.form.submit({
clientValidation:true,
waitMsg:'正在登录中。。。',//单击登录按钮后提示消息
url:'ext2/loginExt!logins.action',
method:'POST',
success:function(form,action){
var jsontext = Ext.decode(action.response.responseText);
Ext.Msg.alert('登录提示',"登录成功"+jsontext.msg);
},
failure:function(){
Ext.Msg.alert('登录提示','登录失败');
}
});
}
//重置
function reset(){
loginWindo.form.reset();
}
//显示登录窗口
loginWindo.show();
});
</script>
有问题可以联系我
http://hi.baidu.com/danforgtlove/item/e9d4d8e0dad25fcbeb34c9f5
相关推荐
在这个"SSH+ExtJs分页小例子"中,我们将探讨如何将这两种技术结合实现数据分页显示。 首先,我们来看NewsDAO.java文件。这个文件包含了两个关键方法:`findPageAll`和`totalRecord`。`findPageAll`方法实现了分页...
在IT行业中,SSH+EXTJS4的整合开发是一种常见的前端与后端技术栈结合,用于构建功能丰富的Web应用程序。SSH代表Spring、Struts和Hibernate,它们分别是Java领域中用于处理不同层面的三个核心框架:Spring提供了依赖...
SSH+ExtJS框架是Web应用开发中的一个常见组合,它结合了Struts2、Hibernate和Spring三大主流Java EE框架,并引入了ExtJS作为前端展示层技术。这个框架的使用大大提高了开发效率,提供了灵活的数据管理和用户界面交互...
最近自己动手做了一个后台使用struts2+Hibernate+Spring 前台使用extjs的工程当作练习。工程实现的功能很简单,就是用户登陆后,可以将笔记内容记录到系统里。后续可以通过日期或者内容进行查询和修改。 主要的练习...
SSH+EXTJS4 的一个模块实现,使用的是mysql数据库,sql文件在文件夹里面
SSH+EXTJS是一种常见的Web开发框架组合,其中SSH代表Struts2、Hibernate和Spring,而EXTJS是一个前端JavaScript框架。这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上,结合EXTJS...
SSH+Extjs开发视频教程-基于SSH+Maven+Extjs4+MySQL技术实战开发CRM客.doc
在"ssh+extjs+mysql整合"中,我们将SSH框架与ExtJS前端技术和MySQL数据库结合起来,构建一个完整的Web应用。以下是对这个整合过程的详细说明: 1. **Spring**:Spring作为核心框架,负责管理应用程序的各个组件,...
标题中的“ssh+extjs4小项目”指的是一个基于SSH框架和ExtJS 4的轻量级Web应用程序。SSH是Spring、Struts2和Hibernate三个开源框架的组合,它们在Java Web开发中广泛使用,提供了模型-视图-控制器(MVC)架构的支持...
SSH+ExtJS是一种常见的Web应用开发模式,其中SSH代表Spring、Struts和Hibernate这三个Java开源框架的首字母缩写,而ExtJS则是一个强大的JavaScript前端框架。本demo完全实现了SSH和ExtJS的集成,提供了从前端用户...
SSH+EXTJS页面图书管理系统SSH+EXTJS页面图书管理系统SSH+EXTJS页面图书管理系统SSH+EXTJS页面图书管理系统SSH+EXTJS页面图书管理系统SSH+EXTJS页面图书管理系统SSH+EXTJS页面图书管理系统
在这个例子中,我们将深入探讨如何利用SSH整合来实现一个登录功能,并且这个功能的前端界面是通过ExtJS库创建的。 1. **Spring框架**:Spring是核心的依赖注入(DI)和面向切面编程(AOP)框架,它管理着应用中的...
SSH+ExtJS4+Flash 源代码是一个典型的Java Web应用程序示例,它结合了Spring、Struts2和Hibernate这三大主流的Java EE框架,并利用ExtJS4进行前端交互,以及Flash来处理文件的上传与下载及播放功能。这个项目可能是...
struts2+spring+hibernate整合(ssh+extjs整合)小项目“VIP消费查询系统”源码(源码+系统设计文档+建表语句+所有jar包)。该项目包含以下功能: 登录:本系统为商场VIP消费情况查询系统,具有一定的保密性。因此必须...
基于SpringBoot+FreeMarker+MyBatis+ExtJs实现的一个通用后台管理系统,界面美观,适合快速迭代开发 项目说明 技术栈: SpringBoot MyBatis Redis MySQL FreeMarker ExtJs 基于SpringBoot+FreeMarker+MyBatis+...
SSH+Extjs Oa管理系统整合是一项复杂而关键的IT任务,涉及到多个技术栈的集成,主要包括Struts、Spring和Hibernate这三个Java EE框架,以及Extjs前端框架。在这样的系统中,SSH负责后端业务逻辑处理和数据管理,而...
这个压缩包可能包含了一个使用SSH和ExtJS构建的Web应用程序的源代码和其他相关资源。 SSH(Secure Shell)是一种网络协议,用于在不安全的网络上安全地执行远程命令和传输数据。它通过加密通信确保了数据的安全性,...
在这个项目中,SSH用于后端业务逻辑处理和数据管理,而ExtJS则负责构建富客户端界面,Spring的定时任务模块(Spring Task)用于实现后台定时执行的任务。 首先,SSH(Spring、Struts2、Hibernate)是经典的Java EE...
【SSH+EXTJS+JSON】组合是开发Web应用程序的一种常见技术栈。SSH指的是Spring、Struts2和Hibernate三个开源框架的首字母缩写,EXTJS则是一个JavaScript库,用于构建富客户端应用程序,而JSON(JavaScript Object ...