`
ForgetLove
  • 浏览: 24336 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ssh + extjs 4登录的小例子(前后台代码)

阅读更多

首先,由于之前没用过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

<!--EndFragment-->
  • 大小: 4.5 KB
分享到:
评论

相关推荐

    SSH+ExtJs分页小例子

    在这个"SSH+ExtJs分页小例子"中,我们将探讨如何将这两种技术结合实现数据分页显示。 首先,我们来看NewsDAO.java文件。这个文件包含了两个关键方法:`findPageAll`和`totalRecord`。`findPageAll`方法实现了分页...

    ssh+extjs4整合开发

    在IT行业中,SSH+EXTJS4的整合开发是一种常见的前端与后端技术栈结合,用于构建功能丰富的Web应用程序。SSH代表Spring、Struts和Hibernate,它们分别是Java领域中用于处理不同层面的三个核心框架:Spring提供了依赖...

    SSH+Extjs框架

    SSH+ExtJS框架是Web应用开发中的一个常见组合,它结合了Struts2、Hibernate和Spring三大主流Java EE框架,并引入了ExtJS作为前端展示层技术。这个框架的使用大大提高了开发效率,提供了灵活的数据管理和用户界面交互...

    ssh+extjs项目代码

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

    SSH+EXTJS4

    SSH+EXTJS4 的一个模块实现,使用的是mysql数据库,sql文件在文件夹里面

    ssh+extjs全注解的上传、分页、验证码的demo

    SSH+EXTJS是一种常见的Web开发框架组合,其中SSH代表Struts2、Hibernate和Spring,而EXTJS是一个前端JavaScript框架。这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上,结合EXTJS...

    SSH+Extjs开发视频教程-基于SSH+Maven+Extjs4+MySQL技术实战开发CRM客.doc

    SSH+Extjs开发视频教程-基于SSH+Maven+Extjs4+MySQL技术实战开发CRM客.doc

    ssh+extjs+mysql整合

    在"ssh+extjs+mysql整合"中,我们将SSH框架与ExtJS前端技术和MySQL数据库结合起来,构建一个完整的Web应用。以下是对这个整合过程的详细说明: 1. **Spring**:Spring作为核心框架,负责管理应用程序的各个组件,...

    ssh+extjs4小项目

    标题中的“ssh+extjs4小项目”指的是一个基于SSH框架和ExtJS 4的轻量级Web应用程序。SSH是Spring、Struts2和Hibernate三个开源框架的组合,它们在Java Web开发中广泛使用,提供了模型-视图-控制器(MVC)架构的支持...

    SSH+ExtJs的demo完全实现

    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页面图书管理系统

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

    在这个例子中,我们将深入探讨如何利用SSH整合来实现一个登录功能,并且这个功能的前端界面是通过ExtJS库创建的。 1. **Spring框架**:Spring是核心的依赖注入(DI)和面向切面编程(AOP)框架,它管理着应用中的...

    ssh+extjs4+flash源代码 导入可运行

    SSH+ExtJS4+Flash 源代码是一个典型的Java Web应用程序示例,它结合了Spring、Struts2和Hibernate这三大主流的Java EE框架,并利用ExtJS4进行前端交互,以及Flash来处理文件的上传与下载及播放功能。这个项目可能是...

    ssh+extjs 小项目

    struts2+spring+hibernate整合(ssh+extjs整合)小项目“VIP消费查询系统”源码(源码+系统设计文档+建表语句+所有jar包)。该项目包含以下功能: 登录:本系统为商场VIP消费情况查询系统,具有一定的保密性。因此必须...

    基于SpringBoot+FreeMarker+MyBatis+ExtJs实现的一个通用后台管理系统,界面美观,适合快速迭代开发

    基于SpringBoot+FreeMarker+MyBatis+ExtJs实现的一个通用后台管理系统,界面美观,适合快速迭代开发 项目说明 技术栈: SpringBoot MyBatis Redis MySQL FreeMarker ExtJs 基于SpringBoot+FreeMarker+MyBatis+...

    SSH+Extjs Oa管理系统整合

    SSH+Extjs Oa管理系统整合是一项复杂而关键的IT任务,涉及到多个技术栈的集成,主要包括Struts、Spring和Hibernate这三个Java EE框架,以及Extjs前端框架。在这样的系统中,SSH负责后端业务逻辑处理和数据管理,而...

    SSH+ExtJS.rar

    这个压缩包可能包含了一个使用SSH和ExtJS构建的Web应用程序的源代码和其他相关资源。 SSH(Secure Shell)是一种网络协议,用于在不安全的网络上安全地执行远程命令和传输数据。它通过加密通信确保了数据的安全性,...

    ssh+extjs简单项目 spring定时任务

    在这个项目中,SSH用于后端业务逻辑处理和数据管理,而ExtJS则负责构建富客户端界面,Spring的定时任务模块(Spring Task)用于实现后台定时执行的任务。 首先,SSH(Spring、Struts2、Hibernate)是经典的Java EE...

    ssh+extjs+json

    【SSH+EXTJS+JSON】组合是开发Web应用程序的一种常见技术栈。SSH指的是Spring、Struts2和Hibernate三个开源框架的首字母缩写,EXTJS则是一个JavaScript库,用于构建富客户端应用程序,而JSON(JavaScript Object ...

Global site tag (gtag.js) - Google Analytics