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