技术开发 频道

Java开发者如何测试Flex


【IT168 技术文档】
    样例8:数据管理服务(Data Management Services)
   
    测试一致性
    打开浏览器,访问http://localhost:8080/testdrive/sample8/SampleDataService.mxml
    点击一个DataGrid控件的单元格,改变单元格中的数据,回车
    点击浏览器中的刷新按钮:注意新的值出现在单元格中,表示数据已成功保留。
    测试数据在客户端的同步性:
    在另一个浏览器窗口中打开相同的应用
    调整两个浏览器窗口的大小,以便于在屏幕上你能同时看到这两个窗口
    改变一个浏览器中的数据,回车:注意对其它客户端更新是自动完成的

    在代码编辑器中打开下列文件:

sample8\SampleDataService.mxml sample8\Product.as WEB-INF\src\flex\testdrive\store\ProductAssembler.java WEB-INF\src\flex\testdrive\store\ProductService.java WEB-INF\flex\data-management-config.xml
    除了在事例1,2,3中描述的RPC服务外,Flex数据管理服务提供了一个创新的高效的途径通过交叉层级与客户端来同步数据。Flex数据管理服务由客户端API与服务器端服务组成。
在客户端,"managed objects"保持对数据改变的跟踪,通知这些改变的终端。在SampleDataService.mxml中你所必须做的是: 定义一个指向在data-management-config.xml中定义的“product”的DataService。
    激活DataService的fill()方法,给"products"数组赋值。将DataGrid与"products"数组绑定。

    你不必跟踪对数据的改变,也不必激活远程服务通知终端在客户端的改变(产生,更新,删除)。
在服务器端,数据服务收到改变列表,将它传递给你的服务器端的永久组件。数据服务也把改变传给其它的客户端。在这个例子中,利用java-dao适配器将"product" DataService配置在data-management-config.xml文件中,表示我们将用我们自己的Java类照看永久代码(另一个选择是使用Hibernate适配器)。

    样例9:数据可视化
    运行样例
    访问http://localhost:8080/testdrive/sample9/Dashboard.mxml
    在线形图表上点击任何数据点,屏幕底端的柱形图表被更新来显示一个所选月份的产品分类
    在代码编辑器中打开下列文件: 
    sample9\Dashboard.mxml

    Flex提供了一个扩展的图表组件库,例如本例子中用到的LineChart和PieChart。其它的图表组件包括ColumnChart, BarChart, AreaChart, BubbleChart, CandlestickChart, PlotChart, HLOCChart. Flex图表组件与其它数据组件的功能相似:你使用dataProvider属性将一个图表与数据绑定。

    因为它们做成了矢量图,图表组件能在客户端被重画以及形成动画,帮助终端用户更好地理解数据走向与转换。
    附加资源:
    adobe.com上的Dashboard sample
    Ely Greenfield的Chart Sampler
    另一个Ely的图表组件样例Interactive bubble chart
0
相关文章