【正文】 Flex Vote System 的命名規(guī)則和結(jié)構(gòu) ................................................................. 12 端的文件結(jié)構(gòu)和命名 ............................................................................... 12 端的文件結(jié)構(gòu)和命名 ............................................................................. 14 系統(tǒng)流程圖和整體體系結(jié)構(gòu)圖 ..................................................................... 15 JSP 端 JavaBean 的設(shè)計(jì) ......................................................................................... 16 數(shù)據(jù)庫連接 JavaBean 的設(shè)計(jì) ....................................................................... 17 數(shù)據(jù)庫操作 JavaBean 的設(shè)計(jì) ....................................................................... 17 數(shù)據(jù)庫表映射 JavaBean 的設(shè)計(jì) ................................................................... 17 服務(wù)器斷 JSP 的設(shè)計(jì) .............................................................................................. 18 文件的編寫 ............................................................................................... 18 +JSP+MySQL 的編碼問題 ......................................................................... 19 客戶端 Flex 的設(shè)計(jì) ................................................................................................ 19 的設(shè)計(jì) ........................................................... 19 的設(shè)計(jì) .................................................................. 22 的設(shè)計(jì) ........................................................................ 22 的設(shè)計(jì) ..................................................................... 25 HTTPService 的介紹 ..................................................................................... 25 第 5 章 功能測(cè)試 .......................................................................................... 27 用戶信息錄入模塊的功能測(cè)試 .............................................................................. 27 問題投票模塊的功能測(cè)試 ...................................................................................... 27 統(tǒng)計(jì)結(jié)果餅形圖模塊測(cè)試 ...................................................................................... 28 測(cè)試截圖 .................................................................................................................. 28 結(jié) 論 ............................................................................................................. 32 參考文獻(xiàn) ......................................................................................................... 33 致 謝 ............................................................................................................. 34 第 1章 緒論 Flex 是 Macromedia 發(fā)布的 presentation server（展現(xiàn)服務(wù)），它是 java web container 或者 . server 的一個(gè)應(yīng)用，根據(jù) .mxml 文件（純粹的 xml 描述文件和actionscript）產(chǎn)生相 應(yīng)的 .swf 文件，傳送到客戶端，由客戶端的 flash player 或者shockwave player 解釋執(zhí)行，給用戶以豐富的客戶體驗(yàn)。運(yùn)用 Flash 是完全可以做 到 flex 的效果的，為什么還需要 flex 呢？這里面有兩個(gè)原因： 1：為了迎合更多的開發(fā)者。 Flash 天生是為了設(shè)計(jì)者設(shè)計(jì)的，界面還有 flash 的動(dòng)畫概念和程序開發(fā)人員格格不入，為了吸引更多的 jsp/asp/php 等程序 員， Macromedia 推出了 Flex，用非常簡單的 .mxml 來描述界面給 jsp/asp/php 程序人員使用 .(x/d)html 非常相似，而且 mxml 更加規(guī)范化、標(biāo)準(zhǔn)化。 什么是 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)要求了。而富互聯(lián)網(wǎng)應(yīng)用（ Rich Inter Applications，縮寫為 RIA）的出現(xiàn)就是為了解決這個(gè)問題。富互聯(lián)網(wǎng)應(yīng)用程 序是下一代的將桌面應(yīng)用程序的交互式用戶體驗(yàn)與傳統(tǒng)的 WEB應(yīng)用的部署靈活性和成本分析結(jié)合起來的網(wǎng)絡(luò)應(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ù)器，這是一種安全、可升級(jí)、具有良好適應(yīng)性的新的面向服務(wù)模型，這種模型由采用的 WEB服務(wù)所驅(qū)動(dòng)。結(jié)合了聲音、視頻和實(shí)時(shí)對(duì)話的綜合通信技術(shù)，使富互聯(lián)網(wǎng)應(yīng)用程序（ RIA）具有前所未有的網(wǎng)上用戶體驗(yàn)。 Adobe RIA技術(shù)封裝讓現(xiàn)有的 WEB 技術(shù)得到 了極大的保留，核心價(jià)值在于大大提高了產(chǎn)品設(shè)計(jì)師和開發(fā)工程師的 “ 開發(fā)體驗(yàn) ” ，強(qiáng)化了設(shè)計(jì)端和開發(fā)端的整合。設(shè)計(jì)師和開發(fā)工程師們可以方便地將自己的代碼平移到新的平臺(tái)上，并且發(fā)布、部署的方式比之前的任何一款開發(fā)工具都方便得多，從而使 RIA應(yīng)用有更廣大的開發(fā)者基礎(chǔ)。 本系統(tǒng)采用的這一新技術(shù)，是基于 Web 形式并以 C/S 為構(gòu)架，同時(shí)結(jié)合了傳統(tǒng)應(yīng)用程序的反應(yīng)快，交互性強(qiáng)的優(yōu)點(diǎn)以及 Web 應(yīng)用程序的傳播范圍廣的特點(diǎn)，大大提高了用戶體驗(yàn)性，簡化并改進(jìn)了傳統(tǒng)應(yīng)用程序的用戶交互性。 隨著計(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ù)雜的效果，特別麻煩 。 追求 UI 的漂亮縱然不是最主要的，但是有些比較復(fù)雜的業(yè)務(wù)，往往需要 “ 特別的 ” 界面來提高操作的便捷性，這一點(diǎn)上， flex 又稍勝一籌 ?，F(xiàn)在作為針對(duì)個(gè)人或企業(yè)級(jí)的應(yīng)用設(shè)計(jì)， Flex 比較有前途，因?yàn)樗菀咨鲜?，美觀，靈活，速度快。但為什么沒有更多的開發(fā)者使用 Flex 呢？首先就是針對(duì) flash 來做 企業(yè)級(jí)應(yīng)用的不信任。再者， adobe 主要針對(duì) 的是 java 開發(fā)者 ，而 對(duì)于 . 開發(fā)者的努力應(yīng)該是沒有甚么作用的， . 開發(fā)者習(xí)慣了使用微軟的東西，比較有專屬性，而且 有 WPF 這個(gè)平臺(tái)，為甚么要選擇 Flex 呢。在圖形引擎方面， flash 始終無法和 WPF 相媲美，技術(shù)上的差距還很明顯。 另一方面說， Flex 也不能吃掉 ajax 陣營，畢竟基于瀏覽器的應(yīng)用長期存在了這么多年，熟悉 html 和 javascript 的開發(fā)者又那么多，想讓傳統(tǒng) web 開發(fā)者轉(zhuǎn)到 Flex 上面，那是不太可能的事情。唯一有可能的事情就是原來使用 flash 開發(fā)應(yīng)用的和使用 swing/awt 的開發(fā)者轉(zhuǎn)到 flex/apollo 平臺(tái)下。 綜上所述，一種新技術(shù)的出現(xiàn)，是需要開發(fā)者的研究與推廣才能使其普及的，而Flex 作為一項(xiàng)針對(duì)企業(yè)或個(gè)人應(yīng)用的計(jì)算機(jī)技術(shù)，在未來必定有其光明的前途，這也正是這次研究學(xué)習(xí)的主要目的。 第 2 章 需求分析 項(xiàng)目背景 選題依據(jù) 隨著電子商務(wù)的發(fā)展，各行各業(yè)的企業(yè)都建立的自己的網(wǎng)站，展示宣傳自己的產(chǎn)品。 Web 宣傳方式與傳統(tǒng)宣傳方式相比，網(wǎng)絡(luò)推廣更具優(yōu)勢(shì)，成本低，容易維護(hù)，只要用戶聯(lián)網(wǎng)任何時(shí) 候都可以查看信息，而傳統(tǒng)的網(wǎng)絡(luò)程序一般都采用頁面表現(xiàn)內(nèi)容、由服務(wù)器來傳遞數(shù)據(jù)的開發(fā)模式，在頁面中使用 HTML 標(biāo)記語言來表現(xiàn)界面層，而 HTML 只適用于圖文內(nèi)容，在形式上受到很多限制，已漸漸不能滿足網(wǎng)絡(luò)瀏覽者更高的全方位的體驗(yàn)要求，而 Flex 的出現(xiàn)就是為了解決這個(gè)問題 。 Flex 的特性及優(yōu)勢(shì) Adobe Flex 是一個(gè)針對(duì)企業(yè)級(jí)互聯(lián)網(wǎng)應(yīng)用的表示層解決方案，具體來說 Flex 是一種應(yīng)用框架。 Flex 的代表性特性： ； ； 支持； ，除了可以加載 XML文件和其他文本資料外， Flex 還可以和ASP、 、 PHP、 JSP 等多種服務(wù)器端程序通信 ,連接遠(yuǎn)程 WebService，還支持Remoting 和 Socket 等高級(jí)數(shù)據(jù)通信方式。這種 RIA 的富客戶端采用異步方式和服務(wù)器通信，是種安全的、具備良好適應(yīng)性的服務(wù)器運(yùn)行模式。 Adobe 公司開發(fā)的 Flex 是一個(gè)在開放式的平臺(tái) Eclipse 的基礎(chǔ)上從頭編寫，并集合了 Flex Framework 和 的功能強(qiáng)大的開發(fā)工具。 設(shè)計(jì)思路 采用 最 常用的 C/S（三層結(jié)構(gòu)） Flex+JSP+MySQL 架構(gòu)， Flex 為客戶端， JSP 為服務(wù)器端， MySQL 為 DB 端。用戶界面層（ Flex 端），業(yè)務(wù)邏輯層（ JSP 端），數(shù)據(jù)儲(chǔ)存層（ DB 端）三種模塊獨(dú)立存在。用戶界面層向業(yè)務(wù)邏輯層發(fā)出請(qǐng)求后，業(yè)務(wù)邏輯層根據(jù)用戶界面層發(fā)送過來的請(qǐng)求進(jìn)行分類處理后，再發(fā)送到數(shù)據(jù)儲(chǔ)存層。而業(yè)務(wù)邏輯層會(huì)把數(shù)據(jù)儲(chǔ)存層返回的結(jié)果（數(shù)據(jù)）封裝成用戶界面層可以接受的形式，再反饋給用戶界面層，最后由用戶界面層表示出來。 本系統(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ù)投票的可能性。 本系統(tǒng)的應(yīng)用背景：可以運(yùn)行在任何一個(gè)使用瀏覽器進(jìn)行投票的項(xiàng)目上，由于采用的是 MySQL 數(shù)據(jù)庫，所以在體積和靈活性上面具有很強(qiáng)的優(yōu)勢(shì)，一般應(yīng)用于個(gè)人，中小企業(yè)的在線投票項(xiàng)目。 系統(tǒng)數(shù)據(jù)流圖 用 戶錄 入 查 看 輸 出用 戶個(gè) 人 信 息條 件用 戶 信 息投 票 結(jié) 果 圖 系統(tǒng)數(shù)據(jù)流圖 數(shù)據(jù)流圖標(biāo)示著系統(tǒng)的數(shù)據(jù)流向情況，可以 對(duì)系統(tǒng)的數(shù)據(jù)處理有更細(xì)致的了解。該系統(tǒng)對(duì)個(gè)人信息錄入包括個(gè)人基本信息和四個(gè)問題選擇，用于最終數(shù)據(jù)統(tǒng)計(jì)，并用餅狀圖顯示統(tǒng)計(jì)結(jié)果。 數(shù)據(jù)