文档章节

Flex与Java通信之RemoteObject方式

爱吃猫的小萌鱼
 爱吃猫的小萌鱼
发布于 2014/01/11 22:48
字数 1411
阅读 51
收藏 0

在学习了flash中的事件机制后,我们就开始学习flex与Java中的3种通信方式。Flex与Java通信有3中方式:

●flex访问Java普通类使用RemoteObject方式,这也是用的最多的一种方式。

●flex访问Java服务器类(如servlet)用HttpService方式。

●Flex与WebService交互用WebService方式。

今天就先来学习flex访问普通Java类。在学习之前我们需要考虑这么一个问题:由于我们这3个例子都是以登陆为例子进行的,所以尽量让登陆界面分离出来可以重复使用,这用到Flex中的module。我们怎么将module中的数值传到父窗口去呢?我们又想到上节中学习的自定义事件。好了,既然想通了,就开始今天的学习。

将MyEclipse切换到MyEclipse视图,新建一个与flex交互的普通Java类,代码如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
package com.it161.test;
  
public class RemoteObjectDemo {
    public boolean login(String username,String passworld ){
       
       if(username.equals("admin")&&passworld.equals("123")){
           returntrue;
       }else{
           returnfalse;
       }
       
    }
}

在WebRoot/WEB-INF/flex目录下的remoting-config.xml文件中添加如下所示代码:

1
2
3
4
5
<destination id="remoteObjectDemo">
       <properties>
           <source>com.yqsn.test.RemoteObjectDemo</source>
       </properties>
    </destination>

将MyEclipse切换到Flash视图,首先自定义一个事件类LoginEvent.as,为以后传值服务,代码如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
package com.it161.ases
{
    import flash.events.Event;
    
    public class LoginEvent extends Event
    {  
       public static const LOGIN_EVENT:String="LOGIN_EVENT";
       
       private  var _loginMess:Object;
       
       public function LoginEvent(type:String,loginMess:Object=null, bubbles:Boolean=false,cancelable:Boolean=false)
       {
           this._loginMess=loginMess;
           super(type, bubbles, cancelable);
       }
       
       public functionget loginMess():Object
       {
           return _loginMess;
       }
  
       public functionset loginMess(value:Object):void
       {
           _loginMess = value;
       }
  
    }
}

在这个类中我们定义了一个事件类型LOGIN_EVENT,定义了一个Object类型的变量,用于存值。

接着新建一个登陆信息的VO类LoginMess.as,为以后存贮用户信息服务,代码如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
package com.it161.ases
{
    publicclass LoginMess
    {
       
       private  var _username:String;
       
       privatevar _passworld:String;
       
       publicfunction LoginMess()
       {
           
       }
  
       publicfunctionget passworld():String
       {
           return _passworld;
       }
  
       publicfunctionset passworld(value:String):void
       {
           _passworld = value;
       }
  
       publicfunctionget username():String
       {
           return _username;
       }
  
       publicfunctionset username(value:String):void
       {
           _username = value;
       }
  
    }
}

