引 言

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

1 系統(tǒng)設計

1.1 系統(tǒng)整體架構設計

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

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

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

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

2.1 驗證功能 

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

2.2 發(fā)送信息功能

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

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

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

2.4 Ajax Ajax

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

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

3 結 語

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