【正文】 本系統(tǒng)采用的是 HTTPService 的方式。 6. 第四個(gè)問題投票畫面（控件如表 所示）。根據(jù) MessageBoxDialog 的作用可知，應(yīng)該使用如下的 Component： Button,Label,Image。 public static const wl_S_Group4_E:String = 其他 (自行輸入 )。 public static const wl_S_Group3_B:String = 愿意 。 public static const wl_S_Group2_A:String = 非常愿意 。 public static const wl_S_Author2:String = 或給我 。 以下就是 的關(guān)鍵代碼 : package { public class TransformLanguageClass { //簡體部分 public static const wl_S_Title:String = Flex 教程調(diào)研大投票 。 1 的投票內(nèi)容：包括（請問您對 Flex 的認(rèn)知程度？非常熟悉，明白，懂一點(diǎn)，完全不知道）一個(gè)標(biāo)題和四個(gè)投票項(xiàng)。 JSP 端的編碼形式： %page contentType=”text/html。 的編寫： 的功能是取得用戶 IP 地址，然后將 IP 地址進(jìn)行數(shù)據(jù)庫的查詢操作，并把查詢后的結(jié)果以 XML 的形式封裝起來 。 ResultSet res = (p_Sql)。 數(shù)據(jù)庫連接 JavaBean 的設(shè)計(jì) 數(shù)據(jù)庫連接 JavaBean 的設(shè)計(jì)： 具有的功能是對數(shù)據(jù)庫進(jìn)行連接操 作，以下就是 中在 JVM 中查找并加載 MySQL 驅(qū)動類，然后創(chuàng)建Connection 對象并對數(shù)據(jù)庫進(jìn)行連接操作的代碼 : ()。本系統(tǒng)利用的就是 Flex 的 ViewStack 組件，使用 ViewStack 組件簡化的對象包括： Flex Vote System 的歡迎界面，用戶信息的錄入界面，問題 1~問題 4 的投票界面。只負(fù)責(zé)對 DB 的連接操作。 六、 功能描述：取得由 Flex 端傳送過來的用戶職業(yè)，據(jù)其進(jìn)行數(shù)據(jù)庫的查詢操作，并把查詢后返回的結(jié)果以 XML 的形式封裝起來。用戶的 IP地址，其不能重復(fù) ！ 39。問題 3的內(nèi)容 39。問題 1 的計(jì)數(shù) 39。139。用戶所在地區(qū) 39。 JSP 端 將得到的結(jié)果封裝成 XML 發(fā)送到 Flex 端， Flex端接收的 XML 為 Successful 則繼續(xù)下一個(gè)模塊，如果為 Unsuccessful 則說明 Email地址已經(jīng)被注冊了，由于 Email 地址不允許重復(fù)注冊，所以將彈出提示信息，如圖 ： 圖 用戶信息錄入模塊設(shè)計(jì) 用戶投票模塊的設(shè)計(jì)思想：用戶在這個(gè)模塊中，首先需要對問題 1~問題 4四個(gè)項(xiàng)目進(jìn)行投票，然后 Flex 端將用戶錄入的信息和問題 1~問題 4 的投票結(jié)果以 HTTPService方式發(fā)送到 JSP 端， JSP 端將這些得到的信息組成 SQL 語句后發(fā)送給 DB 端 ， DB 端則對發(fā)送過來的 SQL 語句進(jìn)行插入操作，并將結(jié)果返回給 JSP 端， JSP 端對這些返回的結(jié)果進(jìn)行封裝，最后被 Flex 端接收，如果 Flex 端接收的 XML 為 Successful 說明插入成功，如果為 Unsuccessful 說明插入失敗。 特別需要說明的是，由于時(shí)間先后不同，不同版本軟件可能導(dǎo)致兼容性問題。每個(gè)部分的知識體系需詳細(xì)了解及熟悉掌握。針對這個(gè)投票系統(tǒng)的需求分析，總結(jié)出如下的需求信息：第一，同一個(gè) IP 地址和 Email 地址的用戶只能投票一次。 本系統(tǒng)的功能和應(yīng)用背景 本系統(tǒng)的功能：采用 Flex+JSP+MySQL 架構(gòu)的 Flex 版的投票系統(tǒng)，具有 RIA（富互聯(lián)網(wǎng)技術(shù)）的特性，具有更佳的用戶體驗(yàn)性，并且可以直觀的反映出投票結(jié)果，同時(shí)嚴(yán)格按照每個(gè) IP 地址只能投票一次的限制來實(shí)施，這樣避免了重復(fù)投票的可能性。 Flex 的特性及優(yōu)勢 Adobe Flex 是一個(gè)針對企業(yè)級互聯(lián)網(wǎng)應(yīng)用的表示層解決方案，具體來說 Flex 是一種應(yīng)用框架。但為什么沒有更多的開發(fā)者使用 Flex 呢？首先就是針對 flash 來做 企業(yè)級應(yīng)用的不信任。富互聯(lián)網(wǎng)應(yīng)用程序中的富客戶技術(shù)通過提供可承載已編譯客戶端應(yīng)用程序（以文件形式，用 HTTP 傳遞）的運(yùn)行環(huán)境，客戶端應(yīng)用程序使用異步客戶 /服務(wù)器架構(gòu)連接現(xiàn)有的后端應(yīng)用服務(wù)器，這是一種安全、可升級、具有良好適應(yīng)性的新的面向服務(wù)模型，這種模型由采用的 WEB服務(wù)所驅(qū)動。通過這個(gè)系統(tǒng)的開發(fā)過程，展示了 Flex 利用 HTTPService 通信方式，結(jié)合 JSP 實(shí)現(xiàn)對數(shù)據(jù)庫訪問的全過程，這個(gè)系統(tǒng)是使用典型的三層體系結(jié)構(gòu)來構(gòu)筑的，在開發(fā)過程中可以對三層體系結(jié)構(gòu) 有一個(gè)全面的認(rèn)識 本系統(tǒng)開發(fā)的難點(diǎn)就在于，開發(fā)環(huán)境的搭建，系統(tǒng)分析的過程，三層架構(gòu)的理解，ChartViewDialog 的 states 和 transition 的實(shí)現(xiàn)，語言切換的實(shí)現(xiàn)。對本研究提供過幫助和做出過貢獻(xiàn)的個(gè)人或集體，均已在文中作了明確的說明并表示了謝意。 什么是 RIA： 傳統(tǒng)網(wǎng)絡(luò)程序的開發(fā)是基于頁面的、服務(wù)器端數(shù)據(jù)傳遞的模式，把網(wǎng)絡(luò)程序的表現(xiàn)層建立于 HTML 頁面之上，而 HTML 是適合于文本的，傳統(tǒng)的基于頁面的系統(tǒng)已經(jīng)漸漸不能滿足網(wǎng)絡(luò)瀏覽者的更高的、全方位的體驗(yàn)要求了。 隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展，現(xiàn)在基于 RIA 的主流技術(shù) 除了 Flex，還有ajax,silverlight 等等，為什么又從中選擇 Flex 呢？因?yàn)?flex 做的界面又好看，又方便，也不難學(xué)，還有強(qiáng)大的 IDE 支持 ， 而 ajax 做 UI 的時(shí)候，主要是靠 JS，要實(shí)現(xiàn)一些比較復(fù)雜的效果，特別麻煩 。 綜上所述，一種新技術(shù)的出現(xiàn)，是需要開發(fā)者的研究與推廣才能使其普及的，而Flex 作為一項(xiàng)針對企業(yè)或個(gè)人應(yīng)用的計(jì)算機(jī)技術(shù)，在未來必定有其光明的前途，這也正是這次研究學(xué)習(xí)的主要目的。用戶界面層（ Flex 端），業(yè)務(wù)邏輯層（ JSP 端），數(shù)據(jù)儲存層（ DB 端）三種模塊獨(dú)立存在。所以說數(shù)據(jù)庫設(shè)計(jì)是一個(gè)程序的根本所在，只有構(gòu)建一個(gè)高效率的數(shù)據(jù)庫，用戶界面層和數(shù)據(jù)邏輯層才能更加有效的配合。第一 ，用戶信息所包括數(shù)據(jù)項(xiàng)：姓名， Email，職業(yè)，職業(yè)的計(jì)數(shù)，地區(qū)，地區(qū)的計(jì)數(shù)，用戶的IP 地址。數(shù)據(jù)庫端還會用到一些常用的 SQL語句。如果 Flex 端接收的 XML 內(nèi)容是 Successful 則跳轉(zhuǎn)到用戶信息錄入模塊。, `Vote_Email` varchar(100) default NULL COMMENT 39。, `Vote_Occupations` varchar(100) default NULL COMMENT 39。, `Vote_Question1Count` int(11) NOT NULL default 39。 COMMENT 39。, `Vote_Question4` varchar(20) default NULL COMMENT 39。 三、 功能描述：取得由 Flex 端傳送過來的 Email 地址，據(jù)其進(jìn)行數(shù)據(jù)庫的查詢操作， 并把查詢后返回的結(jié)果以 XML 的形式封裝起來。根據(jù) JavaBean 的功能應(yīng)該分為這三種形式：對 DB 進(jìn)行連接和管理的 JavaBean，對 DB表中各個(gè)字段的映射和組成 SQL語句的 JavaBean，其他方面的 Javabean。這就是本系統(tǒng)中 Flex 端的工程的名字。 系統(tǒng)的流程圖和整體體系結(jié)構(gòu)圖 系統(tǒng)流程圖標(biāo)示著系統(tǒng)運(yùn)行操作過程，便于了解系統(tǒng)的操作 ,系統(tǒng)流程圖如圖 所示 : 開 始輸 入 個(gè) 人 信 息問 題 選 擇查 看 統(tǒng) 計(jì) 結(jié) 果結(jié) 束是選 擇 下 一 步選 擇 下 一 步是否否 圖 系統(tǒng)流程圖 Flex Vote System 整體的體系結(jié)構(gòu)圖如圖 ： 圖 Flex Vote System 整體的體系結(jié)構(gòu)圖 JSP 端 Javabean 的設(shè)計(jì) JavaBean 是一種軟件組件模型，它與其他軟件對象相互作用，決定如何建立和重用軟件組件，這些可重用軟件組件被稱為 Bean。 數(shù)據(jù)庫操作 JavaBean 的設(shè)計(jì) 數(shù)據(jù)庫操作 JavaBean 的設(shè)計(jì)： 具有的功能是對 DB 進(jìn)行管理操作，例如查詢，插入，刪除，關(guān)閉等操作。 數(shù)據(jù)庫表映射 JavaBean 的設(shè)計(jì) 數(shù)據(jù)庫表映射 JavaBean 的設(shè)計(jì)： 的功能是包含對實(shí)體數(shù)據(jù)庫中所有字段的映射，還包括對 IP 地址進(jìn)行查詢操作，對 Email 地址進(jìn)行查詢操作，對數(shù)據(jù)庫進(jìn)行插入操作，對用戶所在地區(qū)進(jìn)行進(jìn)行查詢操作，對用戶的職業(yè)進(jìn)行查詢操作，對問題 1~問題 3 的投票結(jié)果進(jìn)行查詢操作，并將以上內(nèi)容組合成 SQL 語句 服務(wù)器端 JSP 的設(shè)計(jì) 文件的編寫 本系統(tǒng)關(guān)于 Flex 與 JSP 之間的通 信使用 HTTPService 方式，而 Flex 對 XML， E4X的支持已經(jīng)非常完美了，所以本系統(tǒng)在 Flex 與 JSP 之間使用 XML 進(jìn)行消息的傳送。 的編寫： 的功能是取得由 Flex端傳送過來的問題 3 的投 票結(jié)果，據(jù)其進(jìn)行數(shù)據(jù)庫的查詢操作，并把查詢后返回的結(jié)果以 XML 的形式封裝起來 。 的設(shè)計(jì) ： ，它的功能就是存儲 Flex Vote System中 Flex 端所有的文字信息，它的優(yōu)點(diǎn)就是，如果我們想修改任意一個(gè)投票項(xiàng)的話，我們無需去修改 ，這樣一來，就增加了程序的可讀性 。 ：中國的各個(gè)省或城市。 public static const wl_S_Occupations:String = 您的職業(yè)： 。 public static const wl_S_Group1_C:String = 懂一點(diǎn) 。 public static const wl_S_Sample2:String = Flex 范例２ 。 public static const wl_S_Group4_B:String = 晚上 (晚上 18:30 至晚上 21:00)。 public static const wl_S_PanelChart4:String = 投票者對 及 學(xué)習(xí)的熱衷程度 。 3. 第一個(gè)問題投票畫面（控件如表 所示）。關(guān)于具體怎樣實(shí)現(xiàn) transition 效果的代碼，請參考關(guān)鍵代碼那一章。在 MXML 中使用 HTTPService 對象很方便，格式如下： mx: HTTPService id=“ srv” url=“ ” method=“ post” / 第 5 章 功能測試 用戶信息錄入模塊的功能測試 表 用戶信息錄入模塊測試用例 用戶信息錄入模塊用例測試 模塊編號 : 1001 功能名稱 : 用戶信息錄入 前置測試用例 信息錄入成功 功能完成人 : 王熹 功能點(diǎn) : 錄入 優(yōu)先級 : 高 測試人 : 王熹 修改人 : 王熹 測試步驟 : ： cc Email地址： ： 北京 ： 廣告業(yè)等 預(yù)期結(jié)果 : ，點(diǎn)擊 下一步成功進(jìn)入投票界面 ，系統(tǒng)給出相應(yīng)錯(cuò)誤提示 測試結(jié)果 : 通過 錯(cuò)誤列表 序列 輸入?yún)?shù) 錯(cuò)誤結(jié)果 無 用戶投票模塊的功能測試 表 用戶投票模塊的測試用例 用戶投票模塊用例測試 模塊編號 : 1002 功能名稱 : 用戶對問題進(jìn)行投票 前置測試用例 投票成功 功能完成人 : 王熹 功能點(diǎn) : 投票 優(yōu)先級 : 高 測試人 : 王熹 修改人 : 王熹 測試步驟 : 1 進(jìn)行投票 2 對問題 2 進(jìn)行投票 2 進(jìn)行投票 2 進(jìn)行投票 預(yù)期結(jié)果 : ，點(diǎn)擊下一步成功進(jìn)入結(jié)果統(tǒng)計(jì)餅形圖界面 測試結(jié)果 : 通過 錯(cuò)誤列表 序列 輸入?yún)?shù) 錯(cuò)誤結(jié)果 無 統(tǒng)計(jì)結(jié)果餅形圖模塊功能測試 表 統(tǒng)計(jì)結(jié)果餅形圖模塊測試用例 統(tǒng)計(jì)結(jié)果餅形圖模塊用例測試 模塊編號 : 1003 功能名稱 : 結(jié)果統(tǒng)計(jì)餅形圖 前置測試用例 畫面成功出現(xiàn)五個(gè)餅形圖 功能完成人 : 王熹 功能點(diǎn) : 結(jié)果統(tǒng)計(jì) 優(yōu)先級 : 高 測試人 : 王熹 修改人 : 王熹 測試步驟 : 投票結(jié)束點(diǎn)擊提交 預(yù)期。并將這些 Panel 分別命名為 PanelChart1, PanelChart2, PanelChart3, PanelChart4, PanelChart5。 1. 歡迎畫面（控件本章已經(jīng)說明）。 public static const wl_S_PanelCh