学习flex 初步实现与java进行数据交互

      本人是从事BS架构应用开发的,现在发现客户越来越关注用户的互动体验,视觉上的冲击 界面与提示友好 portlet 百花齐放
   基于各方面原因,现在开始关注flex技术.没说的最终还是要与实际应用结合来使用的.如何让flex开发的.swf与java进行数据交互?了解到flex是用amf与java进行数据交互的,按照网上搜出来的相关文档进行配置

   首先下载BlazeDS包 解压后

   

将lib下的jar包copy到自己建立好的web应用的lib下,将flex文件夹直接copy到/WEB-INF下(包括4个xml文件),在web.xml里加入<servlet> <servlet-name>MessageBrokerServlet</servlet-name> <display-name>MessageBrokerServlet</display-name> <servlet-class> flex.messaging.MessageBrokerServlet </servlet-class> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/flex/services-config.xml </param-value> <load-on-startup>1</load-on-startup> </servlet> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/sevlet/*</url-pattern> </filter-mapping> <servlet-mapping> <servlet-name>MessageBrokerServlet</servlet-name> <url-pattern>/messagebroker/*</url-pattern> </servlet-mapping>

注意 由于我用的是struts2+spring2.5+Hibernate3.3 开始由于在配置struts2的<url-pattern>/*</url-pattern>使我的<url-pattern>/messagebroker/*</url-pattern>请求总接收不到 郁闷了好半天 最后将应用中所有的请求加了一级路径 才分开

配置好后访问http://{server.name}:{server.port}/{context.root}/messagebroker/amf如果能够访问 那么应用一级就配置好了

 

下面开始用flex开发功能点吧.

<?xml version="1.0"?> <!-- DataGrid control example. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ import mx.messaging.channels.AMFChannel; import mx.messaging.ChannelSet; import mx.rpc.remoting.RemoteObject; import mx.controls.listClasses.ListData; import mx.controls.Alert; import mx.collections.ArrayCollection; import mx.rpc.events.ResultEvent; import mx.rpc.events.FaultEvent; import mx.collections.ListCollectionView; [Bindable] private var ac:ArrayCollection; private var cs:ChannelSet; private function createChannelSet():ChannelSet { if (cs == null) { cs=new ChannelSet(); var ac:AMFChannel=new AMFChannel("my-amf", "http://localhost:8089/ssh/messagebroker/amf"); cs.addChannel(ac); } return cs; } private function getGridDataAction():void { getDataObj.getGridData(); labNote.text="正在读取...请稍候"; } //查询出来的结果为数组，直接传递给init即可 private function loadAcData(event:ResultEvent):void { onResultHandler(event); labNote.text="读取成功,总共 N 条员工信息!"; } private function updateGridDataAction():void { labNote.text="请稍后...正在处理"; } private function updateGridDataResult(event:ResultEvent):void { labNote.text=String(event.result as String); } private function onResultHandler(event:ResultEvent):void { myDG.dataProvider=event.result; } private function onFaultHandler(event:FaultEvent):void { Alert.show(String(event.fault), "Fault!"); } ]]--> </mx:Script> <!-- remoteObject used to get data from mysql database --> <mx:RemoteObject id="getDataObj" destination="ro" channelSet="{createChannelSet()}"> <mx:method name="getGridData" result="onResultHandler(event)" fault="onFaultHandler(event)"/> </mx:RemoteObject> <mx:Panel title="Employee Inforamtion Management System" height="288" width="100%" paddingTop="10" paddingLeft="10" paddingRight="10" layout="absolute"> <!--设置pageSize为8,表示每页显示8条记录，不设置默认显示5条记录--> <!--dataGridDoubleClick="showUserInfo()" --> <mx:DataGrid id="myDG" width="100%" height="100%"> <mx:columns> <!--为这个标签设置DataGridColumn，指示在DataGrid上显示的列--> <mx:DataGridColumn headerText="品名" dataField="productdesc"/> <mx:DataGridColumn headerText="期初库存" dataField="initquantity"/> <mx:DataGridColumn headerText="购入" dataField="purchasequantity"/> <mx:DataGridColumn headerText="销售" dataField="salequantity"/> </mx:columns> </mx:DataGrid> <mx:Button label="Refresh" x="417" y="183" width="120" click="getGridDataAction()"/> <mx:Button id="updateDataBtn" x="72" y="183" label="Update" width="120" textAlign="center" click="updateGridDataAction()"/> <mx:Label id="labNote" x="10" y="214" width="637" color="#0000FF" height="24" fontSize="12" fontFamily="Times New Roman"/> </mx:Panel> </mx:Application>

 

注意 这里<mx:RemoteObject destination="ro" >要与 remoting-config.xml中的id 对应

<destination id="ro"> <properties> <source>ro</source> <factory>spring</factory> </properties> </destination>

 

如果你不是使用spring 那么就将<facroty>标签去掉 在<source>中写类的全路径 如果用spring进行管理的话 要在service-config.xml中

加入

 

<factories> <factory id="spring" class="com.chinasofti.comm.utils.SpringFactory"/> </factories>

中间的实现类可以自己写

 

代码如下

 

package com.chinasofti.comm.utils; import org.springframework.beans.BeansException; import org.springframework.beans.factory.NoSuchBeanDefinitionException; import org.springframework.context.ApplicationContext; import org.springframework.web.context.support.WebApplicationContextUtils; import flex.messaging.FactoryInstance; import flex.messaging.FlexFactory; import flex.messaging.config.ConfigMap; import flex.messaging.services.ServiceException; public class SpringFactory implements FlexFactory { private static final String SOURCE = "source"; /** * This method can be used to initialize the factory itself. It is called * with configuration parameters from the factory tag which defines the id * of the factory. */ public void initialize(String id, ConfigMap configMap) { } /** * This method is called when we initialize the definition of an instance * which will be looked up by this factory. It should validate that the * properties supplied are valid to define an instance. Any valid properties * used for this configuration must be accessed to avoid warnings about * unused configuration elements. If your factory is only used for * application scoped components, this method can simply return a factory * instance which delegates the creation of the component to the * FactoryInstance's lookup method. */ public FactoryInstance createFactoryInstance(String id, ConfigMap properties) { SpringFactoryInstance instance = new SpringFactoryInstance(this, id, properties); instance.setSource(properties.getPropertyAsString(SOURCE, instance .getId())); return instance; } // end method createFactoryInstance() /** * Returns the instance specified by the source and properties arguments. * For the factory, this may mean constructing a new instance, optionally * registering it in some other name space such as the session or JNDI, and * then returning it or it may mean creating a new instance and returning * it. This method is called for each request to operate on the given item * by the system so it should be relatively efficient. * <p> * If your factory does not support the scope property, it report an error * if scope is supplied in the properties for this instance. * </p> */ public Object lookup(FactoryInstance inst) { SpringFactoryInstance factoryInstance = (SpringFactoryInstance) inst; return factoryInstance.lookup(); } static class SpringFactoryInstance extends FactoryInstance { SpringFactoryInstance(SpringFactory factory, String id, ConfigMap properties) { super(factory, id, properties); } public String toString() { return "SpringFactory instance for id=" + getId() + " source=" + getSource() + " scope=" + getScope(); } public Object lookup() { ApplicationContext appContext = WebApplicationContextUtils .getWebApplicationContext(flex.messaging.FlexContext .getServletConfig().getServletContext()); String beanName = getSource(); try { return appContext.getBean(beanName); } catch (NoSuchBeanDefinitionException nexc) { ServiceException e = new ServiceException(); String msg = "Spring service named '" + beanName + "' does not exist."; e.setMessage(msg); e.setRootCause(nexc); e.setDetails(msg); e.setCode("Server.Processing"); throw e; } catch (BeansException bexc) { ServiceException e = new ServiceException(); String msg = "Unable to create Spring service named '" + beanName + "' "; e.setMessage(msg); e.setRootCause(bexc); e.setDetails(msg); e.setCode("Server.Processing"); throw e; } } } }

好了 以上就是flex与java的应用整合的实例

关注点在是否能访问http://{server.name}:{server.port}/{context.root}/messagebroker/amf

呵呵 也就是你的swf是否能与java通讯