【正文】 ount。)%=username%/a/td/tr%}}%trtd height=30 align=center當(dāng)前在線[font color=FF6600%=amount%/font]人/td/tr/table在聊天室的主界面中，將左側(cè)用于顯示在線人員列表的單元格的 id 屬性設(shè)置為online，用于實(shí)時(shí)顯示在線人員列表，具體代碼如下：tdwidth=165valign=topbgcolor=f6fdedid=online style=padding:5px在線人員列表 /td編寫 Ajax 的回調(diào)函數(shù) deal_online()，用于將獲取的在線人員列表賦值給id 為 online 的td標(biāo)記的 innerHYML 屬性。=function(){showOnline()。 ){send()。}}編寫自定義的 JavaScript 函數(shù) send()，用于調(diào)用 Ajax 實(shí)現(xiàn)用戶發(fā)言。第四章 系統(tǒng)的實(shí)現(xiàn)17}if(==){alert(發(fā)送信息不可以為空！)。face=++amp。varloader=(Messages?action=sendMessage,deal_send,onerror,POST,param)。charset=UTF8)。 //發(fā)言人String face = (face)。 //發(fā)言內(nèi)容String sendTime =new Date().toLocaleString()。blue39。green39。(message,sourceMessage)。}} 實(shí)時(shí)顯示聊天內(nèi)容在聊天室程序中另一個(gè)必不可少的功能就是顯示聊天內(nèi)容。nocache=+new Date().getTime(),deal_content,onerror,GET)。charset=UTF8)。 overflow:hidden id=content聊天內(nèi)容/div編寫 Ajax 的回調(diào)函數(shù) deal_content()，在這個(gè)函數(shù)中，首先獲取 Ajax 處理頁面的返回值，然后取出字符串中的 Unicode 空白符，最后判斷在獲取信息時(shí)是否產(chǎn)生錯(cuò)誤，如果是，則退出聊天室，否則將獲取的聊天內(nèi)容輔助給 id 為 cotent 的div標(biāo)記的innerHTML 屬性，deal_content()函數(shù)的具體代碼如下：function deal_content(){var returnValue=。}else{=sysBBS+returnValue+/span。content39。=function(){showOnline()。alert(歡迎您下次光臨！)。%第五章 總結(jié)21總結(jié)經(jīng)過一個(gè)多月的畢業(yè)設(shè)計(jì)與開發(fā)，聊天室已基本完成，系統(tǒng)需求功能基本實(shí)現(xiàn)，測試運(yùn)行基本與需求相符。 在查閱大量資料制訂了系統(tǒng)需求后，在老師的指導(dǎo)下我著手制定了系統(tǒng)的需求分析規(guī)格說明書和系統(tǒng)概要說明書。在文字傳送的同時(shí)增加表情發(fā)送的功能；界面設(shè)計(jì)的不夠精致美觀。 參考文獻(xiàn)22致 謝衷心感謝在做畢業(yè)設(shè)計(jì)的這幾個(gè)月中老師的幫助，首 先 要 向 我 的 導(dǎo) 師 致 以崇 高 的 敬 意 。感 謝 審 閱 本 文 的 老 師 ， 感 謝 你 們 在 百 忙 之 中 抽 出 寶 貴 時(shí) 間 來 審 閱 本 文 ， 并期 待 你 們 的 批 評 指 正 。 老 師 嚴(yán) 謹(jǐn) 的 治 學(xué) 態(tài) 度 、 淵 博 的 學(xué) 識(shí) 、 對 事業(yè) 的 兢 兢 業(yè) 業(yè) 、 不 斷 進(jìn) 取 的 精 神 ， 為 我 今 后 的 生 活 及 工 作 樹 立 了 榜 樣 ， 我 的 點(diǎn)滴 進(jìn) 步 無 不 凝 結(jié) 著 導(dǎo) 師 的 心 血 。除了以上列舉的一些不足之處外，此系統(tǒng)還有其它很多功能需要增強(qiáng)，由于個(gè)人水平有限，時(shí)間也比較緊，只能實(shí)現(xiàn)系統(tǒng)的基本操作，對其它功能我想更進(jìn)一步的學(xué)習(xí)并完善。在這段時(shí)間里我學(xué)到了很多以前沒有學(xué)到的知識(shí)，同時(shí)也將以前所學(xué)過的知識(shí)運(yùn)用到實(shí)踐項(xiàng)目中，在提高理論知識(shí)的基礎(chǔ)上，也充分地鍛煉了自己的動(dòng)手能力。操作簡便，易于使用。 頁面的完整代碼如下：%page contentType=text/html pageEncoding=UTF8 %%()。需要注意的是，無論采用哪種方法都會(huì)彈出如圖 46 退出提示。 //當(dāng)聊天信息超過一屏?xí)r，設(shè)置最先發(fā)送的聊天信息不顯示}}為了讓頁面載入后就調(diào)用 Ajax 獲取聊天內(nèi)容，并且每隔一秒便獲取一次數(shù)據(jù)，還需要在頁面中添加 JavaScript 代碼，具體代碼如下：(showOnline()。content39。 //去除字符串中的Unicode空白符if(h==error){//alert(您的賬戶已經(jīng)過期，請重新登錄！)。} catch (Exception ex) {(()).log(, null, ex)。從該 URL 地址可以看出，在進(jìn)入主界面前會(huì)調(diào)用聊天室相關(guān)的 Servlet 實(shí)現(xiàn)類中的 getMessages()。圖 45 聊天內(nèi)容模塊在實(shí)現(xiàn)顯示聊天內(nèi)容功能時(shí)，為了實(shí)時(shí)顯示聊天內(nèi)容，這里應(yīng)用了 Ajax 技術(shù)，技術(shù)Ajax 重構(gòu)的方法，實(shí)現(xiàn)實(shí)時(shí)顯示聊天內(nèi)容的具體步驟如下：編寫自定義的 JavaScript 函數(shù) showContent()，用于實(shí)例化 Ajax 對象。nocache=+ (10000)).forward(request, response)。 + color + 39。CC000039。String sourceMessage = (message).toString()。 //接收者String color = (color)。Random random = new Random()。在該方法中，首先獲取用戶發(fā)言的相關(guān)信息，并將發(fā)言信息保存在應(yīng)用程序?qū)ο骃ervletContext 中，然后通過 RequsetDispatcher 對象的 forward()方法將請求轉(zhuǎn)發(fā)。to=++amp。return false。Send()函數(shù)的具體代碼如下：function send(){ //驗(yàn)證聊天信息并發(fā)送if(==){alert(請選擇聊天對象！)。實(shí)現(xiàn)將選擇的聊天對象添加到聊天對象文本框的JavaScript 代碼如下：function set(selectPerson){ //自動(dòng)添加聊天對象if(selectPerson!=${username}){=selectPerson。圖 44 用戶發(fā)言模塊實(shí)現(xiàn)用戶發(fā)言的具體步驟如下：在頁面的合適位置添加用于收集用戶發(fā)言信息的表單及表單元素，關(guān)鍵代碼如下：第四章 系統(tǒng)的實(shí)現(xiàn)15form action= name=form1 method=posttd height=30 align=left /tdtd height=37 align=leftinput name=from type=hidden value=${username}[${username} ]對input name=to type=text value= size=35 readonly=readonly表情select name=face class=wenbenkuangoption value=無表情的 無表情的/optionoption value=微笑著 selected微笑著/optionoption value=笑呵呵地 笑呵呵地/optionoption value=熱情的 熱情的/optionoption value=溫柔的 溫柔的/optionoption value=紅著臉 紅著臉/optionoption value=幸福的 幸福的/optionoption value=嘟著嘴 嘟著嘴/optionoption value=熱淚盈眶的 熱淚盈眶的/optionoption value=依依不舍的 依依不舍的/optionoption value=得意的 得意的/optionoption value=神秘兮兮的 神秘兮兮的/optionoption value=惡狠狠的 惡狠狠的/optionoption value=大聲的 大聲的/optionoption value=生氣的 生氣的/optionoption value=幸災(zāi)樂禍的 幸災(zāi)樂禍的/optionoption value=同情的 同情的/optionoption value=遺憾的 遺憾的/optionoption value=正義凜然的 正義凜然的/optionoption value=嚴(yán)肅的 嚴(yán)肅的/optionoption value=慢條斯理的 慢條斯理的/optionoption value=無精打采的 無精打采的/option/select說：/tdtd width= 189 align=left 字體顏色：select name=color size=1 class=wenbenkuang id=selectoption selected默認(rèn)顏色/optionoption style=color:FF0000 value=FF0000紅色熱情/optionoption style=color:0000FF value=0000ff藍(lán)色開朗/optionoption style=color:ff00ff value=ff00ff桃色浪漫/optionoption style=color:009900 value=009900綠色青春/optionoption style=color:009999 value=009999青色清爽/optionoption style=color:990099 value=990099紫色拘謹(jǐn)/option淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文16option style=color:990000 value=990000暗夜興奮/optionoption style=color:000099 value=000099深藍(lán)憂郁/optionoption style=color:999900 value=999900卡其制服/optionoption style=color:ff9900 value=ff9900鎦金歲月/optionoption style=color:0099ff value=0099ff湖波蕩漾/optionoption style=color:9900ff value=9900ff發(fā)亮藍(lán)紫/optionoption style=color:ff0099 value=ff0099愛的暗示/optionoption style=color:006600 value=006600墨綠深沉/optionoption style=color:999999 value=999999煙雨蒙蒙/option/select/tdtd width=19 align=leftinput name=scrollScreen type=checkbox class=noborder id=scrollScreen onClick=checkScrollScreen() value= 1 checked/td/trtrtd width=21 height=30 align=left /tdtd width=549 align=left inputname=content1type=textsize=70 onKeyDown=if(==13 amp。}為了讓頁面載入后就調(diào)用 Ajax 獲取在線人員列表，并且每隔 10 秒鐘便獲取一次數(shù)據(jù)，還需要在頁面中添加 JavaScript 代碼，具體代碼如下：(showOnline()。%t