畢業設計-基于bs方式的即時通訊軟件的設計與實現-論文(編輯修改稿)

　

【文章內容簡介】 1 用戶信息數據表： users 中文名稱 字段名 字段類型 字段長度 是否允許為空 備注 登錄名 username varchar 50 not null 主鍵 用戶昵稱 nickname varchar 50 null 密碼 password varchar 50 not null 登錄狀態 status int 4 not null 最后登錄時間 logintime datetime 8 null 最后注銷時間 logouttime datetime 8 null 最后消息編號 last_msg_id int 4 not null 表 42 聊天信息數據表： message 中文名稱 字段名 字段類型 字段長度 是否允許為空 備注 消息編號 msg_id int 4 not null 主鍵 發送者用戶名 sender varchar 50 not null 接受者用戶名 receiver varchar 50 not null 消息內容 content varchar 255 not null 發送時間 sendtime datetime 8 not null 表 43 users變化監控表： global_info 中文名稱 字段名 字段類型 字段長度 是否允許為空 備注 存儲過程設計 為了提高執行效率，并且簡化數據庫訪問的復雜程度，本系統設計了相應的存儲過程完成基本的數據庫相關功能。根據對本 系統的分析共創建了 5 個基本的存儲過程：用戶 登錄 存儲過程： UserLogin ；用戶注銷存儲過程： UserLogout；發送消息存儲過程： SendMessage ；最近聊天記錄存儲過程： GetRecentMsg ；獲取最新消息存儲過程： GetNewMessage。 1． 用戶 登錄 存儲過程 UserLogin 實現用戶的 登錄 功能，如果成功 登錄 則返回 0，反之則返回 1； 2． 用戶注銷存儲過程 UserLogout 實現用戶的登出功能，如果成功登出則返回 0，反之則返回 1； 3． 發送消息存儲過程 SendMessage 首先對發送者和接收者的 用戶名進行 檢查，然后再插入新的聊天記錄； 4． 最近聊天記錄存儲過程： GetRecentMsg 的作用是返回最近兩個用戶之間的聊天記錄； 5． 獲取最新消息存儲過程 GetNewMessage 根據數據庫 message 表中的msg_id 字段判斷哪些是新消息，凡是消息 ID 大于 msg_id 字段的均是新消息 。 系統功能分析與設計 本系統的主要任務是提供用戶之間實時的交流，方便用戶之間相互的溝通。 1． 系統登錄。登錄模塊采用基于標準的 MVC 架構的開發模式。與一般的登錄系統相似，主要是對登錄用戶的身份進行合法性驗證。登錄狀態分為兩種 ：在線、隱身。根據自己的需求選擇登錄方式。 2． 登錄狀態切換。當用戶登錄后還可以重新選擇登錄狀態，通過選擇下拉列表的選項可以切換用戶的登錄狀態是在線或者隱身。或者單擊“注銷”按鈕，將注銷用戶的登錄。 3． 用戶列表查看。當用戶登錄成功后，系統將顯示給用戶他的所有在線好友，并且實時的更新用戶列表：當有好友登錄后將即時的顯示在用戶列表中；當有好友臨時退出系統后將在用戶列表中消失。 4． 消息提示。我們設計了一個類似于 MSN 提示框的小窗口，定時的檢查是否有新消息，如果有的話彈出這個窗口，用戶可以即時回復消息。 5． 查看近期消息。當加 載消息發送頁面的時候，會首先加載若干條近期的聊天記錄，幫助用戶回顧以往的聊天內容。 6． 發送消息。用戶選擇發送對象后，直接進行發送。 7． 接收消息。在消息發送后接收者能夠實時接收消息。 根據需求分析和功能說明，開始系統的圖形化建模，本系統的功能說明圖43 所示： 圖 43 系統功能說明圖 ① webmsn 即時通訊系統執行者 a) Client： webmsn 登錄 端，使用 webmsn 進行即時通訊的人 b) Server： webmsn 服務端，對用戶進行注冊、登錄、資料管理的角色 c) DBServer： webmsn 數據庫服務器，保存用戶數據的角色 d) MsgSender：端對端傳輸消息或這文件時的發送端 e) MsgReceiver：端對端傳輸消息或者文件時的接受端 其中， MsgSender 和 MsgReceiver 從屬于 Client ② webmsn 即時通訊系統用例說明 a) 注冊：使用者通過注冊成為 webmsn 用戶； b) 登錄：連接服務器獲得服務； c) 更改狀態：更改自己在服務器的狀態，狀態分為：在線、隱身； d) 更改資料：更改自己的資料并保存在數據庫服務器； e) 查找好友：從服務器獲得好友信息； f) 傳輸信息：傳送文本信息或者富 文本信息給好友； g) 退出系統：從服務器退出，取消服務； 系統模塊設計 注冊 模塊 圖 44 注冊用例圖 注冊用例圖用例說明： ①填寫注冊信息 ②檢查信息格式 ③新注冊申請 ④傳輸注冊數據 ⑤生成新帳號 ⑥添加新用戶命令 ⑦在數據庫中添加新用戶 登錄 模塊 圖 45 登錄用例圖 ①登錄用例圖用例說明： a) 輸入登錄信息 b) 發送登錄請求 c) 驗證登錄信息 d) 傳輸好友列表 e) 刷新在線用戶列表 f) 通知好友上線 g) 改變好友狀態 h) 讀取用戶數據命令 i) 從數據庫中讀取用戶信息 傳輸信息 模塊 圖 46 傳輸信息用例圖 ①在線傳輸信息用例圖用例： a) 選擇發送內容 b) 傳輸信息 c) 顯示信息 退出系統 模塊 圖 47 退出系統用例圖 ①退出系統用例 a) 退出 webmsn b) 發送退出消息 c) 刷新在線用戶列表 d) 通知好友下線 e) 改變好友狀態 f) 更改用戶狀態命令 g) 在數據庫中更改用戶狀態數據 5 系統實現 發送消息功能 實現 為了實現發送消息的功能，在服務器端代碼中需要定義 Ajax 方法SendMessage，具體代碼如下： [AjaxMethod()] public void SendMessage(string strUsername, string strContent) { // 數據連接 SqlConnection conn = new SqlConnection([ConnStr])。 // SQL命令 SqlCommand cmd = ()。 = (SendMessage 39。{0}39。,39。{1}39。, 39。{2}39。, , strUsername, strContent)。 try { // 打開數據連接 ()。 // 執行 SQL,發送消息 ()。 } catch (SqlException) { } finally { // 關閉連接 ()。 } 然后在客戶端編寫 getMessage函數，調用服務器 Ajax方法進行消息的發送。 getMessage 函數的代碼如下： 接收消息功能 實現 為了實現接收消息的功能，在服務器端代碼中需要定義 Ajax 方法GetNewMessage，具體代碼如下： // 發送消息 function sendMessage() { // 消息內容輸入框 var ta_content = el(content)。 // 如果輸入內容不為空 if ( 0) { // 消息顯示區域 var div_recentMsg = el(recentMsg)。 // 用戶名 var username = (39。=39。)[1]。 // 發送消息 (username, )。 // 清空輸入框 = 。 // 頁面跟隨輸入框滾動 (false)。 // 獲取新消息 getNewMessage()。 } [AjaxMethod()] public DataSet GetNewMessage() { // 返回的數據集 DataSet ds = new DataSet()。 // 數據連接 SqlConnection conn = new SqlConnection([ConnStr])。 // SQL命令 SqlCommand cmd = ()。 // 數據適配器 SqlDataAdapter da = new SqlDataAdapter(cmd)。 try { // 向 DataSet中填充消息數據 (ds)。 try { // 向 DataSet中填充消息數據 (ds)。 } catch (SqlException) { } finally { // 關閉連接 ()。 } return ds。 } 然后在客戶端編寫 getNewMessage 函數，調用服務器 Ajax 方法進行消息的發送。 getNewMessage 函數的代碼如下： function getNewMessage() { // 用戶名 var username = (39。=39。)[1]。 // 消息顯示區域 var div_recentMsg = el(recentMsg)。 // 獲取最新消息的數據表 var dt = ().[0]。 for (var i = 0。i 。i++) { // 一條消息對應與一個 span對象 var oneMsg = (span)。 // 消息發送者與發送對象 var strLine1 = [i].sender + 說 : ( + [i].sendtime + )。 strLine1 = DealBrackets(strLine1)。 // 消息內容 var strLine2 = [i].content。 strLine2 = DealBrackets(strLine2)。 // 顯示樣式 = pre + strLine1 + br + strLine2 + /pre。 6 測試 由于開發占據了我大部分的精力和時間，平時所作的測試也就是一些手工的調試和邊界的黑盒測試，在這里只是列舉我測試的一些范圍，不做詳細描敘。 測試內容 1．注冊功能測試； 2．在線好友實時更新測試 3．發送消息功能測試； 4．查看近期消息功能測試； 5．接收消息功能測試。 測試結果 以上的測試案例是單獨進行測試的，還需要進一步的交叉案例測試。通過以上簡單測試說明了設計方法的正確性，它已經初步符合了即時通訊系統的基本要求 —— 即時， 具有良好的檢測性能和準確的檢測結果。但系統構架和代碼設計還需要進一步優化，以提高系統的運行效率，降低所耗的系統資源，為用戶提供更好的服務。 = 2px 2px 2px 2px。 = ([i].sender == username) ? blue : red。 = 39。Courier New39。 , 宋體 。 // 附加到 DOM (oneMsg)。 } } // 主進程循環 function mainLoop() { // 獲取新消息 getNewMessage()。 // 每隔 1秒檢查一次 setTimeout(mainLoop(), 1000)。 } // 顯示最近的消息 getRecentMsg()。 // 定時更新消息列表 mainLoop()。 結 論 本次對即時通訊的課題研究涉及到了即時通訊協議的定制；即時通訊服務模式的探討； webmsn 系統建模、設計到實現的一系列過程，重點講敘了 Ajax 新技術的使用等知識，也介