环境配置: <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

Eclipse、MyEclipse的安装也就不用说了,flexBuilder安装按照提示即可。

其实用flexBuilder独立版本与插件版本是没有区别的,只不过如果使用独立版本同时进行前台后台java开发测试需要同时开两个eclipse,比较耗系统资源,用插件版前后台进行同时开发测试也需要在MyEclipse与flex间进行不断切换。

关于测试:

在测试过程中只要后台提供的接口或者servlet、jsp页面能能够提供开发者确定为正确的数值及数据类型即可,不是必须与flex结合起来才能测试的;flex端可以通过读入一个事先写好的与后台生成文件格式类似的jsp页面或者servlet进行测试,最后再进行最终的整合测试即可。

项目创建:

首先用MyEclipse创建一个web project,创建完成发布到tomcat目录下;然后进行flex的项目创建

新建flex项目(如下图1所示)

图1

再图1中

Application type  选择Web application

Server technology  选择J2EE

不要勾选 Use remote object access service

然后点击Next进行下一步(如下图2所示)。

图2

在图2中

Web root选择你发布到tomcat中的工程目录,如:

C:\Program Files\Apache Software Foundation\apache-tomcat-5.5.25\testHttpService

Root URL写入你要再浏览器中访问该项目的url,如:

然后上方出现一个红色的差号提示,让你点击Valdate Configuration,点击前请确保已经打开tomcat服务,然后点击此按钮,没有任何错误提示点击Finish即完成项目创建,同时再flex中运行mxml文件可连接到tomcat服务器端,此flex项目中最后的编译swf文件都会保存在tomcat下的工程目录的一个(flex项目名称)-debug文件夹中。
 
项目建好了,开始写代码了,先实现最简单的读取数据并用DataGrid 组件显示出来,代码如下:
<?xml version="1.0" encoding="UTF-8"?>
<mx:Application xmlns:mx="[url]http://www.adobe.com/2006/mxml[/url]" backgroundColor="#FFFFFF" >
   
    <mx:HTTPService id="hs" url="testjsp.jsp" method="POST" useProxy="false"/>
   
    <mx:DataGrid dataProvider="{hs.lastResult.root.result}" width="50%" height="50%"/>
    <mx:Button label="Get Data" click="hs.send()"/>   
       
</mx:Application>
服务器端代码在附件中。