新建一个登陆界面,新建一个MXMLModule文件LoginModule.mxml,代码如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<?xmlversion="1.0" encoding="utf-8"?>
<s:Module xmlns:fx=" http://ns.adobe.com/mxml/2009"
         xmlns:s=" library://ns.adobe.com/flex/spark"
         xmlns:mx=" library://ns.adobe.com/flex/mx" width="256" height="213">
    
    <fx:Script>
       <![CDATA[
           import com.flex.ases.LoginEvent;
           
           import mx.controls.Alert;
           import mx.events.CloseEvent;
           import mx.managers.PopUpManager;
           
           protectedfunction login_clickHandler(event:MouseEvent):void
           {
              // TODOAuto-generated method stub
              var loginMess:Object=new Object;
              loginMess.username=userName.text;
              loginMess.passworld=passworld.text;
              if(userName.text=="" ||passworld.text==""){
                  Alert.show("用户名或密码不能为空!");
                  return;
              }
              this.dispatchEvent(newLoginEvent(LoginEvent.LOGIN_EVENT,loginMess));
              userName.text="";
              passworld.text="";
              PopUpManager.removePopUp(this);
           }
           
           protectedfunction loginTitleWindow_closeHandler(event:CloseEvent):void
           {
              // TODO Auto-generatedmethod stub
              userName.text="";
              passworld.text="";
              PopUpManager.removePopUp(this);
           }
           
       ]]>
    </fx:Script>
    
    <fx:Declarations>
       <!-- Place non-visualelements (e.g., services, value objects) here -->
    </fx:Declarations>
       
        <s:TitleWindow x="1" y="1" width="256"height="213" title="登陆"id="loginTitleWindow" close="loginTitleWindow_closeHandler(event)" >
  
       <s:Form width="100%" height="183" >
           
           <s:FormItem left="60" height="39" width="224" label="用户名" required="true"  >
              <s:TextInput id="userName" />
           </s:FormItem>
           
           <s:FormItem required="true" width="224" label="密码" >
              <s:TextInput id="passworld" displayAsPassword="true" />
           </s:FormItem>    
           
           <s:FormItem width="227">
              <s:Button id="login" label="登陆" click="login_clickHandler(event)"/>
           </s:FormItem>
       
       </s:Form>
           
       </s:TitleWindow> 
</s:Module>

这个页面以后我们反复使用,这就是module文件的优点之一。在这个页面中我们不处理与Java交互的部分,因为既然是公共页面,我们应该将于Java交互的部分放在相应引用的文件中。

接着创建主页面RemoteObjectDemo.mxml,代码如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?xml version="1.0"encoding="utf-8"?>
<s:Application xmlns:fx=" http://ns.adobe.com/mxml/2009"
              xmlns:s=" library://ns.adobe.com/flex/spark"
              xmlns:mx=" library://ns.adobe.com/flex/mx" width="100%" height="100%">
    
    <fx:Script>
       <![CDATA[
           import com.flex.ases.LoginEvent;
           import com.flex.ases.LoginMess;
           import com.flex.component.LoginTitleWindow;
           import com.flex.module.LoginModule;
           
           import mx.collections.ArrayCollection;
           import mx.controls.Alert;
           import mx.managers.PopUpManager;
           import mx.rpc.events.FaultEvent;
           import mx.rpc.events.ResultEvent;
           [Bindable]
           privatevar loginMess:LoginMess=new LoginMess();
           privatevar loginModule:LoginModule=new LoginModule();
           protectedfunction login_clickHandler(event:MouseEvent):void
           {
              PopUpManager.addPopUp(loginModule,this,true);
              PopUpManager.centerPopUp(loginModule);
              loginModule.addEventListener(LoginEvent.LOGIN_EVENT,getLoginMess);
           }
           publicfunction getLoginMess(event:LoginEvent):void{
              var username:String=event.loginMess['username'];
              var passworld:String=event.loginMess['passworld'];
              loginMess.username=username;
              remoteObj.login(username,passworld);
              
           }
           
           protectedfunction remoteObj_resultHandler(event:ResultEvent):void
           {
              // TODOAuto-generated method stub
              var str:Boolean=event.result as Boolean;
              if(str){
                  Alert.show(loginMess.username+",欢迎您回来...","提示");
                  aaa.text=loginMess.username+",欢迎归来...";
                  bbb.text="";
                  login.label="";
              }else{
                  Alert.show("登录失败,您输入的用户名或者密码不存在!","提示");
              }
              
           }
           
           protectedfunction remoteObj_faultHandler(event:FaultEvent):void
           {
              // TODOAuto-generated method stub
              Alert.show(event.fault.message,"出错了");
           }
           
       ]]>
    </fx:Script>
    
    <fx:Declarations>
       <!-- Place non-visualelements (e.g., services, value objects) here -->
       <s:RemoteObject id="remoteObj" destination="remoteObjectDemo"result="remoteObj_resultHandler(event)"fault="remoteObj_faultHandler(event)" />
    </fx:Declarations>
    
       <s:Label x="219" y="150" width="182" height="27" fontSize="18" id="aaa" text="您还没有登陆,现在就" verticalAlign="middle"/>
       <mx:LinkButton x="409"  y="150" width="57"  height="27" label="登陆" id="login" fontSize="18"click="login_clickHandler(event)"/>
       <s:Label x="478" y="150" width="37" height="27" id="bbb" fontSize="18" text="吧!" verticalAlign="middle"/>
       
