本文介绍 Flex 开发的基础知识:包括如何搭建开发环境,如何建立和部署简单的 Flex 项目。首先你的机器确保安装了jdk+eclipse(或者MyEclipse)+tomcat,现在你所需要的只是flex builder插件,Flex Builder 提供两个版本,一个是 All in one 的版本,另外一个是 Eclipse 的插件版,All in one 的版本内置了一个 Eclipse 的基本核心,插件不全。所以我们采用单独下载 Eclipse 和安装 Flex Builder 插件版的方式。
我以myeclipse为例,eclipse方法差不多,把你下载下来的插件exe文件双击打开如图
(2)弹出对话框,不用管它,直接点击”OK”就可以
3)现在是询问你是否要安装FLEX BUILDER 3插件,选择“next”。
4)现在是询问你是否同意协议,选择“同意”,点击“next”按钮。
(5)请你选择FLEX BUILDER的安装路径,你可以自行选择,然后点击“next”按钮 (6)注意:这一步很重要,是要你选择MyEclipse6.0中的Eclipse的安装路径,请仔细选择。然后点击“next”按钮即 (7)然后弹出让你耐心等待的界面,过一会儿然后弹出一个对话框,也可能不弹根据你的eclipse版本而定,意思是询问你是不是安装的是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文件夹下。
在Myeclipse中部署Flex的WEb项目
1)
建立Flex项目,首先在MyEclipse下打开Flex视图,右键建立Flex工程。
在其中输入项目名称,点击“Next”按钮。
2)此页面点击“New”按钮(为了建立Tomcat服务器
建立TomCat服务器,如下图所注意一定要选择和你MyEclipse下对应的TomCat版本,然后点击“Next”按钮,进入下一个界面点击finish即可
回到了第二步的界面,点击“Brower..”按钮,选择ds-console.war这个文件(此文件需要安装lcds软件,
我们只是要此软件下的这个war文件即可,对于此软件的安装,没有特殊的地方,正常安装即可完成),
最后点击“Next”即可进入以下界面,点击完成即可。
项目创建后我们要发布,步骤如下在项目上右键,向Flex项目中加入Web支持(作用:为了让TomCat可以加载此项目,因为Tomcat只可以加载Web项目),
如下图所示
6)
弹出的对话框后,将下面的Create web.xml这一项的对勾去除(因为项目下面已经存在了web.xml文件,
所以去除掉。),点击“Finish”按钮即可。
项目已经全部搭建完成。(可以发现项目的图标变为两个地球的样子)
然后发布项目,启动tomcat
但可能令您遗憾的是 Flex Builder 自动打开的 FireFox 窗口打开的 URL: http://localhost:8080/Flex_j2eeDemo/ 却什么也没有。别着急,还剩下最后一步:
如图 10 所示:右键点击我们要运行的 Flex_j2eeDemo.mxml > Run As > Flex Application
哈哈ok项目已经发布并且运行成功了!!!接着我们就要开发我们的项目了。