【正文】 4 324 71 Image Assets/ 190 123 ViewStack myViewStack 現(xiàn)在第零個畫面， 即歡迎畫面 10 534 350 存放投票信息，問題 1~問題 3的選項的地方 Label lblTitle Flex 大投票 190 48 FlexVoteSystem的標(biāo)題 Label lblMessage 190 320 246 關(guān)于一些信息的顯示，例如重復(fù)投票等 表 用戶信息錄入界面控件表 Components ld 含義 Canvas ONE FromHeading lblIinformation 投票信息的標(biāo)題 FromItem LblName 投票者的姓名 TextInput txtName 填寫投票者的姓名 FromItem lblEmail 投票者 Email TextInput txtEmail 填寫投票者的 Email FromItem lblArea 投票者所在地區(qū) ComboBox cmbArea 包括中國主要城市 FromItem lblOccupations 投票者職業(yè) ComboBox cmbOccupations 選擇投票者的職業(yè) Button btnRegister 進(jìn)入到下一個畫面 表 第一個問題投票界面控件表 Components ld 含義 Canvas TWO Label lblQuestion 第一個問題的標(biāo)題 RadioButton radRConversance 非常熟悉 RadioButton radRVKnow 明白 RadioButton RadRKnow 懂一點(diǎn) RadioButton RadRNKnow 完全不知道 Button btnPrevious2 進(jìn)入到上一個畫面 Button btnNext2 進(jìn)入到下一個畫面 表 第二個問題投票界面控件表 Components ld 含義 Canvas THREE Label lblQuestion2 第二個問題的標(biāo)題 RadioButton RadSVWould 非常愿意 RadioButton radSWould 愿意 RadioButton radSCWould 又一點(diǎn)愿意 RadioButton radSNWould 用不上 Button btnPrevious3 進(jìn)入到上一個畫面 Button btnNext3 進(jìn)入到下一個畫面 表 第三個問題投票界面控件表 Components ld 含義 Canvas FOUR Label lblQuestion3 第三個問題的標(biāo)題 RadioButton radYVWould 非常愿意 RadioButton radYWould 愿意 RadioButton radYWould 又一點(diǎn)愿意 RadioButton radYNWould 用不上 Button BtnPrevious4 進(jìn)入到上一個畫面 Button BtnNext4 進(jìn)入到下一個畫面 表 第四個問題投票界面控件表 Components ld 含義 Canvas FIVE Label lblQuestion4 第四個問題的標(biāo)題 RadioButton radDay 白天（上午 9： 00 至下午 16： 00） RadioButton radNight 晚上（晚上 18： 30 至晚上 21： 00） RadioButton radHoliday 假日（星期六，日全天） RadioButton radHoliday2 假日（星期六，日擇一天） RadioButton radOther 其它（自行輸入） TextInput txtOther 自行輸入的內(nèi)容 Button btnPrevious5 進(jìn)入到上以個畫面 Button btnVote 提交 的設(shè)計 的設(shè)計： 的功能是餅形圖的顯示界面，包括用戶所在地區(qū)，用戶選擇的職業(yè)，問題 1~問題 3 的投票結(jié)果共 5 個餅形圖。 3. 第一個問題投票畫面（控件如表 所示）。表 就是 MessageBoxDialog中的控件定義的信息： 表 MessageBoxDialog 控件表 ld X Y Width Height 含義 Label lblMsg 82 18 310 默認(rèn) 顯示提示的信息 Image imgMsg 10 18 59 59 顯示提示信息的圖標(biāo) Button btnMsg 330 36 默認(rèn) 默認(rèn) 關(guān)于提示信息的確定 的設(shè)計 的設(shè)計：本環(huán)節(jié)是這個系統(tǒng)最關(guān)鍵的一步， FlexVoteSystem由以下的一些控件構(gòu)成，包括： TitleWindow,Image,Label,Button,ViewStack,LinkButton等控件，表 為這些控件的定義關(guān)系。 public static const wl_S_PanelChart4:String = 投票者對 及 學(xué)習(xí)的熱衷程度 。 public static const wl_S_PanelChart0:String = 顯示投票結(jié)果 。 public static const wl_S_Group4_B:String = 晚上 (晚上 18:30 至晚上 21:00)。 public static const wl_S_Group3_C:String = 有一點(diǎn)愿意 。 public static const wl_S_Sample2:String = Flex 范例２ 。 public static const wl_S_Group2_B:String = 愿意 。 public static const wl_S_Group1_C:String = 懂一點(diǎn) 。 public static const wl_S_Email2:String = 留言！ 。 public static const wl_S_Occupations:String = 您的職業(yè)： 。 public static const wl_S_Information:String = 請輸入您的資料： 。 ：中國的各個省或城市。 2 的投票內(nèi)容：包括（您想學(xué)習(xí) Flex 并具體實(shí)現(xiàn) 應(yīng)用嗎？非常 愿意，愿意，有一點(diǎn)愿意，用不上）一個標(biāo)題和四個投票項。 的設(shè)計 ： ，它的功能就是存儲 Flex Vote System中 Flex 端所有的文字信息，它的優(yōu)點(diǎn)就是，如果我們想修改任意一個投票項的話，我們無需去修改 ，這樣一來，就增加了程序的可讀性 。charset=utf8”%,首先需要在JSP 端設(shè)置一下編碼形式，為了和 Flex 端一致，所以必須選擇 UTF8 的編碼形式。 的編寫： 的功能是取得由 Flex端傳送過來的問題 3 的投 票結(jié)果，據(jù)其進(jìn)行數(shù)據(jù)庫的查詢操作，并把查詢后返回的結(jié)果以 XML 的形式封裝起來 。 的編寫： 的功能是取得 Flex 端傳送過來的用戶信息和投票結(jié)果，據(jù)其進(jìn)行數(shù)據(jù)庫的插入操作，并把插入后返回的結(jié)果以XML 的形式封裝起來 。 數(shù)據(jù)庫表映射 JavaBean 的設(shè)計 數(shù)據(jù)庫表映射 JavaBean 的設(shè)計： 的功能是包含對實(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è)計 文件的編寫 本系統(tǒng)關(guān)于 Flex 與 JSP 之間的通 信使用 HTTPService 方式，而 Flex 對 XML， E4X的支持已經(jīng)非常完美了，所以本系統(tǒng)在 Flex 與 JSP 之間使用 XML 進(jìn)行消息的傳送。 以下代碼為數(shù)據(jù)庫的插入，更新，刪除等操作： DataBase db = new DataBase()。 數(shù)據(jù)庫操作 JavaBean 的設(shè)計 數(shù)據(jù)庫操作 JavaBean 的設(shè)計： 具有的功能是對 DB 進(jìn)行管理操作，例如查詢，插入，刪除，關(guān)閉等操作。 url = jdbc: con = ( url,root,password)。 系統(tǒng)的流程圖和整體體系結(jié)構(gòu)圖 系統(tǒng)流程圖標(biāo)示著系統(tǒng)運(yùn)行操作過程，便于了解系統(tǒng)的操作 ,系統(tǒng)流程圖如圖 所示 : 開 始輸 入 個 人 信 息問 題 選 擇查 看 統(tǒng) 計 結(jié) 果結(jié) 束是選 擇 下 一 步選 擇 下 一 步是否否 圖 系統(tǒng)流程圖 Flex Vote System 整體的體系結(jié)構(gòu)圖如圖 ： 圖 Flex Vote System 整體的體系結(jié)構(gòu)圖 JSP 端 Javabean 的設(shè)計 JavaBean 是一種軟件組件模型，它與其他軟件對象相互作用，決定如何建立和重用軟件組件，這些可重用軟件組件被稱為 Bean。經(jīng)過上述精簡可以得出以下文件： 1. 功能描述：包括 Flex Vote System 的歡迎界面，用戶信息的錄入界面，問題 1~問題 4的投票界面。這就是本系統(tǒng)中 Flex 端的工程的名字。 2. 功能描述：對 DB進(jìn)行操作的 JavaBean。根據(jù) JavaBean 的功能應(yīng)該分為這三種形式：對 DB 進(jìn)行連接和管理的 JavaBean，對 DB表中各個字段的映射和組成 SQL語句的 JavaBean，其他方面的 Javabean。 七、 功能描述：取得由 Flex 端傳送過來的問題 1的投票結(jié)果，據(jù)其進(jìn)行數(shù)據(jù)庫的查詢操作，并把查詢后返回的結(jié)果以 XML的形式封裝起來。 三、 功能描述：取得由 Flex 端傳送過來的 Email 地址，據(jù)其進(jìn)行數(shù)據(jù)庫的查詢操作， 并把查詢后返回的結(jié)果以 XML 的形式封裝起來。, PRIMARY KEY (`Vote_ID`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8。, `Vote_Question4` varchar(20) default NULL COMMENT 39。, `Vote_Question3Count` int(11) NOT NULL default 39。 COMMENT 39。, `Vote_Question2` varchar(11) NOT NULL COMMENT 39。, `Vote_Question1Count` int(11) NOT NULL default 39。 COMMENT 39。, `Vote_Occupations` varchar(100) default NULL COMMENT 39。, `Vote_AreaCount` int(11) NOT NULL default 39。, `Vote_Email` varchar(100) default NULL COMMENT 39。如圖 ： 圖 用戶查詢投票信息模塊的設(shè)計思想：當(dāng)程序運(yùn)行到這個模塊時，說明用戶的信息和投 票結(jié)果已經(jīng)正確的插入到數(shù)據(jù)庫中，用戶將看到五個餅形圖，包括：用戶所在地區(qū)的餅形圖，用戶職業(yè)的餅形圖，問題 1~問題 3的餅形圖，如圖 ： 圖 信息模塊設(shè)計 第 4章 詳細(xì)設(shè)計 MySQL 端的設(shè)計 對 Flex Vote System 表的設(shè)計 表 flexvote 表 No 字段 類型 是否為空 鍵值 默認(rèn)值 Extra 1 Vote_ID Int(11) NOT NULL PRI auto_increment 2 Vote_Name Varchar(100) NULL NULL 3 Vote_Email Varchar(100) NULL NULL 4 Vote_Area Varchar(100) NULL NULL 5 Vote_AreaCount Int(11) NOT NULL 1 6 Vote_Occupations Varchar(100) NULL NULL 7 Vote_OccupationsCount Int(11) NOT NULL 1 8 Vote_Question1 Varchar(11) NULL NULL 9 Vote_QuestionCount Int(11) NOT NULL 1 10 Vote_Question2 Varchar(11) NULL NU