</s:Application>

好了,页面与类算是处理完了,打开服务器并部署项目,运行felx页面RemoteObjectDemo.mxml,如下所示:

                           

当我们点击“登陆”按钮后,弹出module页面,如下所示:

当我们输入的用户名和密码都正确时则提示你登陆正确:

输入错误则提示你输入不正确:

可以看出,我们输入的用户名与密码与Java中的login方法进行了交互。

好了,就学习这么多,下节将学习HttpService方式。

原创文章,转载请注明出处:http://www.it161.com/article/webDetail?articleid=140111224840

更多原创内容,请访问:http://www.it161.com/


© 著作权归作者所有

爱吃猫的小萌鱼
粉丝 1
博文 16
码字总数 10296
作品 0
东城
私信 提问
如何做好Flex与Java交互

三种flex4与Java顺利通信的方式是:   flex与普通java类通信RemoteObject;   flex与服务器交互HTTPService;   flex与webservice交互WebService。   当大家尝试使用flex与普通java类...

莫海涌
2014/04/04
0
0
将 Flex 集成到 Java EE 应用程序的最佳实践

传统的 Java EE 应用程序通常使用某种 MVC 框架(例如,Struts)作为前端用户界面,随着 Flex 的兴起,基于 RIA 的客户端能够给用户带来更酷的界面,更短的响应时间,以及更接近于桌面应用程...

小编辑
2010/01/05
1K
1
java+flex 交互以及在svn上的配置

@Sephiroth 你好,想跟你请教个问题:哥们你说:“用remoteobject方式,基本上可以将Flex和Java的分开来;运行的时候,一起到SVN上取相应模块。”,请问下,怎么把编译好的flex swf放到java下...

站在巨人的肩膀上奋斗
2013/04/28
183
3
Pomer的网友评论

什么是 Pomer Pomer是一 个开源的企业信息管理系统基础框架,它提供了一系列企业信息管理系统的基础功能,包括企业组织架构管理,角色权限管理,菜单管理,数据权限控制等功能。 Pomer提供了...

红薯
2009/12/11
2.3K
4
《BlazeDS开发指南》学习笔记(一):概述

一、概述    BlazeDS是Adobe公司发布的免费开源产品,是该公司另一个收费产品LCDS的简化开源版本,BlazeDS使用Java语言在服务端提供如下功能:   1、提供客户端(Flex、AIR)通过AMF协议...

序写人生
2010/05/31
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

简单的博客系统(四)Django请求HTML页面视图信息--基于函数的视图

1. 编写用于查询数据的功能函数 应用目录 下的 views.py 文件通常用于保存响应各种请求的函数或类 from django.shortcuts import renderfrom .models import BlogArticles# Create your ...

ZeroBit
14分钟前
0
0
用脚本将本地照片库批量导入到Day One中

因为目前iCloud 空间已经不足,其中95%都是照片,之前入手了DayOne,且空间没有限制,订阅费一年也不少,再加上DayOne作为一款日记App 也比较有名,功能方面最大的就是地理视图与照片视图,尤...

在山的那边
昨天
8
0
Vue-Ueditor

记录,忘了还要写啥了,先发吧,后面再补。。。 代码示例 import UEditor from '@/components/UE.vue';components: { UEditor },return {config: { //可以在此处定义工...

华山猛男
昨天
2
0
jupyter部署安装

python373 -m ipykernel install --name python373 ipython kernelspec list sc create myjupyterservice binpath="D:\apply\Python373\Scripts\jupyter-notebook --config=V:/my_work/jupyt......

mbzhong
昨天
4
0
聊聊feign的Contract

序 本文主要研究一下feign的Contract Contract feign-core-10.2.3-sources.jar!/feign/Contract.java public interface Contract { /** * Called to parse the methods in the class t......

go4it
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部