flex 3 搭建开发环境.doc

### Flex 3 开发环境搭建详解 #### 一、引言 随着富互联网应用(RIA)的兴起，Flex因其强大的用户界面设计能力和优秀的性能而受到广泛欢迎。本文旨在为初学者提供一套完整的Flex 3开发环境搭建流程，帮助大家快速入门。 #### 二、所需软件与工具 1. **Eclipse 3.3**：一款开源的集成开发环境(IDE)，FlexBuilder 3基于其构建。 - 下载地址：[www.eclipse.org](http://www.eclipse.org/) 2. **FlexBuilder 3 Beta 2 插件版**：用于Eclipse的插件，提供了丰富的Flex开发功能。 - 下载文件：FB3_WWEJ_Plugin 3. **MyEclipse 6.0**：增强型Eclipse插件，提供了更多的企业级开发工具。 - 下载地址：[www.myeclipseide.com/](http://www.myeclipseide.com/) 4. **Lcdsds-console.war**：LiveCycle Data Services ES的WAR文件，用于处理Flex与服务器之间的数据交互。 - 文件名：ds-console.war 5. **Apache Tomcat 5**：轻量级的Web服务器，用于运行Flex应用程序。 - 下载地址：[http://tomcat.apache.org/](http://tomcat.apache.org/) #### 三、安装步骤 ##### 1. 安装MyEclipse 6.0 - 本步骤不详细叙述，假设已经完成。 ##### 2. 安装FlexBuilder 3 Beta 2插件版 - **步骤一**：双击下载的可执行文件`FB3_WWEJ_Plugin.exe`启动安装程序。 - **步骤二**：出现提示时点击“OK”继续。 - **步骤三**：确认安装FlexBuilder 3插件，选择“next”。 - **步骤四**：阅读并接受许可协议，点击“next”。 - **步骤五**：指定FlexBuilder 3的安装路径，完成后点击“next”。 - **步骤六**：选择Eclipse的安装路径，即MyEclipse 6.0中的Eclipse路径。 - **步骤七**：确认安装信息，并选择“Proceed with Caution”继续。 - **步骤八**：选择安装浏览器插件，包括IE和Firefox上的Flash Player，点击“next”。 - **步骤九**：点击“安装”按钮开始安装。 - **步骤十**：复制FlexBuilder插件安装文件夹下的“eclipse”文件夹内的`features`和`plugins`文件夹到MyEclipse 6.0的相应位置。 - **步骤十一**：将FlexBuilder插件安装文件夹中的`sdks`文件夹拷贝到MyEclipse 6.0下的`eclipse`文件夹内。 - **步骤十二**：完成配置后，在MyEclipse 6.0中切换视图，找到Flex对应的视图结构。 ##### 3. 在MyEclipse 6.0中创建Flex项目 - **步骤一**：打开Flex视图，右键新建Flex项目。 - **步骤二**：输入项目名称，点击“Next”。 - **步骤三**：点击“New”按钮以创建Tomcat服务器。 - **步骤四**：配置Tomcat服务器设置，选择正确的版本。 - **步骤五**：选择`ds-console.war`文件，这是从安装LiveCycle Data Services ES软件时获得的。 - **步骤六**：完成创建项目。 - **步骤七**：右键项目，选择“Add Web Support”。 - **步骤八**：移除“Create web.xml”的选项，点击“Finish”。 #### 四、项目结构解析 - **src**：存放Java相关的类文件。 - **flex_src**：存放Flex相关的源代码文件。 - **Flex_J2eeDemo.mxml**：项目的入口文件。 - **分层结构**：通常包含模型(Model)、视图(View)和控制器(Controller)等部分，遵循MVC模式。 #### 五、总结 通过上述步骤，我们成功搭建了一个基本的Flex 3开发环境，并创建了一个简单的Flex项目。这种配置不仅能够满足基础的学习需求，也为更高级的应用开发奠定了坚实的基础。希望初学者能够通过本文的指导顺利开始Flex的学习之旅。