基于Flex的學生信息管理系統的設計與實現

錢海軍

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

1 RIA（富互聯網）技術和Flex概述

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]。

2 系統模塊設計

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

圖1 FLEX框架

圖2 學生信息管理系統模塊

3 系統功能實現

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

3.1 創建數據源

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

3.2 創建加載XML文件的類

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

3.3 設計mxml頁面內容

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

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

3.4 用DataGrid組件綁定數據源

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

3.5 設置DataGrid的鼠標單擊事件

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

3.6 應用程序界面美化

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

3.7 程序運行效果

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

圖3 程序運行結果

4 結束語

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

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

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

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