[发布]Flex学习笔记[新手教程]

Categories: Flex; Tagged with: ; @ September 13th, 2008 17:14

[小站博客均为原创, 转载请保留以下信息:

作者:http://liguoliang.com 欢迎访问:Adobe上海用户组: http://riashanghai.com ]

main_747i107

这是我两个月来走马观花学的Flex,基本上都总结齐了.
献给比我还菜的菜鸟们…..:D
老鸟们就不要拍砖了,我已经很菜了…:(
首先要感谢RIAChian与Adobe上海用户组的各位大侠
下载地址:http://www.live-share.com/files/349801/FlexBeginner.pdf.html

欢迎各位加入Adobe上海用户组:http://riashanghai.com

(more…)

新的生活,开始上演

Categories: 垃圾山 September 11th, 2008 0:12

png46两三年前,濮存昕跟蔡国庆去我们学校搞艾滋病宣传,俺跟着在后面合唱了.因此得到了一件艾滋病”保护服”.这是我平生第一次比较正式的演出,当然专业一些应该叫做瞎胡闹.扯淡结束….

来上海两个月了.除了生活充实与空气湿度稍大之外,基本无异于新疆的生活.

(more…)

马齿徒增,虚长一岁.

Categories: 垃圾山; Tagged with: ; @ September 8th, 2008 0:46

不知不觉,就24了.好像还没有长大,似乎昨天还在和尿泥.

时间过得太快,前面的24年没有抓住时间,被时代抛弃了.剩下的日子,虽然没有了每周三的政治学习,希望依然能够保持陷阱,保持在诸位党员,团员,以及队员之前.

(more…)

九月,我们在路上.

Categories: 垃圾山 September 1st, 2008 0:42

又是一个月.

BlazeDS配置实例

Categories: Flex; Tagged with: ; @ August 30th, 2008 23:55

[小站博客均为原创, 转载请保留以下信息:

作者:http://liguoliang.com 欢迎访问:Adobe上海用户组: http://riashanghai.com ]

1.什么是BlazeDS

BlazeDS is the server-based Java remoting and web messaging technology that enables developers to easily connect to back-end distributed data and push data in real-time to Adobe® Flex® and Adobe AIR™ applications for more responsive rich Internet application (RIA) experiences.

BlazeDS consists of three key services:
1.The Remoting Service allows your Flex application to directly invoke methods of Java objects deployed in your application server.
2.The Message Service provides a publish/subscribe infrastructure that allows your Flex application to publish messages and subscribe to a messaging destination, enabling the development of real-time data push and collaborative applications.
3.The Proxy Service allows your Flex application to make cross-domain service requests in a secure and controlled manner. In other words, it allows your Flex application to access a service available on a different domain than the domain from where the application was downloaded (without having to depl

oy a crossdomain.xml policy file on the target domain).[Christophe Coenraets Adobe http://www.adobe.com/devnet/livecycle/articles/blazeds_gettingstarted.html]

2.配置BlazeDS,并使之正常运作

2.1 准备工作
FlexBuilder,Tomcat,Eclipse.
在此之前,你至少需要学会启动或停止Tomcat服务器,并了解它的一些大致情况,同时你需要学会编写一个简单的java类,并编译它.
BlazeDS:
BlazeDS首页:http://opensource.adobe.com/wiki/display/blazeds/BlazeDS,有关于BlazeDS的详细介绍与相关文档,下载地址.
BlazeDS下载地址:http://download.macromedia.com/pub/opensource/blazeds/blazeds_turnkey_3-0-0-544.zip
BlazeDS开发指南下载地址:http://livedocs.adobe.com/blazeds/1/blazeds_devguide/blazeds_devguide.pdf
2.2 配置BlazeDS
将zip包内的blazeds.war文件解压到应用服务器的部署目录下,如:[tomcat-home]\webapps.
重启Tomcat
简要介绍下blazeds文件夹:
\WEB-INF配置文件包,内有:
\classes      用来放置Flex应用程序需要使用到的Java class
\flex           有四个XML格式的配置文件,现在我们只需要了解remoting-config.xml,在该文件中添加destination来配置Flex应用程序 与Java class的连接,通过这个文件,架起Flex程序与Java Class之间的桥梁.

3.测试
3.1创建一个新的Java项目来配置BlazeDS,向web应用中添加Java类。

在Eclipse中创建新工程,选择从现有资源中创建,命名为“HelloWorld_server” ,使用先前部署的BlazeDS.WAR的WEB_INF文件夹路径,如:[tomcat-home]\webapps\blazeds\WEB-INF \,在build路径下添加src目录 ,将WEB-INF/classes目录作为输出目录,创建一个名为HelloWorld.java的新Java类,类的定义为:

  1. public class HelloWorld {
  2. public String sayHello(String name) {
  3. return “hello, “ + name;
  4. }
  5. }

如果你不太熟悉这一步操作,也可以手工编写该java文件,使用javac命令编译为java class文件.
但不论如何,产生的HelloWorld.class必须在WEB-INF/classes目录中.

3.2配置BlazeDS

配置BlazeDS,使它支持Flex与Java进行远程通信。配置WEB-INF/flex文件夹下的config.xml文件,具体配置可参照如下代码:

  1. <destination id=“HelloWorld”>
  2. <properties>
  3. <source>HelloWorld</source>
  4. </properties>
  5. </destination>
重新启动Tomcat;

3.3新建一个Flex应用程序,测试连接

创建一个新Flex项目,将项目命名为“HelloWorld_client”,应用服务器类型则选择“J2EE” ,ProjectLocation指用于存放工程文件的目录,指定为你想存放的位置即可.

选择“Use remote object access service”和LiveCycle Data Services

Next:

image

将根ULR声明为:http://localhost:8080/blazeds(端口号由应用服务器配置决定)

在Tomcat运行的情况下,检查配置的结果应为:The web root folder and root URL are valid.

确定配置并点击“完成”

将HelloWorld_client.mxml修改为如下:

  1. <?xml version=“1.0” encoding=“utf-8”?>
  2. <mx:application xmlns:mx=“http://www.adobe.com/2006/mxml”>
  3. <mx:remoteobject id=“ro” destination=“HelloWorld”>
  4. <mx:textinput id=“n” change=“ro.sayHello(n.text)”>
  5. <mx:label text=“{ro.sayHello.lastResult}”>
  6. </mx:label></mx:textinput></mx:remoteobject></mx:application>

运行该应用,在文本框中输入内容,随着文本框内容改变,显示的内容也随着改变.如下图:

image

解说:

该Flex应用使用RemoteObject来与服务器通信。当用户在文本框中输入内容时,文本框的触发并广播 change事件,从而通过已配置的RemoteObject向服务器发出请求。服务器向已经配置的的远程Java类发送请求,返回 “Hello,”+发送值的字符串。在对象返回值的时候,这个返回值会系列化到AMF中,进而返回给Flex应用。RemoteObject将该值赋值给 ro.lastResult,该过程完成后,Label通过RemoteObject上的result事件获得Hello riashanghai.com,并打印出来.

4.实际应用

在之前发布的<完整Flex程序+详细解释之便条管理系统(Tree/回溯/XML/Event) Annotated Flex Sample Application: Note Management>中,我们简要的介绍了将数据存储于SharedObejct中的简单便条管理系统,现在我们开始着手开发存储与服务器端的应用.

简要描述:通过分析,只需要修改先前程序的loadXML与SaveXML两个函数即可实现存储于服务器端.

简单起见,服务器端仍旧使用XML存储数据.

在server端,编写一个xmlserver类,该类将实现loadxml与savexml的功能.

在client端,使用RemoteObject与Java进行通信.

Newer Posts <-> Older Posts



// Proudly powered by Apache, PHP, MySQL, WordPress, Bootstrap, etc,.