【導(dǎo)讀】網(wǎng)絡(luò)聊天室便是其中之一。聊天室系統(tǒng)的即時(shí)交流方式滿足了網(wǎng)絡(luò)中多。人同時(shí)聊天交流的需要，使得較多的人在同一個(gè)聊天頁(yè)面進(jìn)行交流變得方便，簡(jiǎn)單。并且，加入了分屏、清屏、屏蔽的輔助功能，增加了聊天室的操作。項(xiàng)目提出的意義····················································································1. 系統(tǒng)的開(kāi)發(fā)方法········&

　　

【正文】 有發(fā)言內(nèi)容，下面用來(lái)顯示與當(dāng)前使用聊天室的用戶相關(guān)的內(nèi)容，如系統(tǒng)提示信息、用戶自己的發(fā)言以及其他用戶發(fā)來(lái)的密語(yǔ)。這個(gè)區(qū)域可以通過(guò)后面介紹的分屏操作實(shí)現(xiàn)一個(gè)顯示區(qū)和兩個(gè)顯示區(qū)的切換。 用戶發(fā)言 提交發(fā)言 顯示發(fā)言內(nèi)容 顯示提示信息，中止表單提交 發(fā)言內(nèi)容是否為空 是否與上次內(nèi)容相同 是 是 否 否 開(kāi)始 結(jié)束 16 圖 45 聊天內(nèi)容顯示區(qū) 聊天內(nèi)容顯示區(qū)可以顯示最近 50條發(fā)言，為了保存最近的 50條發(fā)言內(nèi)容，系統(tǒng)定義一個(gè)具有 50 成員的一維數(shù)組 sd_init；為了對(duì)應(yīng)保存每 條發(fā)言是誰(shuí)對(duì)誰(shuí)發(fā)的，需定義一個(gè) towho（ 50， 2）的二維數(shù)組，為了直觀，使用時(shí)數(shù)組下標(biāo)均從 1開(kāi)始。 由于數(shù)組和變量的作用域僅限于當(dāng)前頁(yè)面，為了實(shí)現(xiàn)跨頁(yè)傳遞數(shù)據(jù)和對(duì)所有登錄用戶均有效，使得所有用戶都能看到聊天室里的發(fā)言內(nèi)容，為此，需要將數(shù)組和所用到的相關(guān)變量的值賦給對(duì)應(yīng)的一組 Application 對(duì)象來(lái)保存。 Application 對(duì)象的用法與 Session對(duì)象基本相同，利用 Application對(duì)象所創(chuàng)建的變量，可以在整個(gè)應(yīng)用中被所有用戶共享和訪問(wèn)。一個(gè)用戶修改或設(shè)置了改類變量的值后，對(duì)于其他所有用戶，也是 可見(jiàn)的。從而可見(jiàn)，利用 Application對(duì)象所創(chuàng)建的變量，具有最大的作用域，有時(shí)也稱為 Application（應(yīng)用程序）級(jí)變量。聊天內(nèi)容顯示的具體流程圖如圖 46所示。 17 圖 46 發(fā)言內(nèi)容顯示流程圖 在聊天顯示頁(yè)面，由于每個(gè)用戶的發(fā)言內(nèi)容均不相同，每個(gè)用戶的發(fā)言對(duì)象也不相同，那么，系統(tǒng)在顯示聊天內(nèi)容的時(shí)候就要求顯示頁(yè)面會(huì)自動(dòng)根據(jù)用戶的不同而顯示不同的聊天內(nèi)容。具體來(lái)說(shuō)，就是只顯示與當(dāng)前使用者有關(guān)的聊天內(nèi)容，如自己的發(fā)言內(nèi)容、發(fā)給自己的聊天內(nèi)容以及其 他用戶對(duì)大家的發(fā)言。要實(shí)現(xiàn)這些內(nèi)容只有特獲取在線用戶列表數(shù) 從表單中獲得用戶在對(duì)誰(shuí)發(fā)言 從表單中獲得發(fā)言內(nèi)容 獲得提交表單的其 他數(shù)據(jù) 獲得發(fā)言內(nèi)容，實(shí)現(xiàn)聊天內(nèi)容的輸出 否 否 是 是 發(fā)言者在用戶列表中？ 發(fā)言對(duì)象在列表中？ 發(fā)言內(nèi)容不為空？ 否 是 開(kāi)始 結(jié)束 18 定的用戶才能看見(jiàn)，當(dāng)然就要用客戶端的 session 來(lái)實(shí)現(xiàn)。 首先，內(nèi)容顯示頁(yè)面會(huì)將存放當(dāng)前頁(yè)面用戶名的 session值傳遞給后臺(tái)定義的一個(gè)變量，再將發(fā)言界面中的發(fā)言對(duì)象名賦給另一個(gè)變量，接著，再查找在線用戶列表，判斷發(fā)言對(duì)象是否還在線。判斷完畢，系統(tǒng)會(huì)將從發(fā)言界面得到的發(fā)言人和發(fā)言對(duì)象與存放用戶名的變量進(jìn)行對(duì)比，同時(shí)，還會(huì)判斷發(fā)言對(duì)象是否是“大家”，如果，用戶名與發(fā)言人或發(fā)言對(duì)象中的一項(xiàng)相同或者發(fā)言對(duì)象是“大家”，那么，系統(tǒng)便會(huì)將傳遞的發(fā)言內(nèi)容顯示在當(dāng)前的內(nèi)容顯示區(qū)； 如果都不符合說(shuō)明系統(tǒng)中的發(fā)言內(nèi)容與當(dāng)前使用用戶無(wú)關(guān)，顯示頁(yè)面將不顯示該條發(fā)言信息。如此，實(shí)現(xiàn)了系統(tǒng)針對(duì)特定用戶顯示特定內(nèi)容的功能。 在線用戶列表顯示 在聊天主頁(yè)面的右邊，豎長(zhǎng)方形區(qū)域是用來(lái)顯示在線用戶數(shù)和在線用戶列表的。如圖 47 所示。 圖 47 用戶列表顯示頁(yè)面 在顯示列表頁(yè)面中，系統(tǒng)定義了一個(gè) online 的數(shù)組變量，用于存放在線用戶。在顯示時(shí)，系統(tǒng)將存放在 Application（ onlinelist）的值傳遞給數(shù)組 online，同時(shí)調(diào)用split函數(shù)進(jìn)行處理。接著用一個(gè) for循環(huán)語(yǔ)句，從 online數(shù)組的第一個(gè)數(shù)據(jù)讀取到最后一個(gè)數(shù)據(jù)，顯示在于面中。 online=Application(onlinelist) online=split(online, ) for i=lbound(online) to ubound(online)1 msg=msg+39。a href=javascript:(\39。amp。online(i)amp。\39。)。 19 target=f2amp。online(i)amp。/abr39。 Next 顯示在線用戶列表 的流程圖如圖 48所示 獲 取 用 戶 列 表統(tǒng) 計(jì) 在 線 人 數(shù) ， 更 新用 戶 列 表顯 示 在 線 人 數(shù) 和 用 戶列 表開(kāi) 始結(jié) 束 圖 48 顯示用戶列表流程圖 管理功能 本聊天室為了提高系統(tǒng)中用戶信息的可管理性，設(shè)計(jì)了針對(duì)管理員級(jí)別的管理功能，如圖 49所示 圖 49 系統(tǒng)功能區(qū) 然而，普通用戶在系統(tǒng)功能區(qū)中是無(wú)法看到管理功能的。在顯示系統(tǒng)功能中的“管理”的時(shí)候，系統(tǒng)中設(shè)計(jì)了一個(gè) if 語(yǔ)句來(lái)判斷用戶的權(quán)限是普通用戶還是管理員，用戶權(quán)限是存放在 Session(leves)變量中的，在用戶登錄系統(tǒng)的時(shí)候查詢數(shù)據(jù)庫(kù)從而賦給該變量值，如果變量 Session(leves)的值為 admin，那么說(shuō)明當(dāng)前用戶是系統(tǒng)管理員，于是，對(duì)該用戶系統(tǒng)顯示出管理功能；若 Session(leves)的值為 user，那么，當(dāng)前用戶是普通用戶，無(wú)法使用管理功能。 % if session(leves)=admin then %a href= target=_blank管理 /a% end if% 在系統(tǒng)功能區(qū)中，單擊“管理”，便可進(jìn)入系統(tǒng)管理頁(yè)面。如圖 410 20 圖 410 系統(tǒng)管理頁(yè)面 在管理頁(yè)面中，設(shè)計(jì)的是對(duì)數(shù)據(jù)庫(kù)兩張表 的鏈接，通過(guò)單擊“查看投訴信息”、“查看并管理注冊(cè)人員名單”便可實(shí)現(xiàn)將后臺(tái)數(shù)據(jù)庫(kù)中的表顯示在前臺(tái)頁(yè)面中，同時(shí)，在顯示頁(yè)面中還加入了對(duì)表中記錄的刪除操作。在頁(yè)面中顯示的數(shù)據(jù)表的每一項(xiàng)記錄的末尾，添加了刪除按鈕，單擊它，便會(huì)執(zhí)行 delete 語(yǔ)句，刪除該記錄。 opersql=delete * from baseuser where name=39。amp。operidamp。39。 (opersql) 輔助功能區(qū) 輔助功能區(qū)界面如圖 ，用戶可單擊界面中的分屏、名單、舉報(bào)、清屏、屏蔽、刷新以及退出，完成相應(yīng)操作。其中，管理是只對(duì)系統(tǒng)管理員開(kāi)放的功能，在前面已作介紹。 （ 1）分屏 在介紹聊天內(nèi)容顯示區(qū)的時(shí)候，提及了用戶可根據(jù)自己的習(xí)慣和喜好，將聊天內(nèi)容顯示頁(yè)面設(shè)置為上下兩個(gè)分區(qū)或直接顯示一個(gè)區(qū)域。用戶只需在輔助功能區(qū)中單擊分屏，便可在這兩種模式下進(jìn)行切換。 分屏的實(shí)現(xiàn)方法其實(shí)是非常簡(jiǎn)單的，利用了 onclick 事件和框架標(biāo)簽 frameset 實(shí)現(xiàn)的一個(gè)操作。系統(tǒng)中首先定義了一個(gè) tbclu 的變量，用來(lái)存放分屏的狀態(tài)值，“ true”或“ false”，然后定義了一個(gè) tbclutch()函數(shù)，當(dāng) 用戶單擊“分屏”，系統(tǒng)便調(diào)用該函數(shù)用來(lái)判斷 tbclu 變量值，并執(zhí)行函數(shù)中定義的操作，對(duì) frameset 的屬性值進(jìn)行設(shè)置。 function tbclutch() { if (tbclu==39。true39。) 21 {=*,0。tbclu=39。false39。} else {=1*,1*。tbclu=39。true39。} ()。} （ 2） 屏蔽 用戶在聊天過(guò)程中，難免會(huì)遇到一些與自己交流不愉快的人，但某些 人又可能對(duì)自己死纏爛打，強(qiáng)行進(jìn)行私聊，發(fā)送私聊信息過(guò)來(lái)，擾亂用戶正常發(fā)言交流，為了防范用戶被無(wú)聊的人打擾，系統(tǒng)為用戶提供了屏蔽功能，單擊“屏蔽”，系統(tǒng)會(huì)將在線用戶顯示頁(yè)面更換為屏蔽頁(yè)面，將除當(dāng)前用戶外的人員顯示出來(lái)，并且，在每個(gè)用戶名前都設(shè)置了單選框，以便用戶選擇屏蔽對(duì)象。如果選擇了屏蔽某位用戶，那么該用戶發(fā)送的密語(yǔ)將不會(huì)在聊天內(nèi)容窗口中顯示，用戶也就無(wú)法看到屏蔽對(duì)象的發(fā)言，避免了騷擾。 （ 3）名單 單擊名單，是為了用戶在選擇了屏蔽對(duì)象后，返回用戶列表頁(yè)面設(shè)置的。主要就是利用 reload()函數(shù)進(jìn)行屏蔽和在 線用戶列表名單切換。 a href= onclick=()。名 單 /a （ 4）清屏 當(dāng)聊天室里的在線人員逐漸增多，大家的發(fā)言內(nèi)容也會(huì)隨著增加，聊天內(nèi)容顯示區(qū)很快便會(huì)被這些內(nèi)容填滿，顯得雜亂，使得用戶在查看聊天內(nèi)容時(shí)不方便。這時(shí)，用戶單擊“清屏”，系統(tǒng)會(huì)調(diào)用 focus()函數(shù)，將指定區(qū)域的內(nèi)容刪除，即聊天內(nèi)容顯示區(qū)變會(huì)把當(dāng)前最新發(fā)言以前的所有發(fā)言內(nèi)容清空，使聊天內(nèi)容顯示區(qū)回到最初的無(wú)內(nèi)容狀態(tài)。 onClick=()。() （ 5） 舉報(bào) 當(dāng)用戶在聊天過(guò)程中，發(fā)現(xiàn)有人在聊天室中的言行惡劣，發(fā)言內(nèi)容帶有侮辱性或不文明的語(yǔ)言，嚴(yán)重影響了聊天室的和平交流、輕松聊天的氛圍。在這種情況下，用戶單擊舉報(bào)，打開(kāi)用戶投訴舉報(bào)頁(yè)面，在頁(yè)面中，用戶根據(jù)表單內(nèi)容，填寫(xiě)完畢后，回車或提交。系統(tǒng)將自動(dòng)把從表單獲得的內(nèi)容存放在數(shù)據(jù)庫(kù)的投訴表中，待系統(tǒng)管理員查看。其存儲(chǔ)實(shí)現(xiàn)過(guò)程與用戶注冊(cè)流程基本相似。 （ 6） 刷新 該功能為用戶刷新聊天內(nèi)容所設(shè)，與瀏覽器上的刷新功能類似，不過(guò)，這里的刷新僅限于聊天內(nèi)容顯示區(qū)的刷新，實(shí) 現(xiàn)代碼如下： () （ 7） 退出 用戶單擊退出，觸發(fā) onclick 事件調(diào)用 exitchat()函數(shù)，系統(tǒng)彈出詢問(wèn)對(duì)話框， 22 “你真的要退出聊天室？”，單擊確定，聊天室系統(tǒng)關(guān)閉，并釋放該客戶端存放的session 變量。 23 結(jié)束語(yǔ) 通過(guò)這兩個(gè)月的學(xué)習(xí)和工作，完成了 ASP 網(wǎng)絡(luò)聊天室系統(tǒng)的設(shè)計(jì)，滿足了用戶需求。由于設(shè)計(jì)是基于 B/S模式，該系統(tǒng)具有良好的可移植性等優(yōu)點(diǎn)，并且具有相當(dāng)不錯(cuò)的應(yīng)用前景。同時(shí)由于該系統(tǒng)使用的是基于 VBScript 和 JavaScript 的 ASP技術(shù)，使我對(duì)該 門技術(shù)又有了更加深入的了解，并且對(duì)應(yīng)用 Dreamweaver制作靜態(tài)頁(yè)面也有了相當(dāng)?shù)男牡?。由?ASP技術(shù)相對(duì)現(xiàn)在流行的 JSP等技術(shù)在安全性方面存在一定得差距，雖然在系統(tǒng)中加入了 MD5加密技術(shù)對(duì)用戶密碼等關(guān)鍵字段進(jìn)行加密，采用密文存儲(chǔ)，但該系統(tǒng)在安全性方面存在與生俱來(lái)的劣勢(shì)，并且在設(shè)計(jì)該系統(tǒng)時(shí)受時(shí)間的限制，安全性的增強(qiáng)將有待于將來(lái)在頁(yè)面中加入更多的安全方面的 JavaScript 等安全組件。并且還可以配置 SSL 以增加系統(tǒng)的安全性。 雖然我的論文作品不是很成熟，還有很多不足之處，但我可以自豪的說(shuō)，這里面的每一段代 碼，都有我的勞動(dòng)。當(dāng)看著自己的程序，自己成天相伴的系統(tǒng)能夠健康的運(yùn)行，真是莫大的幸福和欣慰。我相信其中的酸甜苦辣最終都會(huì)化為甜美的甘泉。這次做論文的經(jīng)歷也會(huì)使我終身受益，我感受到做論文是要真真正正用心去做的一件事情，是真正的自己學(xué)習(xí)的過(guò)程和研究的過(guò)程，沒(méi)有學(xué)習(xí)就不可能有研究的能力，沒(méi)有自己的研究，就不會(huì)有所突破，那也就不叫論文了。希望這次的經(jīng)歷能讓我在以后學(xué)習(xí)中激勵(lì)我繼續(xù)進(jìn)步。 即將結(jié)束再次學(xué)習(xí)的生活，相信等待我的是一片充滿機(jī)遇、風(fēng)險(xiǎn)與快樂(lè)的土地；也相信我和同仁們的事業(yè)必將如涅磐之鳳、浴火之凰；更加相信，不 朽的民族精神終將引領(lǐng)我們創(chuàng)造新的奇跡！ 24 致 謝 在本次畢業(yè)設(shè)計(jì)中，我從指導(dǎo)老師徐功文老師身上學(xué)到了很多東西。徐功文老師認(rèn)真負(fù)責(zé)的工作態(tài)度，嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神和深厚的理論水平都使我受益匪淺。她們無(wú)論在理論上還是在實(shí)踐中，都給與我很大的幫助，使我得到不少的提高這對(duì)于我以后的工作和學(xué)習(xí)都有一種巨大的幫助，感謝他耐心的輔導(dǎo)。 另外，在系統(tǒng)開(kāi)發(fā)過(guò)程中，徐功文老師也給予我很大的幫助，幫助解決了不少的難點(diǎn)，使得系統(tǒng)能及時(shí)開(kāi)發(fā)完成，在此表示感謝。 25 主要 參考文獻(xiàn) [1] 許曰濱 .ASP 網(wǎng)絡(luò)編程實(shí)例 [M],北京： 人民郵電出版社 ,20xx [2] 王珊 李盛恩 .數(shù)據(jù)庫(kù)基礎(chǔ)與應(yīng)用 [M],北京：人民郵電出版社 ,20xx [3] 周雪燕 傅剛善 王大盈 .在線考試系統(tǒng)設(shè)計(jì) [J].中國(guó)醫(yī)學(xué)教育技術(shù) ,20xx,(20) [4] 黃濤 金保森 盧志光 .基于網(wǎng)絡(luò)的試驗(yàn)教學(xué)考試系統(tǒng)的開(kāi)發(fā)應(yīng)用 [J].科學(xué)技術(shù)與工程 ,20xx [5] 施威銘研究室 .SQL Server 20xx 設(shè)計(jì)務(wù)實(shí)（中文版） [M],北京：人民郵電出版社 ,20xx [6] 李光正 馬強(qiáng) 胡旭令 .計(jì)算機(jī)網(wǎng)絡(luò)考試系統(tǒng)探究 [J].交通職業(yè)教育 ,20xx [7] 鄧文淵 陳惠貞 陳俊榮 .ASP 與網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù) [M],北京：中國(guó)鐵道 出版社 ,20xx 26 中 國(guó) 石油大 學(xué) （ 華東 ） 現(xiàn) 代 遠(yuǎn) 程 教 育 指導(dǎo)教師 ： 職稱： 工作單位： 對(duì)函授（網(wǎng)絡(luò)） 級(jí) 層次 專業(yè)學(xué)員 所完成畢業(yè)設(shè)計(jì)（論文）的 評(píng) 語(yǔ) 指導(dǎo)教師簽名 : 年 月 日