Flex开发入门

1.环境部署

eclipse-jee-indigo-SR1-win32.zip  http://www.eclipse.org/downloads/

FlashBuilder_4_6_LS10.exe  https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder

blazeds-bin-4.0.0.14931.zip  https://www.adobe.com/cfusion/entitlement/index.cfm?e=lc_blazeds

apache-tomcat-7.0.23-windows-x86.zip

安装完FlashBuilder后，可以将其作为插件安装到eclipse中，方法是执行 D:\Program Files\adobe\Adobe Flash Builder 4.6\utilities\Adobe Flash Builder 4.6 Plug-in Utility.exe。e clipse 中安装flash builder 4.6后变中文了，解决方法：

找到Eclipse目录下的eclipse.ini文件，在首行添加一句、
 -nl
 en_US
 成功解决问题，注意不能写在一行。
blazeds解压备用，tomcat作为服务器。

2.创建FlexDemo工程

创建一个Flex工程，关键步骤如下

写两个简单的java类，为前端的Flex提供数据，flex通过RemoteObject对像与java通信 

Customer.java

package com.sample;

public class Customer {
       private String name;
       private int age;
       private String email;
       
       public Customer(String name, int age, String email) {
              this.name = name;
              this.age = age;
              this.email = email;
       }
       
       public String getName() {
              return name;
       }

       public void setName(String name) {
              this.name = name;
       }

       public int getAge() {
              return age;
       }

       public void setAge(int age) {
              this.age = age;
       }

       public String getEmail() {
              return email;
       }

       public void setEmail(String email) {
              this.email = email;
       }
}

CustomerService.java

package com.sample;

import java.util.ArrayList;

public class CustomerService {

       public CustomerService() {
              // TODO Auto-generated constructor stub
       }
       
       public ArrayList getList() {
              ArrayList tempList = new ArrayList();
              
              for (int i = 1; i<=5; i++) {
                     tempList.add(new Customer("Tom"+i, 20+i, "tom"+i+"@163.com"));
              }
              return tempList;
       }
}

修改WebContent/WEB-INF/Flex/remoting-config.xml文件，增加一个destination结点，建立Flex与java类之间的联系

       
              
       

       
              
       

       
              
                     com.sample.CustomerService
              
       

FlexDemo.mxml中添加一个 DataGrid组件，使用 RemoteObject对象获取远程java类中的数据，并填充到DataGrid组件中  

                        xmlns:s="library://ns.adobe.com/flex/spark"
                        xmlns:mx="library://ns.adobe.com/flex/mx"
                        minWidth="955" minHeight="600" creationComplete="init();
                        ">  
       
              
              
       
       
              
       
       
              
                     
                           
                           
                           
                     
              
       

现在运行程序Run As ->Web Application

需要注意的是，在FlexDemo.mxml的 mx:RemoteObject标签中，需要添加属性 endpoint="http://localhost:8080/FlexDemo/messagebroker/amf",否则可能会提示以下错误

3.关于调试

如果要flex调试,需要安装debug版本的flash插件
下载地址：  http://www.adobe.com/support/flashplayer/downloads.html

在chrome中输入： chrome://plugins/，打开插件列表，停用非Debuger的flash版本