【文章內(nèi)容簡(jiǎn)介】 ..................................................... 33 對(duì)戰(zhàn)界面 .......................................................................................................... 34 聊天界面 ......................................................................................................... 35 服務(wù)器端界面 .................................................................................................. 35 5 總結(jié) ........................................................................................................................... 35 5 目標(biāo) 該系統(tǒng)屬于游戲開(kāi)發(fā)項(xiàng)目，其主要是實(shí)現(xiàn)五子棋的網(wǎng)絡(luò)對(duì)戰(zhàn)功能，即玩家可以通過(guò)網(wǎng)絡(luò)的方式實(shí)現(xiàn)對(duì)戰(zhàn)，其模式類(lèi)似與 游戲，通過(guò)帳號(hào)密碼登錄，列出在線列表框，點(diǎn)擊玩家進(jìn)行五子棋對(duì)戰(zhàn) 。 用戶(hù)特點(diǎn) 系統(tǒng)結(jié)構(gòu)層次模塊圖 服務(wù)端模塊數(shù)據(jù)傳輸模塊客戶(hù)端模塊登錄模塊登 錄 界 面邏 輯 處 理注冊(cè)模塊注 冊(cè) 界 面邏 輯 處 理用戶(hù)列表模塊用 戶(hù) 列 表 界 面邏 輯 處 理對(duì)戰(zhàn)模塊雙 人 對(duì) 戰(zhàn) 界 面邏 輯 處 理組 裝 數(shù) 據(jù) 包 數(shù) 據(jù) 收 / 發(fā) 數(shù) 據(jù) 包 解 析 數(shù) 據(jù) 包發(fā) 送 數(shù) 據(jù)接 口接 受 數(shù) 據(jù)接 口接 受 數(shù) 據(jù)接 口發(fā) 送 數(shù) 據(jù)接 口消 息 處 理 函 數(shù) A 消 息 處 理 函 數(shù) B消 息 處 理 函數(shù) . . .數(shù) 據(jù) 庫(kù)數(shù) 據(jù) 庫(kù) 操 作接 口 6 圖表 01總體組織架構(gòu) 服務(wù)器管理模塊設(shè)計(jì) 功能描述 該系統(tǒng)主要實(shí)現(xiàn)網(wǎng)絡(luò)通信下的操作，通過(guò)網(wǎng)絡(luò)傳輸實(shí)現(xiàn)五子棋對(duì)戰(zhàn)，判斷用戶(hù)落子后的輸贏情況。 功能界面說(shuō)明 啟動(dòng)界面：通過(guò)點(diǎn)擊啟動(dòng)按鈕，啟動(dòng)服務(wù)器。 操作效果圖 圖 21服務(wù)器啟動(dòng)操作效果圖 界面操作說(shuō)明 點(diǎn)擊啟動(dòng)按鈕即可啟動(dòng) 服務(wù)器。 服務(wù)器工作原理 服務(wù)器通過(guò) TCP/IP 協(xié)議的通訊，創(chuàng)建一個(gè) SOCKET，開(kāi)啟系統(tǒng)的一個(gè)端口用于網(wǎng)絡(luò)傳輸，默認(rèn)的端口號(hào)為 5000。服務(wù)器首先獲取本機(jī)的 IP，然后開(kāi)啟端口，通過(guò)監(jiān)聽(tīng)端口判斷是否有連接信息傳入，如果發(fā)現(xiàn)則與客戶(hù)端進(jìn)行連接，再通過(guò)操作信息的發(fā)送接收來(lái)響應(yīng)并處理消息。五子棋的規(guī)則判斷也是服務(wù)器的主要功能之一。 流程圖 7 圖 22用戶(hù)服務(wù)器工作簡(jiǎn)要流程圖 用戶(hù)登錄注冊(cè)管理模塊設(shè)計(jì) 功能描述 輸入正確的用戶(hù)名及密碼登錄游戲并進(jìn)入用戶(hù)列表界面。點(diǎn)擊注 冊(cè)進(jìn)行用戶(hù)注冊(cè)操作。 功能界面說(shuō)明 登錄：輸入用戶(hù)名密碼點(diǎn)擊登錄進(jìn)行游戲。 注冊(cè)：輸入用戶(hù)名，昵稱(chēng)， 2 次密碼，符合要求后注冊(cè)完成。 操作效果圖 8 圖 23 登錄界面效果圖 圖 24 注冊(cè)界面效果圖 流程圖 9 圖 25登錄注冊(cè)界面簡(jiǎn)要流程圖 用戶(hù)列表模塊設(shè)計(jì) 功能描述 本模塊用于顯示用戶(hù)的在線狀態(tài)，以及對(duì)邀請(qǐng)對(duì)戰(zhàn)、邀請(qǐng)聊天，查看信息等操作。 功能界面說(shuō)明 右鍵：點(diǎn)擊人物頭像，彈出操作對(duì)話框，點(diǎn)擊相應(yīng)條目進(jìn)行操作。 左鍵：雙擊人 物頭像，彈出聊天窗口進(jìn)行聊天。 操作效果圖 10 圖 26用戶(hù)列表效果圖 流程圖 11 圖 27用戶(hù)列表管理簡(jiǎn)要流程圖 網(wǎng)絡(luò)聊天模塊設(shè)計(jì) 功能描述 通過(guò)用戶(hù)列表的左鍵雙擊響應(yīng)，彈出聊天窗口，輸入聊天內(nèi)容點(diǎn)擊發(fā)送進(jìn)行聊天。 功能界面說(shuō)明 發(fā)送：在聊天框內(nèi)輸入內(nèi)容點(diǎn)擊發(fā)送鍵進(jìn)行信息發(fā)送。 回復(fù)：雙擊聊天內(nèi)容顯示框的某人的信息就可以實(shí)現(xiàn)與某人的對(duì)話回復(fù)。 操作效果圖 12 圖 28聊天窗口效果圖 流程圖 13 圖 29聊天傳輸 簡(jiǎn)要流程圖 對(duì)戰(zhàn)棋盤(pán)模塊設(shè)計(jì) 功能描述 五子棋對(duì)戰(zhàn)主界面，棋盤(pán)位于本界面，實(shí)現(xiàn)的功能主要是玩家落子信息的記錄，傳入服務(wù)器端進(jìn)行處理。 功能界面說(shuō)明 準(zhǔn)備：進(jìn)入對(duì)戰(zhàn)后的雙方需要點(diǎn)擊準(zhǔn)備，雙方都準(zhǔn)備后，游戲開(kāi)始。 信息顯示：顯示玩家落子的區(qū)域，以及玩家棋子的顏色。 操作效果圖 14 15 圖 210五子棋對(duì)戰(zhàn)效果圖 流程圖 圖 211 五子棋對(duì)戰(zhàn)簡(jiǎn)要流程圖 16 登錄模塊 模塊運(yùn)行流程圖 邏輯處理層 界 面 層進(jìn) 入 登 錄 界 面輸 入 用 戶(hù) 命 密 碼單 擊 登 錄 按 鈕判 斷 用 戶(hù) 名 密 碼是 否 為 空YN判 讀 登 錄 是 否成 功N進(jìn) 入 用 戶(hù)列 表 模 塊Y發(fā) 送 數(shù) 據(jù) 包組 裝 數(shù) 據(jù) 包解 析 數(shù) 據(jù) 包接 受 數(shù) 據(jù) 包轉(zhuǎn) 入 對(duì) 應(yīng)處 理 消 息 函 數(shù)處 理 用 戶(hù) 的登 錄 返 回 消 息圖 31 登錄界面詳細(xì)流程圖 登錄模塊功能分解表 邏輯處理層： 17 數(shù)據(jù)序號(hào) 制 審 日 表 核 期 處理方法名 類(lèi)型 處理說(shuō)明 判斷用戶(hù)名密碼 是否為空 Bool IsUserInfoNull (long lUserID,string pwd) 判讀登錄 是否成功 Bool IsLoginSuccess(long lFlag) 根據(jù)傳入標(biāo)志 lFlag， 0表示登錄失敗， 1表示登錄成功 登錄模塊與數(shù)據(jù)傳輸模塊公 共接口 處 理 用 戶(hù) 登 錄返 回 消 息V o i d O n U s e r L o g i n( c h a r * d a t a ) 注冊(cè)模塊 模塊流程圖 18 邏輯處理層 界 面 層單 擊 登 錄 界 面 注 冊(cè) 按 鈕進(jìn) 入 注 冊(cè) 界 面 界 面輸 入 用 戶(hù) I D , 昵 稱(chēng) ，密 碼 ， 確 認(rèn) 密 碼單 擊 注 冊(cè) 按 鈕判 讀 輸 入 是 否 為空Y發(fā) 送 數(shù) 據(jù) 包判 讀 注 冊(cè) 是 否是 否 成 功N判 讀 用 戶(hù) 昵 稱(chēng)格 式 是 否 正 確N判 斷 兩 次 密 碼輸 入 是 否 相 同NYN組 裝 數(shù) 據(jù) 包單 擊 返 回 按 鈕 進(jìn) 入登 錄 界 面或 繼 續(xù) 注 冊(cè)解 析 數(shù) 據(jù) 包接 受 數(shù) 據(jù) 包轉(zhuǎn) 入 對(duì) 應(yīng)處 理 消 息 函 數(shù)處 理 用 戶(hù) 注 冊(cè) 的返 回 消 息 圖 32 注冊(cè)界面詳細(xì)流程圖 注冊(cè)模塊功能分解表 邏輯處理層： 19 數(shù)據(jù)序號(hào)