引 言

互聯(lián)網(wǎng)技術(shù)飛速發(fā)展，Instant Messaging（即時通訊）的出現(xiàn)，通過互聯(lián)網(wǎng)技術(shù)，革新了當(dāng)代人信息交流的方式，給人們生活帶來諸多便利。當(dāng)前，在“互聯(lián)網(wǎng) +”的國家發(fā)展戰(zhàn)略下， 許多傳統(tǒng)服務(wù)行業(yè)都亟待與互聯(lián)網(wǎng)融合，服務(wù)必然需要一個互聯(lián)網(wǎng)溝通平臺，網(wǎng)頁即時聊天系統(tǒng)便應(yīng)運(yùn)而生，該系統(tǒng)界面簡潔，功能專一，不需要下載軟件即可實(shí)現(xiàn)信息交流，讓信息交流更加便捷。

1 系統(tǒng)設(shè)計

1.1 系統(tǒng)整體架構(gòu)設(shè)計

系統(tǒng)采用B/S 模式開發(fā)，具有三層結(jié)構(gòu)，具體如圖 1 所示。其中，表現(xiàn)層主要是提供交互的界面，由HTML 完成，業(yè)務(wù)邏輯和數(shù)據(jù)訪問層通過PHP 和MySQL 組合開發(fā)，它們是當(dāng)今較為流行的開源技術(shù)，便于使用，運(yùn)行速度快，功能強(qiáng)大， 并且免費(fèi)，非常適合Web 開發(fā) [1-3] ；業(yè)務(wù)邏輯層則通過 PHP 寫出收發(fā)信息和添刪處理邏輯 ；數(shù)據(jù)庫訪問層通過表的結(jié)構(gòu)， 寫出相應(yīng) PHP 服務(wù)類，然后通過PHP 的MySQL 接口來實(shí)現(xiàn)數(shù)據(jù)的增刪改查。

1.2 系統(tǒng)數(shù)據(jù)庫設(shè)計 

系統(tǒng)具有發(fā)送信息，添加刪除好友功能，相應(yīng)的有 3 張表， 其中表 1為用戶表，表 2 為信息表，好友關(guān)系表的具體字段設(shè) 置見表 3 所列。 

2 系統(tǒng)核心功能實(shí)現(xiàn) 

2.1 驗(yàn)證功能 

系統(tǒng)界面是通過 HTML 完成，當(dāng)用戶寫入用戶名和密碼 時，通過 get 方式向服務(wù)器發(fā)送請求，服務(wù)器驗(yàn)證頁面接收到 用戶名和密碼，通過連接數(shù)據(jù)庫，將接收到的用戶名和密碼與 數(shù)據(jù)庫中用戶表的記錄進(jìn)行逐行比對，如果與某一行完全匹 配，則跳轉(zhuǎn)到聊天界面，否則跳轉(zhuǎn)到注冊界面。圖 2 所示是 其驗(yàn)證功能流程圖。如果是第一次登陸，生成 session，在服 務(wù)器保存用戶信息。

2.2 發(fā)送信息功能

當(dāng)用戶點(diǎn)擊發(fā)送信息按鈕時，瀏覽器向服務(wù)器發(fā)送 Ajax 請求，服務(wù)器中的處理收發(fā)信息頁面接收來自 Ajax 的請求信 息，其中包括 session 里面的用戶信息，接收人信息，以及發(fā) 送的內(nèi)容，并將這些信息存入信息表中，其中 time 字段用 now （）函數(shù)來代替，is_get 字段不作為字段寫入，默認(rèn)為 0。圖 3所示是其發(fā)送信息功能流程圖。

2.3 接收信息功能 當(dāng)客戶端處于用戶登錄狀態(tài)，并且處于聊天界面時，瀏 覽器定時向服務(wù)器發(fā)送獲取信息的請求，通過 js 的 window. setInterval（）方法設(shè)定時間，本次設(shè)定為 5 000，即為 5 秒， 此時瀏覽器會間隔 5 秒向服務(wù)器發(fā)送獲取信息的請求，當(dāng)服務(wù) 器接收到瀏覽器的請求后，開始連接數(shù)據(jù)庫，并通過用戶信息， 在數(shù)據(jù)庫的信息表中查找接收人是當(dāng)前用戶的記錄，同時 is_ get 字段的值必須為 0，每取出一條，將該記錄中的 is_get 的 值置 1，在讀取之后，通過 AIAX 回調(diào)函數(shù)，使用 DOM 將信 息更新到聊天界面 [4]，其中每條信息都是拼接返回，避免覆 蓋上一條信息。 

接收信息功能流程圖如圖 4 所示。

2.4 Ajax Ajax

 是一種用于給用戶更好體驗(yàn)，交互性更強(qiáng)的 Web 應(yīng) 用程序技術(shù)，Ajax 的本質(zhì)是異步的 Javascript 代碼配合 XML 用于 Web 交互，使用 Ajax 使客戶端接收信息，獨(dú)立于網(wǎng)頁， 不需要刷新整個網(wǎng)頁就可以得到來自服務(wù)器的交互信息 [5-8]。 它不是新技術(shù)，但是能夠給 Web 體驗(yàn)錦上添花 [9]。即時聊天 系統(tǒng)需要刷新頁面才可以收到信息，這對于用戶是不可接受的， 并且極大地降低了用戶體驗(yàn)，運(yùn)用 Ajax 是此系統(tǒng)的核心解決 方案。

如圖 5 所示，在聊天窗口點(diǎn)擊發(fā)送信息按鈕時，瀏覽器 將請求轉(zhuǎn)移到 Ajax 引擎，由 Ajax 引擎發(fā)送請求，即實(shí)例化后 的 XMLHttpRequest 對象 [10]，服務(wù)器信息處理頁面收到 Ajax 引擎的請求到 MySQL 數(shù)據(jù)庫信息表中取出對應(yīng)信息并轉(zhuǎn)化為 XML 形式，返回給 Ajax 引擎，通過 DOM 將返回到 Ajax 引 擎的信息更新到瀏覽器的聊天窗口，此過程中，瀏覽器沒有執(zhí) 行刷新。

3 結(jié) 語

此聊天系統(tǒng)使用 WAMP 開發(fā)環(huán)境，基于 B/S 三層結(jié)構(gòu) 開發(fā)完成。三層結(jié)構(gòu)很好地將業(yè)務(wù)邏輯和界面分開，便于后 期維護(hù)和拓展。收發(fā)信息通過 Ajax 引擎完成，使聊天界面無 刷新更新信息。服務(wù)器軟件和數(shù)據(jù)庫選用 Apache 和 MySQL， 加上 PHP 服務(wù)器腳本程序，代碼簡潔。實(shí)踐證明，系統(tǒng)整體 運(yùn)行良好，無漏接漏發(fā)信息。當(dāng)前傳統(tǒng)服務(wù)行業(yè)發(fā)展的大趨 勢是與互聯(lián)網(wǎng)融合，網(wǎng)頁即時聊天系統(tǒng)，輕量級聊天，功能 專一，無需下載軟件，通過瀏覽器即可完成信息交流，網(wǎng)頁即 時聊天系統(tǒng)有著不錯的應(yīng)用環(huán)境和廣大的市場前景。