【正文】 開始用戶登陸帳號(hào)判斷帳號(hào)錯(cuò)誤提示從新輸入或注冊(cè)帳號(hào)正確張卻是否管理員是否選擇聊天室選擇聊天對(duì)象選擇動(dòng)作文件共享選擇聊天室選擇聊天對(duì)象選擇動(dòng)作文件共享踢出在線用戶刪除注冊(cè)用戶顯示聊天內(nèi)容是否退出結(jié)束 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)建立一個(gè)名為 chatroom 的 sql server 數(shù)據(jù)庫(kù)。數(shù)據(jù)庫(kù)中共使用四個(gè)表分別名為： 表 41 用戶信息表(userinfo)列 名 數(shù) 據(jù) 類 型 長(zhǎng) 度 允 許 空nickName varchar 50userPassword varchar 50lastlogintime datatime 8 Yeslastchatroom varchar 50 Yesrole varchar 50表 42 在線用戶表(onlineuser)列名 數(shù)據(jù)類型 長(zhǎng)度 允許空nickname varchar 50chatroom varchar 50intcount int 4 Yeslastlogintime datetime 8 Yeslastchattime datetime 8 Yes表 33 發(fā)送信息表(msginfo)列名 數(shù)據(jù)類型 長(zhǎng)度 允許空chatroom varchar 50msgfrom varchar 50msgto varchar 50chattime datetime 8 Yesmsgcontent text 16 YesID int 4chataction varchar 100 Yessecret int 4 Yes表 33 發(fā)送信息表(upload)列名 數(shù)據(jù)類型 長(zhǎng)度 允許空f(shuō)ilename varchar 50uluser varchar 50ultime datetime5 詳細(xì)設(shè)計(jì)及編碼實(shí)現(xiàn) 系統(tǒng)需要解決的主要問(wèn)題在規(guī)劃設(shè)計(jì)聊天室時(shí)，首先要確定好談話內(nèi)容存儲(chǔ)方式，JSP 可以用三種形式實(shí)現(xiàn)聊天內(nèi)容的存?。?)用全局變量 Application 和 Session 對(duì)象實(shí)現(xiàn)。這種形式速度快、效果好，但較消耗系統(tǒng)資源。2)用讀寫數(shù)據(jù)庫(kù)的方法實(shí)現(xiàn)。這種方法相對(duì)簡(jiǎn)單，但會(huì)使數(shù)據(jù)庫(kù)負(fù)擔(dān)重。本系統(tǒng)采用的就是該方法。本設(shè)計(jì)選擇了 sql server 2022 數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)談話內(nèi)容。3)用讀寫文本文件方法。該方法適合簡(jiǎn)單的聊天室。另一個(gè)設(shè)計(jì)聊天室時(shí)要考慮的因素就是聊天室成員的動(dòng)態(tài)刷新。有的用戶在退出聊天室時(shí)并不是從退出鏈接退出的，但服務(wù)器并不知道用戶已經(jīng)離開了。因此需要建立一個(gè)在線用戶數(shù)據(jù)庫(kù)，每隔一段時(shí)間檢查一次，看用戶從最后一次發(fā)言到現(xiàn)在是否超時(shí)，若是，則將該用戶自動(dòng)刪除。 用戶登錄模塊設(shè)計(jì)本系統(tǒng)需注冊(cè)，輸入用戶名和密及即可。登錄成功后，顯示聊天室列表，用戶選擇想要進(jìn)入的聊天室，則在相應(yīng)的聊天室中顯示出歡迎信息，并在當(dāng)前在線用戶中增加剛才登錄的當(dāng)前用戶的名字。如圖 41 所示：圖 51 用戶登錄界面5 詳細(xì)設(shè)計(jì)圖 52 房間列表頁(yè)面圖 53 聊天室主界面系統(tǒng)的主界面是一個(gè)框架頁(yè)面 ，定義如下：htmlhead%@ page language=java import=.* pageEncoding=gb2312%META equiv=ContentType content=text/html。 charset=GB2312titlechatroom/title%@ include file=%/headframeset rows = 400,* border=0 framespacing=0 frameborder=NO //先定義上下型框架frameset cols = 1050,* //在上框架中再定義左右型框架frame src = name=mainFrame marginwidth=10 marginheight=10 scrolling=auto frameborder=0frame name = userlistFrame src= marginwidth=10 marginheight=10 scrolling=no frameborder=0/framesetframe src=?username=%= (_USER) % name=inputFrame marginwidth=10 marginheight=10 scrolling=no frameborder=0/framesetnoframesbody bgcolor=FFFFFF您的瀏覽器不支持框架，對(duì)不起！/body/noframes/html此框架頁(yè)面由三部分組成：? 下面的框架，實(shí)現(xiàn)聊天者發(fā)送信息和進(jìn)入管理員對(duì)聊天室進(jìn)行管理頁(yè)面，打開的網(wǎng)頁(yè)文件為：。? 上面框架的左邊部分，用來(lái)顯示聊天者發(fā)送的信息，打開的網(wǎng)頁(yè)文件為：。? 上面框架的右邊部分，用來(lái)顯示所有在線聊天用戶的信息，打開的網(wǎng)頁(yè)文件為：。用戶從登陸頁(yè)面進(jìn)入聊天室時(shí)，如果登錄失敗則顯示出錯(cuò)原因。比如用戶名或密碼錯(cuò)誤，或者申請(qǐng)已經(jīng)存在的用戶名，出現(xiàn)檢正后重新輸入等提示。如果該用戶已在線，出現(xiàn)用戶以在線提示，如圖 44，45，46 所示。 圖 54 用戶名或密碼為空?qǐng)D 55 輸入的用戶已在聊天室中5 詳細(xì)設(shè)計(jì)圖 56 申請(qǐng)的用戶名已存在實(shí)現(xiàn)用戶登錄驗(yàn)證的程序?yàn)?,代碼如下：%@ page language=java import=.*,.* pageEncoding=UTF8%!DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//ENhtmlhead title聊天用戶登錄 /title meta equiv=pragma content=nocachemeta equiv=cachecontrol content=nocachemeta equiv=expires content=0/headjsp:useBean id=check class= / body % (GB2312)。 String nickName = (nickName)。 String userPassword=(userPassword)。 String loginMsg = (nickName,userPassword)。 if((SUCCESS_LOGIN)) { (_USER,nickName)。 (_LOGIN,_SUCCESS)。 ()。 } else if((WRONG_PASSWORD)) {(你輸入的用戶名或密碼錯(cuò)誤，請(qǐng)檢正后重新輸入)。 if((_LOGIN)!=null) (_LOGIN)。 } else if((NONE_USER)) { (nickName,userPassword)。 (_USER,nickName)。 (_LOGIN,_SUCCESS)。 ()。 }else if((existed)) {(用戶已存在！)。 % /body/html 聊天者發(fā)言模塊設(shè)計(jì)該模塊的主要作用是實(shí)現(xiàn)聊天者以各種表情、各種身份、不同顏色的文字對(duì)不同的用戶發(fā)送聊天信息。當(dāng)用戶以正確的用戶名和密碼登錄聊天室后就可以通過(guò)聊天者發(fā)言的功能，發(fā)送聊天信息。實(shí)現(xiàn)發(fā)言功能的程序?yàn)椤?聊天者以默認(rèn)的設(shè)置發(fā)言聊天室默認(rèn)的發(fā)言設(shè)置是：? 字體：黑色字體? 發(fā)言對(duì)象：所有人? 動(dòng)作：說(shuō)話用戶以聊天室默認(rèn)的設(shè)置發(fā)言的過(guò)程如圖 46 所示。圖 57 用戶以聊天室默認(rèn)的設(shè)置發(fā)言如果用戶沒有輸入發(fā)言內(nèi)容直接點(diǎn)擊發(fā)送按鈕，則顯示相應(yīng)的提示信息，如圖48 所示。圖 58 發(fā)送內(nèi)容為空時(shí)顯示提示信息在 程序中，用于處理發(fā)言信息的程序段如下：script language=JavaScript type=5 詳細(xì)設(shè)計(jì)//javascript 函數(shù)，檢查用戶發(fā)言信息是否為空f(shuō)unction checkForm() {if ( == ) {alert(發(fā)言不能為空!)。()。return false。}else {()。return true。}} 以用戶自定義方式發(fā)言使用用戶自定義方式發(fā)言可以定義的功能如下：? 發(fā)言文字的顏色：下拉列表中選擇? 發(fā)言對(duì)象：在線用戶列表中選擇? 發(fā)言的動(dòng)作：下拉列表中選擇發(fā)言文字顏色的設(shè)置 用戶發(fā)言前可以從顏色下拉列表中選擇某種顏色后，再進(jìn)行發(fā)言，網(wǎng)頁(yè)中顯示的發(fā)言內(nèi)容的顏色即為用戶選擇的顏色，如圖 49 所示。 圖 59 選取用戶定義的顏色發(fā)言在 中，用于實(shí)現(xiàn)用戶定義發(fā)言字體顏色的程序段為：select name=color size=1 style=fontsize:9ptoption style=COLOR: 000000 value=000000 黑色/option option style=COLOR: 7ec0ee value=7ec0ee 淡藍(lán)/option option style=COLOR: 0088ff value=0088ff 海藍(lán)/option option style=COLOR: 0000ff value=0000ff 草藍(lán)/option option style=COLOR: 000088 value=000088 深藍(lán)/option option style=COLOR: 8800ff value=8800ff 藍(lán)紫/option option style=COLOR: ab82ff value=AB82FF 紫色/option option style=COLOR: ff88ff value=ff88ff 紫金/option option style=COLOR: ff00ff value=ff00ff 紅紫/option option style=COLOR: ff0088 value=ff0088 玫紅/option option style=COLOR: ff0000 value=ff0000 大紅/option option style=COLOR: f4a460 value=f4a460 棕色/option option style=COLOR: 888800 value=888800 卡其/option option style=COLOR: 888888 value=888888 鐵灰/option option style=COLOR: 90e090 value=90E090 綠色/option option style=COLOR: 008800 value=008800 橄欖/option option style=COLOR: 008888 value=008888 灰藍(lán)/option /select發(fā)言對(duì)象的設(shè)置用戶發(fā)言可以從在線用戶中選擇某個(gè)用戶后，再進(jìn)行發(fā)言，將來(lái)網(wǎng)頁(yè)中顯示的發(fā)言內(nèi)容是專門指向用戶選擇的對(duì)象，如果不選擇聊天對(duì)象，則默