一、
准备工作:
所需要的软件
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 ”即可进入以下界面,点击完成即可。
我们只是要此软件下的这个 war 文件即可,对于此软件的安装,没有特殊的地方,正常安装即可完成),
最后点击“ Next ”即可进入以下界面,点击完成即可。
4) 此时 Flex 项目已经建立好,再切换到 MyEclipse 视图下,如图所示:
各个包的讲解:
src:
放的是
Java
的项目包
flex_src:
放的是
Flex
项目用的文件
(实际上这个项目是有两个项目框架组成的)
5)在项目上右键,向Flex项目中加入Web支持(作用:为了让TomCat可以加载此项目,因为Tomcat只可以加载Web项目),如下图所示:
6)
弹出的对话框后,将下面的
Create web.xml
这一项的对勾去除(因为项目下面已经存在了
web.xml
文件,
所以去除掉。),点击“ Finish ”按钮即可。
所以去除掉。),点击“ 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
进行页面调试。
本文转自chainli 51CTO博客,原文链接:http://blog.51cto.com/lichen/144056,如需转载请自行联系原作者