javaflex开发环境搭建_eclipse环境下搭建flex开发环境

一、准备工作&＃xff1a;

所需要的软件Eclipse 3.4.2 &＃43; FlexBuilder3 beta2 插件版&＃43;MyEclipse 6.5 &＃43;Lcds &＃43; Tomcat 6

二、安装过程&＃xff1a;

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

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

(1)双击可执行文件

(2)弹出对话框&＃xff0c;不用管它&＃xff0c;直接点击”OK”就可以了

(3)现在是询问你是否要安装FLEX BUILDER 3插件&＃xff0c;选择“next”。

(4)现在是询问你是否同意协议&＃xff0c;选择“同意”&＃xff0c;点击“next”按钮。

(5)请你选择FLEX BUILDER的安装路径&＃xff0c;你可以自行选择&＃xff0c;然后点击“next”按钮。

(6)注意&＃xff1a;这一步很重要&＃xff0c;是要你选择MyEclipse6.0中的Eclipse的安装路径&＃xff0c;请仔细选择。然后点击“next”按钮即可。

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

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

(9)弹出窗口&＃xff0c;点击“安装”。

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

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

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

1) 建立Flex项目&＃xff0c;首先在MyEclipse下打开Flex视图&＃xff0c;右键建立Flex工程。

在其中输入项目名称&＃xff0c;点击“Next”按钮。

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

PS&＃xff1a;此处的output folder应该是context folder一样&＃xff0c;都是WebRoot

建立TomCat服务器&＃xff0c;如下图所示

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

3) 回到了第二步的界面&＃xff0c;点击“Brower..”按钮&＃xff0c;选择ds-console.war这个文件(此文件需要安装lcds软件&＃xff0c;

我们只是要此软件下的这个war文件即可&＃xff0c;对于此软件的安装&＃xff0c;没有特殊的地方&＃xff0c;正常安装即可完成)&＃xff0c;

最后点击“Next”即可进入以下界面&＃xff0c;点击完成即可。

4) 此时Flex项目已经建立好&＃xff0c;再切换到MyEclipse视图下&＃xff0c;如图所示&＃xff1a;

各个包的讲解&＃xff1a;

src:放的是Java的项目包

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

(实际上这个项目是有两个项目框架组成的)

5)在项目上右键&＃xff0c;向Flex项目中加入Web支持(作用&＃xff1a;为了让TomCat可以加载此项目&＃xff0c;因为Tomcat只可以加载Web项目)&＃xff0c;如下图所示&＃xff1a;

6) 弹出的对话框后&＃xff0c;将下面的Create web.xml这一项的对勾去除(因为项目下面已经存在了web.xml文件&＃xff0c;

所以去除掉。)&＃xff0c;点击“Finish”按钮即可。

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

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

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

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

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

2)Flex项目的分层结构&＃xff0c;下图是我现在的项目样子&＃xff1a;

我们可以看到flex_src文件夹下&＃xff0c;我建立了三个文件夹

ascode&＃xff1a;用于放ActionScript文件。

css&＃xff1a;用于放css样式文件。

view&＃xff1a;用于放项目中组件文件(mxml文件)。

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

3)Java项目下的分层步骤&＃xff1a;

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

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

4)DeBug调试可以使用MyEclipse6.0进行JavaCode调试&＃xff0c;再使用FlexBuilder进行页面调试。

posted on 2009-09-22 11:11 Polo Huang 阅读(184) 评论(0)  编辑  收藏