flex4与Java交互

lex4出来一段时间了,去年看了一段时间flex3,后来由于暂时没有项目需求.所以flex遗忘了很多.这次使用flex4+myeclipse8.5录制了一个视频.以免时间长了遗忘.
        软件环境:windows7+flex4+myeclipse8.5+blazeds
        功能描述:分别用代码实现了三种flex4与Java通信
        三种方式:
                       1 flex 与普通java类通信RemoteObject
                       2 flex 与服务器交互HTTPService
                       3 flex与webservice交互WebService
        1 flex 与普通java类通信RemoteObject
       普通Java类:        

package  com.flex.demo;

/** */ /**
 * 功能描述:该类用来实现flex与普通java类中的方法通信
 * 
@author  Administrator
 *
 
*/

public   class  SimpleService  {

    
public  String sayHello(String name) {
        
return   " Hello,  " + name;
    }

}

        配置说明:配置remoting-config.xml

< destination  id ="myservice" >
        
< properties >
            
< source > com.flex.demo.SimpleService </ source >
        
</ properties >
    
</ destination >

        调用

<!-- flex 与普通java类通信 -->
        
< s:RemoteObject  id ="serv"  destination ="myservice"  fault ="serv_faultHandler(event)"  result ="serv_resultHandler(event)" >
            
        
</ s:RemoteObject >

        2flex 与服务器交互HTTPService
        servlet代码        

package  com.flex.demo;

import  java.io.IOException;

import  javax.servlet.ServletException;
import  javax.servlet.http.HttpServlet;
import  javax.servlet.http.HttpServletRequest;
import  javax.servlet.http.HttpServletResponse;

/** */ /**
 * 功能描述:该servlet用来与flex进行交互
 * 
@author  Administrator
 *
 
*/

@SuppressWarnings(
" serial " )
public   class  SimpleServiceServlet  extends  HttpServlet  {
    
    @Override
    
protected   void  service(HttpServletRequest request, HttpServletResponse response)
            
throws  ServletException, IOException  {
        request.setCharacterEncoding(
" utf-8 " );
        response.setCharacterEncoding(
" utf-8 " );
        response.getWriter().write(
" 我是服务器 " );
    }

}

        调用

<!--  flex 与服务器交互 -->
        
< s:HTTPService  id ="service"  fault ="service_faultHandler(event)"  result ="service_resultHandler(event)"  url ="http://localhost:8080/flexdemo/simpleServiceServlet" >
            
        
</ s:HTTPService >

        3flex与webservice交互WebService

<!-- flex与webservice交互这里调用一个天气预报的webservice -->
        
< s:WebService  id ="ws"  
                      wsdl
="http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsdl"  
                      fault
="ws_faultHandler(event)"  
                      result
="ws_resultHandler(event)"  
                      showBusyCursor
="true" >
            
<!--  第二种调用webservice的方法<s:operation> -->
            
<!--  <s:operation name="getWeatherbyCityName"> webservice中的方法名 -->
            
< s:operation  name ="getWeatherbyCityName" >
                
<!-- 传递的参数 -->
                
< s:request >
                    
<!-- 参数名称必须与webservice中定义的参数名一致否则调用不成功报错 -->
                    
< theCityName >
                        {city.text}
                    
</ theCityName >
                
</ s:request >
            
</ s:operation >
            
        
</ s:WebService >

        三种方式完整的配置例子

<? 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"  minWidth ="955"  minHeight ="600"
               creationComplete
="service.send()"
               
>
    
< fx:Script >
        
<![CDATA[
            import mx.controls.Alert;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;

            //错误处理函数
            protected function serv_faultHandler(event:FaultEvent):void
            {
                Alert.show("调用失败了:"+event.fault.message as String,"提示");
            }

            //成功调用函数
            protected function serv_resultHandler(event:ResultEvent):void
            {
                Alert.show("调用成功了:"+event.result as String,"提示");
            }


            protected function service_faultHandler(event:FaultEvent):void
            {
                Alert.show("调用失败了:"+event.fault.message as String,"提示");
            }


            protected function service_resultHandler(event:ResultEvent):void
            {
                Alert.show("调用成功了:"+event.result as String,"提示");
            }


            protected function ws_faultHandler(event:FaultEvent):void
            {
                Alert.show("调用失败了:"+event.fault.message as String,"提示");
            }
            
            //调用成功了
            protected function ws_resultHandler(event:ResultEvent):void
            {
                trace(event.result);
                lbl.text=(String)(event.result);
            }

            //第一种调用webservice的方法
            //此方法调用webservice
            protected function btn_clickHandler(event:MouseEvent):void
            {
                //ws.getWeatherbyCityName(city.text);
                //第二中调用webservice的方法
                ws.getWeatherbyCityName.send();
            }

            
            
        
]]>
    
