在MyEclipse6.0中安装FLEX插件的过程

一、 准备工作：

所需要的软件 Eclipse 3.3 + FlexBuilder3 beta2 插件版 +MyEclipse 6.0 +Lcds + Tomcat 5
 

二、 安装过程：

1.       安 装 MyEclipse6.0( 在此不再详述 ) 。

2.       安 装 FlexBuilder3 beta2 插件版 (FB3_WWEJ_Plugin.exe) ，请参考下图所示

（ 1 ）双击可执行文件

（ 2 ）弹出对话框，不用管它，直接点击 ”OK” 就可以了

（ 3 ）现在是询问你是否要安装 FLEX BUILDER 3 插件，选择 “ next ”。

（ 4 ）现在是询问你是否同意协议，选择“同意”，点击“ next ”按钮。

  （ 5 ）请你选择 FLEX BUILDER 的安装路径，你可以自行选择，然后点击“ next ”按钮。

  （ 6 ）注 意：这一步很重要，是要你选择 MyEclipse6.0 中的 Eclipse 的安装路径，请仔细选择。 然后点击“ next ”按钮即可。

  （ 7 ）然后弹出让你耐心等待的界面，过一会儿然后弹出一个对话框，询问你是不是安装的是 Eclipse3.2 或 3.3 以及更高版本，请 大家选择“ Proceed with Caution ”按钮即可。

（ 8 ）此界面是询问你是不是要安装 IE 和 FireFox 浏览器上的 flash play 9 ， 我还是希望大家两项都选，便于调试。然后点击“ next ”按钮。

 （ 9 ）弹出窗口，点击“安装”。



 （ 10 ）打开你 FlexBuilder 插件安装的文件夹，打开下面的“ eclipse ”文件夹，可以看到里面有 features 和 plugins 两个文件 夹，将他们 copy 到 MyEcipse6.0 下的 eclipse 文件夹下的 features 和 plugins 两个文件夹内（一一对应上，不要放错）。

（ 11 ）然后将 FlexBuilder 插件安装的文件夹中的 sdks 放入到 MyEcipse6.0 下的 eclipse 文件夹下。
（ 12 ）配置基本完成。只是你就可以在 MyEclipse6.0 下 切换视图，从中找到 Flex 对应的的视图结构。

 

在 MyEclipse6.0 中部署 FLEX 的 WEB 工程的过程

 

1）  建立 Flex 项目，首先在 MyEclipse 下打开 Flex 视图，右键建立 Flex 工程。

在其中输入项目名称，点击“ Next ”按钮。

  2 ）此页面点击“ New ”按钮（为了建立 Tomcat 服务器）

PS：此处的output folder应该是context folder一样，都是WebRoot

 

建立 TomCat 服务器，如下图所示

注意一定要选择和你 MyEclipse 下对应的 TomCat 版本，然后点击“ Next ”按钮，进入下一个界面，点击“ finish ”即可。

 

3）  回到了第二 步的界面，点击“ Brower.. ”按钮，选择 ds-console.war 这个文件（此文件需要安装 lcds 软件，
我们只是要此软件下的这个 war 文件即可，对于此软件的安装，没有特殊的地方，正常安装即可完成），
最后点击“ Next ” 即可进入以下界面，点击完成即可。

  4）  此时 Flex 项目已经建立好，再切换到 MyEclipse 视图下，如图所示：

 

各个包的讲解：

src: 放的是 Java 的项目包

flex_src: 放的是 Flex 项目用的文件

（实际上这个项目是有两个项目框架组成的）

 5） 在 项目上右键，向 Flex 项目中加入 Web 支持（作 用：为了让 TomCat 可以加载此项目，因为 Tomcat 只可以加载 Web 项目），如下图所示：

 

6）  弹出的对话 框后，将下面的 Create web.xml 这一项的对勾去除（因为项目下面已经存在了 web.xml 文件，
所以去除掉。），点击“ Finish ”按钮即可。

  7）  项目已经全部搭建完成。（可以发现项目的图标变为两个地球的样子）

 

在 Flex 中完成项目各个文件的部署工作

 

1 ）我们先总体看一下项目现在的样子

 

可以看到其中有一个 Flex_J2eeDemo.mxml 文件，它就是 Flex 项目的应用程序的入口位置，

项目的开始都是从这里开始的，一个项目中只 有一个这样的文件，其他均是组件文件。

2 ） Flex 项目的分层结构，下图是我现在的项目样子：

 

我们可以看到 flex_src 文件夹 下，我建立了三个文件夹

ascode ：用于放 ActionScript 文件。

css ：用于放 css 样式文件。

view ：用于放项目中组件文件 (mxml 文件 ) 。

（注意：这三个文件夹很像 Java 中的包，当然也 可以像 Java 一样按照功能模块进行划分，这里面只是分一个大体的层，要根据项目决定。）

3 ） Java 项目下的分层步骤：

和以前的 Java 项目一样，还是在 src 包中建立自己所需 要的包结构。

在此项目中，我们是按照模块进行划分的，然 后在每个模块下分出： Biz ， Dto ， Dao ， Entity 层，而 VO 层将交给 Flex 中的 View 文件夹进行统一管理。

4 ） DeBug 调试可以使用 MyEclipse6.0 进行 JavaCode 调试，再使用 FlexBuilder 进行页面调试。