張?jiān)磦ァ『健±总?/p>

摘 要：使用PHP服務(wù)器腳本語(yǔ)言，采用Apache服務(wù)器軟件搭建B/S結(jié)構(gòu)，將單條聊天內(nèi)容以結(jié)構(gòu)化數(shù)據(jù)庫(kù)表對(duì)應(yīng)的單條記錄形式存儲(chǔ)于MySQL數(shù)據(jù)庫(kù)，再通過(guò)Ajax技術(shù)使客戶端與服務(wù)器之間異步發(fā)送和接收信息，從而實(shí)現(xiàn)無(wú)刷新信息交互。該系統(tǒng)的即時(shí)聊天系統(tǒng)界面簡(jiǎn)潔，功能專一，可使用戶之間的通訊與信息交流更加便捷。

關(guān)鍵詞：PHP；Ajax；即時(shí)聊天系統(tǒng)；B/S結(jié)構(gòu)

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2095-1302（2015）10-00-02

0 引 言

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

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

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

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

圖1 即時(shí)聊天系統(tǒng)的三層B/S結(jié)構(gòu)

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

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

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

2.1 驗(yàn)證功能

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

2.2 發(fā)送信息功能

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

圖2 驗(yàn)證功能流程圖 圖3 發(fā)送信息功能流程圖

2.3 接收信息功能

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

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

圖4 接收信息功能流程圖

2.4 Ajax

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

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

圖5 Ajax在聊天系統(tǒng)的工作原理

3 結(jié) 語(yǔ)

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

參考文獻(xiàn)

[1] 麥因泰.php語(yǔ)言精粹[M].劉濤，丁靜，譯.北京：電子工業(yè)出版社，2012.

[2] luke welling，laura Thomson.php和mysql web開(kāi)發(fā)（第四版）[M].武欣，譯.北京：機(jī)械工業(yè)出版社，2009.

[3]（英）鮑爾斯.php動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（第二版）[M]. 陳寶國(guó)，盛海艷，張冠楠，譯.北京：人民郵電出版社，2012.

[4]Joshua Eichorn.深入理解Ajax-基于Javascript的RIA開(kāi)發(fā)[M].北京：人民郵電出版社，2007：4-5.

[5]王振興，黃靜.基于php和服務(wù)器推技術(shù)的web即時(shí)聊天系統(tǒng)[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2012，21（12）：17-21.

[6]陳穎，唐啟濤，彭利紅.Ajax在Web聊天系統(tǒng)中的應(yīng)用[J].電腦知識(shí)與技術(shù)，2011，7（1）：142-145.

[7]汪維富.基于Ajax的局域網(wǎng)內(nèi)聊天系統(tǒng)建模設(shè)與設(shè)計(jì)[J].福建電腦，2013（8）：130-131.

[8]胡楠.網(wǎng)頁(yè)即時(shí)聊天系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦（理論版），2015（7）：19-20.

[9] Lee Babin.Ajax與PHP基礎(chǔ)教程[M].北京：人民郵電出版社，2007：5-6.

[10] Dave Crane，Bear Bibeault.Ajax實(shí)戰(zhàn)實(shí)例詳解[M]. 賀師俊，許超，金擘，譯.北京：人民郵電出版社，2008：6-7.