钱海军
(珠海城市职业技术学院,广东 珠海 519000)
RIA技术是B/S技术在客户端的突破与发展,是集桌面应用程序的最佳用户界面功能与WEB应用程序的普遍采用和快速、低成本部署以及互动多媒体通信的实时快捷于一体的新一代网络应用程序。RIA 大致包括了 Flex、Ajax、WPF、Open-Laszlo和Google Web Toolkit等一系列产品,而Flex是同类产品中最领先和成熟的产品,改善了用户体验[1]。
Flex技术是目前最流行、使用最广泛的RIA(富互联网)开发技术之一,Flex将基于标准的语言和各种可扩展用户界面及数据访问组件结合起来,快速开发具有丰富数据演示、强大客户逻辑和集成多媒体的应用程序。Flex是一个高效、免费的开源框架,可开发具有丰富表现力的跨浏览器、桌面和操作系统的Web应用程序[2]。在Adobe Flash Player和Adobe AIR上实现丰富的交互式动画效果。由于Flash无需刷新,客户端与服务器端异步交互,只需向服务器请求所需要的数据,可以缓存大量客户端数据以提高数据传输的速度,减小服务器负载[3]。
XML(可扩展标记语言)提供统一的方法来描述和交换独立于应用程序的结构化数据。根据需求分析,结合系统特性,利用XML存储学生信息,使用Flex的DataGrid组件绑定XML数据进行显示。
图1 FLEX框架
图2 学生信息管理系统模块
根据系统模块设计,从系统的工作流程来看,数据的输入和存储是第一任务,通过读取XML文件来实现对学生信息数据的操作。通过在页面加载后执行的init方法中增加DataGrid的鼠标单击事件完成数据的完整显示。
在Flex工程文件的src目录下创建XML文件,用于存储学生信息。本文只存储2名学生的信息,可以根据需要在XML文件中增加多名学生信息。
在src目录下创建类student,生成一个Array数组,用于加载已创建的外部学生信息XML文件。
在页面放置DataGrid组件,该组件的Data-GridColumn列的dataField名字需与绑定的数组中对象的属性一致,否则将不能正确显示结果。
在页面添加一个TabNavigator组件,该组件用来显示学生信息。
在使用DataGrid进行数据绑定前,需要在<mx:Script>标签中定义一个全局变量 student。其他代码在3.2中写出。
在页面加载后执行的init方法中增加Data-Grid的鼠标单击事件。并实现doClick方法。
上述代码已经完成了系统的设计功能,为了让系统界面美观,可以添加以下代码。
程序运行效果如图3所示。
图3 程序运行结果
本文利用Flex技术设计实现了具有良好交互速度和界面表现力的富客户端轻型学生信息管理系统,充分体现了RIA技术的优势,操作简单。系统具有良好的功能扩展接口,能够进一步添加各种功能模块以满足系统需求。
[1]郭瑞,李文杰.基于Flex的常微分方程数值求解分析系统[J].软件导刊,2012(2).
[2]郭立.基于Flex的企业级WEB应用开发的研究与实践[J].电信交换,2009(4).
[3]张贵强.浅谈 Flex技术及应用[J].电脑知识与技术,2011(16).