</ fx:Script >
    
< fx:Declarations >
        
<!--  将非可视元素(例如服务、值对象)放在此处  -->
        
        
<!-- flex 与普通java类通信 -->
        
< s:RemoteObject  id ="serv"  destination ="myservice"  fault ="serv_faultHandler(event)"  result ="serv_resultHandler(event)" >
            
        
</ s:RemoteObject >
        
        
<!--  flex 与服务器交互 -->
        
< s:HTTPService  id ="service"  fault ="service_faultHandler(event)"  result ="service_resultHandler(event)"  url ="http://localhost:8080/flexdemo/simpleServiceServlet" >
            
        
</ s:HTTPService >
        
        
<!-- flex与webservice交互这里调用一个天气预报的webservice -->
        
< s:WebService  id ="ws"  
                      wsdl
="http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsdl"  
                      fault
="ws_faultHandler(event)"  
                      result
="ws_resultHandler(event)"  
                      showBusyCursor
="true" >
            
<!--  第二种调用webservice的方法<s:operation> -->
            
<!--  <s:operation name="getWeatherbyCityName"> webservice中的方法名 -->
            
< s:operation  name ="getWeatherbyCityName" >
                
<!-- 传递的参数 -->
                
< s:request >
                    
<!-- 参数名称必须与webservice中定义的参数名一致否则调用不成功报错 -->
                    
< theCityName >
                        {city.text}
                    
</ theCityName >
                
</ s:request >
            
</ s:operation >
            
        
</ s:WebService >
        
        
    
</ fx:Declarations >
    
< s:TextInput  x ="488"  y ="72"  id ="city" />
    
< s:Button  x ="633"  y ="72"  label ="查看"  id ="btn"  click ="btn_clickHandler(event)" />
    
< s:Label  x ="224"  y ="128"  id ="lbl"  width ="820"  height ="376" />
</ s:Application >

        初次接触flex的朋友,看上面的肯定很迷惑,因此这里录制了视频教程,视频的质量是蛮好的,该视频从头至尾演示了flex4整合 Java的过程.为了方便在windows平台下播放,该视频默认导出格式为exe,在此说明该文件并非病毒,实乃视频文件,大家可放心观看.点我下载flex4与Java交互演示视频
        视频截图:
 

(1)普通用户端(全平台) 音乐播放核心体验: 个性化首页:基于 “听歌历史 + 收藏偏好” 展示 “推荐歌单(每日 30 首)、新歌速递、相似曲风推荐”,支持按 “场景(通勤 / 学习 / 运动)” 切换推荐维度。 播放页功能:支持 “无损音质切换、倍速播放(0.5x-2.0x)、定时关闭、歌词逐句滚动”,提供 “沉浸式全屏模式”(隐藏冗余控件,突出歌词专辑封面)。 多端同步:自动同步 “播放进度、收藏列表、歌单” 至所有登录设备(如手机暂停后,电脑端打开可继续播放)。 音乐发现管理: 智能搜索:支持 “歌曲名 / 歌手 / 歌词片段” 搜索,提供 “模糊匹配(如输入‘晴天’联想‘周杰伦 - 晴天’)、热门搜索词推荐”,结果按 “热度 / 匹配度” 排序。 歌单管理:创建 “公开 / 私有 / 加密” 歌单,支持 “批量添加歌曲、拖拽排序、一键分享到社交平台”,系统自动生成 “歌单封面(基于歌曲风格配色)”。 音乐分类浏览:按 “曲风(流行 / 摇滚 / 古典)、语言(国语 / 英语 / 日语)、年代(80 后经典 / 2023 新歌)” 分层浏览,每个分类页展示 “TOP50 榜单”。 社交互动功能: 动态广场:查看 “关注的用户 / 音乐人发布的动态(如‘分享新歌感受’)、好友正在听的歌曲”,支持 “点赞 / 评论 / 转发”,可直接点击动态中的歌曲播放。 听歌排行:个人页展示 “本周听歌 TOP10、累计听歌时长”,平台定期生成 “全球 / 好友榜”(如 “好友中你本周听歌时长排名第 3”)。 音乐圈:加入 “特定曲风圈子(如‘古典音乐爱好者’)”,参 “话题讨论(如‘你心中最经典的钢琴曲’)、线上歌单共创”。 (2)音乐人端(创作者中心) 作品管理: 音乐上传:支持 “无损音频(FLAC/WAV)+ 歌词文件(LRC)+ 专辑封面” 上传,填写 “歌曲信息
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值