flex读取后台数据

 

环境配置：

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，如：

[url]http://localhost:8080/testHttpService;[/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>

服务器端代码在附件中。