Flex入门培训总结.ppt

P o w e r B a r 中国专业PPT设计交流论坛 Flex入门培训 电力产品研发部 谢志奎 课程纲要 培训内容 Flex基础概念 Flex开发环境搭建 Flex+BlazeDS+Java简单示例 学习路线、相关书籍和 网站介绍 Flex基础概念 Flex是Adobe公司推出的基于开源、免费、跨平台的新一代Flex富客户端平台。这种新型的Flex富客户端能够提供和早期C/S技术一样出色的UI，但又和B/S一样不需要在用户的机器上进行任何部署，也不需要手动对应用程序进行版本更新。Adobe的Flex富客户端技术为AIR和Flex，其核心以ActionScript语言为基础，运用XML来描述界面，用编译器来生swf文件，使用浏览器的Flash player插件就可以进行观看。  Flex开发环境搭建 首先双击打开FlashBuilder_4_Plugin_LS10.exe，在弹出的框中会让你选择把安装文件解压到哪个目录下，这个地方需要注意的是，一定不要选择带有中文的目录，不然安装为出现问题 Flex与Java通信示例 使用Flex RemoteObject组件所需环境： 1、jdk需要1.5及以上 2、通过使用BlazeDs作为中间层来实现Flex和java类的通信。 BlazeDS概念： BlazeDS是一个基于服务器的Java 远程控制(remoting)和Web消息传递(messaging)技术，它能够使得后端的Java应用程序和运行在浏览器上的Adobe Flex应用程序相互通信. 它是一个web应用框架,一个web应用框架的基础还是servlet和过滤器。所以它里面有个MessageBrokerServlet。这个servlet的用处和其他框架，如struts,spring里的新增配置文件（struts.xml,application.xml）所起到的作用类似，匹配url，决定将请求发往给哪个服务,所有的服务在他内部是通过services-config.xml等几个文件安排的. Flex与Java通信示例 需求： Flex有一个输入框、按钮和Lable，在输入框中输入信息后点击按钮，可以通过RemoteObject方法调用java类中的方法。通过该类中的方法对数据进行处理并返回，将处理后的数据显示在Lable上。 服务器端 文本框数据被改变 swf 通过RemoteObject方法调用类中的方法，并将输入的值作为方法的参数，需要remoting-config.xml文件中找到类的映射； Java类 数据加工 .mxml .swf 编译时生成 输入数据 点击提交按钮 BlazeDs flex/\remoting-config.xml 为了RemoteObject方法能够调用类，此处需要配置 如果调用成功会触发RemoteObject方法的result事件，该事件会调用我们定义的方法得到处理后数据 数据展现，当服务器传过来的值发生变化时，控件上绑定的值会自动刷新 Flex与Java通信示例 html Flex与Java通信示例 BlazeDS实现类的映射： 在WebRoot\WEB-INF\flex\remoting-config.xml里面加上下面这段设置(本示例)： destination id=“Hello properties sourcecom.HelloWorld/source /properties /destination 其中id=“hello”是自己对类起的映射名称 source/节点是类路径 Flex通过RemoteObject调用java: mx:RemoteObject id=ro destination=Hello“ result=resultHandler(event) fault=“Alert.show(event.message.toString())”/ 其中id=“ro”这个id的值是自己定义，相当于要调用的类的一个对象名称 其中destination=“Hello” 这儿destination的值必须是在remoting-config.xml中定义的id值 其中result=“resultHandler(event)” 是结果响应事件，调用类中的方法后会自动调用这个方法。 Flex与Java通信示例 实现步骤： 1、首先根据需求实现类的编写 2、在blazeds中实现类的映射 3、完成flex端调用 4、引用flex生成的html文件，查看效果