【正文】 Line1)。i++) { // 一條消息對應(yīng)與一個(gè) span對象 var oneMsg = (span)。 for (var i = 0。 // 消息顯示區(qū)域 var div_recentMsg = el(recentMsg)。=39。 } 然后在客戶端編寫 getNewMessage 函數(shù)，調(diào)用服務(wù)器 Ajax 方法進(jìn)行消息的發(fā)送。 } catch (SqlException) { } finally { // 關(guān)閉連接 ()。 try { // 向 DataSet中填充消息數(shù)據(jù) (ds)。 // SQL命令 SqlCommand cmd = ()。 } [AjaxMethod()] public DataSet GetNewMessage() { // 返回的數(shù)據(jù)集 DataSet ds = new DataSet()。 // 頁面跟隨輸入框滾動(dòng) (false)。 // 發(fā)送消息 (username, )。=39。 // 如果輸入內(nèi)容不為空 if ( 0) { // 消息顯示區(qū)域 var div_recentMsg = el(recentMsg)。 } 然后在客戶端編寫 getMessage函數(shù)，調(diào)用服務(wù)器 Ajax方法進(jìn)行消息的發(fā)送。 // 執(zhí)行 SQL,發(fā)送消息 ()。, , strUsername, strContent)。, 39。,39。 = (SendMessage 39。 根據(jù)需求分析和功能說明，開始系統(tǒng)的圖形化建模，本系統(tǒng)的功能說明圖43 所示： 圖 43 系統(tǒng)功能說明圖 ① webmsn 即時(shí)通訊系統(tǒng)執(zhí)行者 a) Client： webmsn 登錄 端，使用 webmsn 進(jìn)行即時(shí)通訊的人 b) Server： webmsn 服務(wù)端，對用戶進(jìn)行注冊、登錄、資料管理的角色 c) DBServer： webmsn 數(shù)據(jù)庫服務(wù)器，保存用戶數(shù)據(jù)的角色 d) MsgSender：端對端傳輸消息或這文件時(shí)的發(fā)送端 e) MsgReceiver：端對端傳輸消息或者文件時(shí)的接受端 其中， MsgSender 和 MsgReceiver 從屬于 Client ② webmsn 即時(shí)通訊系統(tǒng)用例說明 a) 注冊：使用者通過注冊成為 webmsn 用戶； b) 登錄：連接服務(wù)器獲得服務(wù)； c) 更改狀態(tài)：更改自己在服務(wù)器的狀態(tài)，狀態(tài)分為：在線、隱身； d) 更改資料：更改自己的資料并保存在數(shù)據(jù)庫服務(wù)器； e) 查找好友：從服務(wù)器獲得好友信息； f) 傳輸信息：傳送文本信息或者富 文本信息給好友； g) 退出系統(tǒng)：從服務(wù)器退出，取消服務(wù)； 系統(tǒng)模塊設(shè)計(jì) 注冊 模塊 圖 44 注冊用例圖 注冊用例圖用例說明： ①填寫注冊信息 ②檢查信息格式 ③新注冊申請 ④傳輸注冊數(shù)據(jù) ⑤生成新帳號 ⑥添加新用戶命令 ⑦在數(shù)據(jù)庫中添加新用戶 登錄 模塊 圖 45 登錄用例圖 ①登錄用例圖用例說明： a) 輸入登錄信息 b) 發(fā)送登錄請求 c) 驗(yàn)證登錄信息 d) 傳輸好友列表 e) 刷新在線用戶列表 f) 通知好友上線 g) 改變好友狀態(tài) h) 讀取用戶數(shù)據(jù)命令 i) 從數(shù)據(jù)庫中讀取用戶信息 傳輸信息 模塊 圖 46 傳輸信息用例圖 ①在線傳輸信息用例圖用例： a) 選擇發(fā)送內(nèi)容 b) 傳輸信息 c) 顯示信息 退出系統(tǒng) 模塊 圖 47 退出系統(tǒng)用例圖 ①退出系統(tǒng)用例 a) 退出 webmsn b) 發(fā)送退出消息 c) 刷新在線用戶列表 d) 通知好友下線 e) 改變好友狀態(tài) f) 更改用戶狀態(tài)命令 g) 在數(shù)據(jù)庫中更改用戶狀態(tài)數(shù)據(jù) 5 系統(tǒng)實(shí)現(xiàn) 發(fā)送消息功能 實(shí)現(xiàn) 為了實(shí)現(xiàn)發(fā)送消息的功能，在服務(wù)器端代碼中需要定義 Ajax 方法SendMessage，具體代碼如下： [AjaxMethod()] public void SendMessage(string strUsername, string strContent) { // 數(shù)據(jù)連接 SqlConnection conn = new SqlConnection([ConnStr])。 7． 接收消息。 6． 發(fā)送消息。 5． 查看近期消息。 4． 消息提示。 3． 用戶列表查看。當(dāng)用戶登錄后還可以重新選擇登錄狀態(tài)，通過選擇下拉列表的選項(xiàng)可以切換用戶的登錄狀態(tài)是在線或者隱身。根據(jù)自己的需求選擇登錄方式。與一般的登錄系統(tǒng)相似，主要是對登錄用戶的身份進(jìn)行合法性驗(yàn)證。 1． 系統(tǒng)登錄。 1． 用戶 登錄 存儲過程 UserLogin 實(shí)現(xiàn)用戶的 登錄 功能，如果成功 登錄 則返回 0，反之則返回 1； 2． 用戶注銷存儲過程 UserLogout 實(shí)現(xiàn)用戶的登出功能，如果成功登出則返回 0，反之則返回 1； 3． 發(fā)送消息存儲過程 SendMessage 首先對發(fā)送者和接收者的 用戶名進(jìn)行 檢查，然后再插入新的聊天記錄； 4． 最近聊天記錄存儲過程： GetRecentMsg 的作用是返回最近兩個(gè)用戶之間的聊天記錄； 5． 獲取最新消息存儲過程 GetNewMessage 根據(jù)數(shù)據(jù)庫 message 表中的msg_id 字段判斷哪些是新消息，凡是消息 ID 大于 msg_id 字段的均是新消息 。本系統(tǒng)使用 Microsoft SQL Server 2021 為數(shù)據(jù)庫開發(fā)工具；創(chuàng)建名為 msn 數(shù)據(jù)庫根據(jù)各種功能的實(shí)現(xiàn)以及考慮到將來系統(tǒng)功能上的擴(kuò)展，設(shè)計(jì)如下數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)： 表 41 用戶信息數(shù)據(jù)表： users 中文名稱 字段名 字段類型 字段長度 是否允許為空 備注 登錄名 username varchar 50 not null 主鍵 用戶昵稱 nickname varchar 50 null 密碼 password varchar 50 not null 登錄狀態(tài) status int 4 not null 最后登錄時(shí)間 logintime datetime 8 null 最后注銷時(shí)間 logouttime datetime 8 null 最后消息編號 last_msg_id int 4 not null 表 42 聊天信息數(shù)據(jù)表： message 中文名稱 字段名 字段類型 字段長度 是否允許為空 備注 消息編號 msg_id int 4 not null 主鍵 發(fā)送者用戶名 sender varchar 50 not null 接受者用戶名 receiver varchar 50 not null 消息內(nèi)容 content varchar 255 not null 發(fā)送時(shí)間 sendtime datetime 8 not null 表 43 users變化監(jiān)控表： global_info 中文名稱 字段名 字段類型 字段長度 是否允許為空 備注 存儲過程設(shè)計(jì) 為了提高執(zhí)行效率，并且簡化數(shù)據(jù)庫訪問的復(fù)雜程度，本系統(tǒng)設(shè)計(jì)了相應(yīng)的存儲過程完成基本的數(shù)據(jù)庫相關(guān)功能。 S1 S3 S2 C1 C2 C3 客戶端 — 服務(wù)器星型結(jié)構(gòu) 服務(wù)器 — 服務(wù)器對等結(jié)構(gòu) 模式一 S1 S3 S2 C1 C2 C3 客戶端 — 服務(wù)器星型結(jié)構(gòu) 服務(wù)器 — 服務(wù)器對等結(jié)構(gòu) 客戶端 — 客戶機(jī)對等結(jié)構(gòu) 模式 二 C S 服務(wù)器 客戶端 客戶端 — 客戶端連接 客戶端 — 服務(wù)器連接 服務(wù)器 — 服務(wù)器連接 根據(jù)本系統(tǒng)的特點(diǎn)和要求，通過對整個(gè)系統(tǒng)運(yùn)行過程和數(shù)據(jù)流程分析，得出本系統(tǒng)的實(shí)體表：用戶信息表： users ；聊天信息數(shù)據(jù)表： message ； users 變化監(jiān)控表： global_info 。注冊后的 用戶必須在服務(wù)器上建立登記表，才能知道其他用戶的存在，與其他用戶進(jìn)行交流。發(fā)信者是獨(dú)立于即時(shí)通訊服務(wù)外的實(shí)體，而即時(shí)收信箱則存在于寄主服務(wù)器中。模式二，對于模式一是一個(gè)技術(shù)上的修正，雖然這個(gè)修正帶來了新的問題，但是其實(shí)用性是不可質(zhì)疑的； WEBMSN 正是實(shí)用模式二作為服務(wù)模式； webmsn 的服務(wù)是由服務(wù)器構(gòu)成的； webmsn 中每個(gè)實(shí)體都由一個(gè)寄主服務(wù)器管理。 2) 即時(shí)通訊系統(tǒng)服務(wù)拓?fù)淠Ｐ? 現(xiàn)在不少即時(shí)通訊系統(tǒng)服務(wù)的內(nèi)部拓?fù)渲胁捎媚Ｊ揭?；也有極其個(gè)別系統(tǒng)在即時(shí)通訊服務(wù)上面采用模式二。 ⑤涉及與其他即時(shí)通訊服務(wù)的情況，可能會有 — 定的內(nèi)部機(jī)制。代理服務(wù)器即時(shí)收信箱的身份與其他服務(wù)器交換即時(shí)消息。 ③服務(wù)內(nèi)部可能存在多服務(wù)器或者多代理服務(wù)器。 ①不同的收信箱有不同的身份鑒別需求。即時(shí)通訊服務(wù)與其他郵件服務(wù)不同之處在于，即時(shí)消息本身足夠的小，便于快速交付到即時(shí)收件箱。 webmsn 的 模型選擇 1) 即 時(shí)通訊系統(tǒng)的一般模型 即時(shí)通訊服務(wù)有兩個(gè)實(shí)體：發(fā)送者和即時(shí)收信箱。 6．基于標(biāo)準(zhǔn)化的并廣泛支持的技術(shù)，不需要下載插件或者小程序。 4．可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器負(fù)擔(dān)，充分利用寬帶資源，節(jié)約空間和寬帶租用成本。這種更新是瞬間的，用戶幾乎感覺不到。特別是在讀取大量數(shù)據(jù)時(shí)，不會像刷新頁面那樣出現(xiàn)白屏的情況， Ajax 使用 XMLHttpRequest 對象發(fā)送請求并且得到服務(wù)器響應(yīng)，在不重新載入整個(gè)頁面 的情況下，用 JavaScript 操作 DOM 更新頁面。 Ajax 的原則是“按需取數(shù)據(jù)”，可以最大程度地減少冗余請求，減輕服務(wù)器的負(fù)擔(dān)。所以本系統(tǒng)決定采用 Ajax 來實(shí)現(xiàn)即時(shí)通訊各個(gè)部分“即時(shí)”效果的實(shí)現(xiàn)。 Ajax 引擎允許用戶和應(yīng)用系統(tǒng)之間的交互以異步 的方式進(jìn)行，獨(dú)立于用戶與 Web 服務(wù)器之間的交互。用戶的瀏覽器在執(zhí)行任務(wù)時(shí)即裝載了 Ajax 引擎。 與傳統(tǒng)的 Web 應(yīng)用不同， Ajax 采用了異步交互的方式。這是一種不連貫的用戶體驗(yàn)，在服務(wù)器處理請求時(shí)，用戶只能等待，此時(shí)瀏覽器顯示的頁面是空白的，這也就是通常所說 的“白屏”現(xiàn)象，應(yīng)用此種技術(shù)肯定實(shí)現(xiàn)不了即時(shí)通訊所要求的效果。 5) 查看在線好友需求 ①用戶登錄時(shí)列出所有在線好友； ②用戶可以看到新近登錄的好友； ③用戶將不在看到臨時(shí)登出的好友。 2) 通訊需求 ①用戶可以傳輸文本消息； ②用戶的消息可以中轉(zhuǎn)至服務(wù)器； ③用戶可以從服務(wù)器獲取中轉(zhuǎn)的好友消息； 3) 好友管理需求 ①用戶可以查詢好友； ②用戶可以添加好友； ③用戶可以添加多個(gè)人為好友，一個(gè)用戶可以被多個(gè)人添加為好友 ④用戶可以刪除好友； ⑤用戶可以將好友放在多個(gè)組中； ⑤用戶的好友一次只能屬于一個(gè)組。 3) 性能需求 ①即時(shí)消息的傳輸必須足夠的迅速； ②即時(shí)消息的內(nèi)容必須足夠豐富； ③即時(shí)消息的長度盡量足夠的長。 3 需求分析 即時(shí)消息的一般需求 1) 一般即時(shí)消息格式需求： ①所有實(shí)體必須至少使用一種消息格式； ②一般即時(shí)消息格式必須定義發(fā)信者和即時(shí)收件箱的標(biāo)識； ③一般即時(shí)消息格式必須包含一個(gè)讓接收者可以回消息的地址； ④一般即時(shí)消息格式應(yīng)該包含其他通訊方法和聯(lián)系地址，例如電話號碼，郵件地； ⑤一般即時(shí)信息格式必須允許對信息有效負(fù)載的編碼和鑒別 (非 ASCII 內(nèi)容 )； ⑥一般即時(shí)信息格式必須反映當(dāng)前最好的國際化實(shí)踐； ⑦一般即時(shí)信息格式必須反映當(dāng)前最好的可用性實(shí)踐； ⑧必須存在方法，在擴(kuò)展一般即時(shí)消息格式的時(shí)候，不影響原有的域； ⑨必須提供擴(kuò)展和注冊即時(shí)消息格式的模式的機(jī)制。每種技術(shù)都具有獨(dú)特之處，合在一起就形成了一個(gè)功能強(qiáng)大的新技術(shù)。使用 Ajax，用戶可以創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動(dòng)態(tài)的 Web 用戶界面。 Ajax 是使用客戶端腳本與 Web 服務(wù)器交換數(shù)據(jù)的 Web 應(yīng)用開發(fā)方法。 Ajax 的核心理念在于使用 XMLHttpRequest 對象發(fā)送異步請求，最初為XMLHttpRequest 對象提供瀏覽器支持的微軟公司?！?Ajax”這個(gè)名詞的發(fā)明人是 Jesse James Garrett,而大力推廣并且使 Ajax