錢海軍

（珠海城市職業(yè)技術學院，廣東 珠海 519000）

1 RIA（富互聯(lián)網(wǎng)）技術和Flex概述

RIA技術是B/S技術在客戶端的突破與發(fā)展，是集桌面應用程序的最佳用戶界面功能與WEB應用程序的普遍采用和快速、低成本部署以及互動多媒體通信的實時快捷于一體的新一代網(wǎng)絡應用程序。RIA 大致包括了 Flex、Ajax、WPF、Open－Laszlo和Google Web Toolkit等一系列產(chǎn)品，而Flex是同類產(chǎn)品中最領先和成熟的產(chǎn)品，改善了用戶體驗[1]。

Flex技術是目前最流行、使用最廣泛的RIA（富互聯(lián)網(wǎng)）開發(fā)技術之一，F(xiàn)lex將基于標準的語言和各種可擴展用戶界面及數(shù)據(jù)訪問組件結(jié)合起來，快速開發(fā)具有豐富數(shù)據(jù)演示、強大客戶邏輯和集成多媒體的應用程序。Flex是一個高效、免費的開源框架，可開發(fā)具有豐富表現(xiàn)力的跨瀏覽器、桌面和操作系統(tǒng)的Web應用程序[2]。在Adobe Flash Player和Adobe AIR上實現(xiàn)豐富的交互式動畫效果。由于Flash無需刷新，客戶端與服務器端異步交互，只需向服務器請求所需要的數(shù)據(jù)，可以緩存大量客戶端數(shù)據(jù)以提高數(shù)據(jù)傳輸?shù)乃俣?，減小服務器負載[3]。

2 系統(tǒng)模塊設計

XML（可擴展標記語言）提供統(tǒng)一的方法來描述和交換獨立于應用程序的結(jié)構(gòu)化數(shù)據(jù)。根據(jù)需求分析，結(jié)合系統(tǒng)特性，利用XML存儲學生信息，使用Flex的DataGrid組件綁定XML數(shù)據(jù)進行顯示。

圖1 FLEX框架

圖2 學生信息管理系統(tǒng)模塊

3 系統(tǒng)功能實現(xiàn)

根據(jù)系統(tǒng)模塊設計，從系統(tǒng)的工作流程來看，數(shù)據(jù)的輸入和存儲是第一任務，通過讀取XML文件來實現(xiàn)對學生信息數(shù)據(jù)的操作。通過在頁面加載后執(zhí)行的init方法中增加DataGrid的鼠標單擊事件完成數(shù)據(jù)的完整顯示。

3.1 創(chuàng)建數(shù)據(jù)源

在Flex工程文件的src目錄下創(chuàng)建XML文件，用于存儲學生信息。本文只存儲2名學生的信息，可以根據(jù)需要在XML文件中增加多名學生信息。

3.2 創(chuàng)建加載XML文件的類

在src目錄下創(chuàng)建類student，生成一個Array數(shù)組，用于加載已創(chuàng)建的外部學生信息XML文件。

3.3 設計mxml頁面內(nèi)容

在頁面放置DataGrid組件，該組件的Data－GridColumn列的dataField名字需與綁定的數(shù)組中對象的屬性一致，否則將不能正確顯示結(jié)果。

在頁面添加一個TabNavigator組件，該組件用來顯示學生信息。

3.4 用DataGrid組件綁定數(shù)據(jù)源

在使用DataGrid進行數(shù)據(jù)綁定前，需要在＜mx：Script＞標簽中定義一個全局變量 student。其他代碼在3.2中寫出。

3.5 設置DataGrid的鼠標單擊事件

在頁面加載后執(zhí)行的init方法中增加Data－Grid的鼠標單擊事件。并實現(xiàn)doClick方法。

3.6 應用程序界面美化

上述代碼已經(jīng)完成了系統(tǒng)的設計功能，為了讓系統(tǒng)界面美觀，可以添加以下代碼。

3.7 程序運行效果

程序運行效果如圖3所示。

圖3 程序運行結(jié)果

4 結(jié)束語

本文利用Flex技術設計實現(xiàn)了具有良好交互速度和界面表現(xiàn)力的富客戶端輕型學生信息管理系統(tǒng)，充分體現(xiàn)了RIA技術的優(yōu)勢，操作簡單。系統(tǒng)具有良好的功能擴展接口，能夠進一步添加各種功能模塊以滿足系統(tǒng)需求。

［1］郭瑞，李文杰.基于Flex的常微分方程數(shù)值求解分析系統(tǒng)［J］.軟件導刊，2012（2）.

［2］郭立.基于Flex的企業(yè)級WEB應用開發(fā)的研究與實踐［J］.電信交換，2009（4）.

［3］張貴強.淺談 Flex技術及應用［J］.電腦知識與技術，2011（16）.