【正文】 證碼，在填寫著些項(xiàng)的時(shí)候，有一套嚴(yán)格的規(guī)范，用戶名不能為空格，長(zhǎng)度控制在 316 個(gè)以內(nèi)，并且填寫的用戶名在數(shù)據(jù)庫(kù)中未存在，這里就需要用到 ajax 技術(shù)來(lái)完成 ，密碼最小長(zhǎng)度 6 最大長(zhǎng)度 16，密碼確認(rèn)輸入的字符串要與密碼一致， 格式為 郵箱的標(biāo)準(zhǔn)格式，密碼的答案不能為空，驗(yàn)證碼于圖片中顯示的數(shù)字要一致 Ajax 原理 xml 的傳輸，通過(guò)瀏 覽器與服務(wù)器的中間對(duì)象 xmlrequest 完成 ，主要的技術(shù)代碼如下 var xml。 第五章 系統(tǒng)詳細(xì)設(shè)計(jì) 23 if (typeof ActiveXObject != undefined) xml = new ActiveXObject()。 else if(typeof XMLHttpRequest != undefined) xml = new XMLHttpRequest()。 (“get”,url,false)。 (null)。 if( != 200) alert(“服務(wù)器出錯(cuò) ”)。 else{ //得到服務(wù)器端返回的 xml 文檔字符串 var result = 。 } 客戶端處理輸出的信息是否符合格式要求的 js 腳本代碼如下 var e=(input)。 function refresh(){ =./image/。 =./。 } function checkAll(){ Reguser()。 Regpwd()。 reg()。 regpwd_rp()。 reganswer() } function Reguser(){ var reg=/^[AZaz]{1}[\S]{3,16}$/。 var regname_info=(regname_info)。 if(e[0].value==){ =p style=\color:ff0000\*用戶名不能為空 /p。 } else if((e[0].value)){ =p style=\color:009966\你的輸入符合要求 /p。 } else{ =p style=\color:ff0000\*你輸入的格式不符合要求 (不能有空格，長(zhǎng)度控制在 316 字節(jié)以 內(nèi) )/p。 } } function Regpwd(){ var reg=/^[\w]{6,16}/。 var pwd_info=(pwd_info)。 if(e[1].value==){ 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 24 =p style=\color:ff0000\*密碼不能為空 /p。 }else if((e[1].value)){ =p style=\color:009966\你的輸入符合要求 /p。 }else{ =p style=\color:ff0000\*你輸入的格式不符合要求 (最小長(zhǎng)度： 6 最大長(zhǎng)度： 16)/p。 } } function regpwd_rp(){ var pwdrepeat_info=(pwdrepeat_info)。 if(e[2].value==){ =p style=\color:ff0000\*密碼確認(rèn)失敗 /p。 }else if(e[2].value==e[1].value){ =p style=\color:009966\密碼確認(rèn)成功 /p。 }else{ =p style=\color:ff0000\*密碼確認(rèn)失敗 /p。 } } function reg(){ var _info=(_info)。 var reg=/^[\w]+(.[\w]+)*@[\w]+(.[\w]+)+$/。 if(e[3].value==){ =p style=\color:ff0000\郵箱不能為空 /p。 }else if((e[3].value)){ =p style=\color:009966\郵箱驗(yàn)證成功 /p。 }else{ =p style=\color:ff0000\*你輸入的郵箱不正確 /p。 } } function reganswer(){ var answer_info=(answer_info)。 if(e[4].value==){ =p style=\color:ff0000\*密碼答案不能為空 /p。 }else{ =p style=\color:009966\密碼答案輸入正確 /p。 } } 注冊(cè)頁(yè)頁(yè)面效果如圖 55 所示 第五章 系統(tǒng)詳細(xì)設(shè)計(jì) 25 圖 55 頁(yè)面瀏覽效果圖 ． 登錄頁(yè)面功能的實(shí)現(xiàn) 登陸頁(yè)面的主要特點(diǎn)就是對(duì)用戶名和密碼信息從數(shù)據(jù)庫(kù)中進(jìn)行核對(duì)，如果核對(duì)成功，那就表示登陸成功，為了后續(xù)能夠更好的開發(fā)，一般都會(huì)把登錄的用戶名信息保存到 session 中 ，在這個(gè)過(guò)程中點(diǎn)擊登錄按鈕會(huì)提交 from 表單到 這個(gè) action 中進(jìn)行處理登錄的邏輯請(qǐng)求，這個(gè)頁(yè)面中除 了登錄按鈕外，還有個(gè)注冊(cè)按鈕，用來(lái)跳轉(zhuǎn)到注冊(cè)界面 。 登錄頁(yè)面效果如圖 56 所示 圖 56 頁(yè)面瀏覽效果圖 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 26 ． 發(fā)帖頁(yè) 面功能的實(shí)現(xiàn) 首先進(jìn)入發(fā)帖頁(yè)面必須經(jīng)過(guò)登錄后的用戶才可以， 發(fā)帖頁(yè)面中需要填寫的內(nèi)容有帖子主題，帖子類型和內(nèi)容，還有一些其他的帖子信息如用戶名，發(fā)表時(shí)間等等，都是在程序中自動(dòng)配上的，在帖子內(nèi)容快里，使用了一個(gè) fckeditor 組件，該組件是用來(lái)實(shí)現(xiàn)文字樣式，和加載圖片的，具體用法和代碼如下 。 下載 fckeditor 組件把他放在 webroot 根目錄下，然后再頁(yè)面 的 head 標(biāo)簽中添加以下代碼 。 script type=”text/javascript” = function(){ var oFCKeditor = new FCKeditor( 39。content39。 ) 。 = ./fckeditor/ 。 = 39。Myshow39。 。 =400。 ()。 } /script 在 body 中對(duì)應(yīng)的標(biāo)簽為 textarea name=”content”/textarea 其中有個(gè)圖片上傳問(wèn)題，運(yùn)行時(shí)會(huì)保存，原因是在 fckeditor 組件中默認(rèn)的請(qǐng)求頁(yè)面是 php，只要把請(qǐng)求頁(yè)面修改成 jsp 頁(yè)面就可以解決這個(gè)問(wèn)題了。 發(fā)帖頁(yè)面效果如圖 57 所示 圖 57 發(fā)帖頁(yè)面效果圖 ． 帖子內(nèi)容瀏覽和評(píng)論頁(yè) 面功能的實(shí)現(xiàn) 進(jìn)入界面之前，服務(wù)器先處理了有關(guān)的相應(yīng)，返回了一個(gè)回復(fù)記錄集，在頁(yè)第五章 系統(tǒng)詳細(xì)設(shè)計(jì) 27 面中通過(guò) for 循環(huán)來(lái)顯示回復(fù)的內(nèi)容，這里的記錄集存在排序功能，依據(jù)發(fā)表時(shí)間進(jìn)行升序排 列，所以最新的回復(fù)內(nèi)容會(huì)排在最下面 ，這個(gè)就像看書要一頁(yè)頁(yè)順序的看一樣，屬于大多數(shù)人的一種習(xí)慣，頁(yè)面下面是帖子評(píng)論的發(fā)表，跟發(fā)表帖子一樣，需要用戶的登錄才能有這個(gè)功能，如果未登錄，那么點(diǎn)擊提交按鈕，系統(tǒng)會(huì)提示你“您還未登錄，請(qǐng)登錄后再嘗試”。 帖子內(nèi)容瀏覽和評(píng)論頁(yè)面效果如圖 58 所示 圖 58 帖子內(nèi)容瀏覽和評(píng)論頁(yè)面效果圖 ．本章小結(jié) 在本章中初步對(duì) BBS 論壇 系統(tǒng)做了具體詳細(xì)設(shè)計(jì)介紹，包含了系統(tǒng)設(shè)計(jì)的各個(gè)功能模塊的設(shè)計(jì) 和 簡(jiǎn)單流程圖設(shè)計(jì)及 重要編碼的實(shí)現(xiàn) 。 還有基本功能模塊的實(shí)現(xiàn)及 基本模塊的測(cè)試 。 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 28 結(jié)論 在計(jì)算機(jī)網(wǎng)絡(luò)飛速發(fā)展的今天， BBS 已經(jīng)成為人們網(wǎng)上交流的重要平臺(tái)，因此對(duì) BBS 論壇的研究是十分必要的。 設(shè)計(jì)和開發(fā)了一個(gè)最基本的基于 WEB 的 BBS 系統(tǒng)，可擴(kuò)展性很大，科學(xué)的開發(fā)過(guò)程也極有利于系統(tǒng)的擴(kuò)充與擴(kuò)展。系統(tǒng)的分析與定義都結(jié)合了現(xiàn)在流行的面向?qū)ο蠓椒ㄒ约皞鹘y(tǒng)的結(jié)構(gòu)分析與設(shè)計(jì)方法。 通過(guò)這次畢業(yè)設(shè)計(jì)，我從中學(xué)到了許多新的知識(shí)，而且通過(guò)這次畢業(yè)設(shè)計(jì)，培養(yǎng)了我綜合多門學(xué)科中的知識(shí)、迅速規(guī)劃并開發(fā)出目標(biāo)系統(tǒng)的能力，以及編程能力也有了很大的提高。另外也有許多心得體會(huì)，所謂系統(tǒng)開發(fā)如人生百味，酸甜苦辣皆有之 。 嚴(yán)格按工程的方法來(lái)設(shè)計(jì)系統(tǒng)相當(dāng)重要，不能認(rèn)為基于 java Web 技術(shù) 的 BBS論壇 系統(tǒng)很小，可以無(wú)需花太多的時(shí)間來(lái)做系統(tǒng)分析，甚至可以無(wú)需經(jīng)過(guò)系統(tǒng)定義而直接進(jìn)入系統(tǒng)編碼階段。系統(tǒng)分析過(guò)于簡(jiǎn)單，系統(tǒng)定義過(guò)于抽象，則在系統(tǒng)設(shè)計(jì)與編碼階段遇到的困難就越多，特別是其中若不得不做一些功能性甚至系統(tǒng)結(jié)構(gòu)性方面的變動(dòng)，將面對(duì)許多重復(fù)性的工作。在設(shè)計(jì)開發(fā) BBS 論壇過(guò)程中重復(fù)工作過(guò)多，將會(huì)極大地影響系統(tǒng)開發(fā)的積極性，進(jìn)而影響整個(gè)系統(tǒng)的質(zhì)量。在這一點(diǎn)上，我體會(huì)尤深。我的體會(huì)是，系統(tǒng)分析越充分，系統(tǒng)定義越具體，那么后續(xù)的系統(tǒng)設(shè) 計(jì)與開發(fā)工作就越有效率，且系統(tǒng)的質(zhì)量也越有保障。 回顧設(shè)計(jì)開發(fā) BBS 論壇的開發(fā)過(guò)程，總結(jié)起來(lái)那就是，軟件的開發(fā)是相當(dāng)辛苦的，但成功以后的喜悅也是非常美妙的，而且我發(fā)現(xiàn)，其中投入的心血越多，成功以后你所獲得的快樂(lè)與充實(shí)感也更多更強(qiáng)。 結(jié)論 29 致謝 時(shí)光飛逝 ， 短暫的 大學(xué) 生活就要結(jié)束了 。 但即使做完全部的事情，合上扉頁(yè)，三年的 生活也絕不僅如時(shí)光逝去那樣匆匆無(wú)痕。畢業(yè)在即，論文的撰寫工作使我有機(jī)會(huì)對(duì)過(guò)去的學(xué)習(xí)生活作個(gè)總結(jié)。 三年 的時(shí)間中 ,許多人給予了我無(wú)私的指導(dǎo)和幫助，給我的生活和工作平添了許多樂(lè)趣 。 下面的致謝永遠(yuǎn)也表達(dá)不 完 三 年來(lái)他們對(duì)我的指導(dǎo)和幫助 。 首先衷心的感謝我的導(dǎo)師 張趁香老師，張趁香 老師言傳身教于我 設(shè)計(jì) 研究的態(tài)度和方法、培養(yǎng)我 設(shè)計(jì) 研究中的嚴(yán)謹(jǐn)和執(zhí)著、始終不懈地為我 設(shè)計(jì) 工作掌舵、導(dǎo)航，使我獲益非淺。我在 畢業(yè)設(shè)計(jì) 期間取得的所有成績(jī)，都凝聚著 張趁香 老師辛勤指導(dǎo)的汗水。 然后感謝管曙亮老師，他 嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、淵博的科學(xué)知識(shí)、高度的責(zé)任感以及誨人不倦的精神，給我深深的影響， 因?yàn)槟阕屛覍?duì)軟件 設(shè)計(jì)充滿了激情 ， 這 將激勵(lì)我在 今后 的道路上刻苦 鉆研、不斷進(jìn)步，再次致上深深的感謝 。 感謝 在校學(xué)習(xí) 期間 的各位老師的教授，使我了解了許多的專業(yè)知識(shí) ，能夠在今后的旅途中有繼續(xù)奮斗的力量， 感謝 班級(jí) 同學(xué)們給予的協(xié)助，與他們討論問(wèn)題給我相當(dāng)大的啟示，讓我受益非淺，在此深表 謝意 。 感謝自己成長(zhǎng)過(guò)程中關(guān)心和幫助過(guò)我的所有親人、師長(zhǎng)、同學(xué)和朋友們 !感謝論文答辯委員會(huì)的諸位老師能在百忙之中審閱我的論文，并出席論文答辯會(huì)。 謹(jǐn)以此文獻(xiàn)給我的父母，沒(méi)有他們?cè)谖覍W(xué)習(xí)生涯中的無(wú)私奉獻(xiàn)和默默的支持，沒(méi)有他們的關(guān)心和理解，我將無(wú)法順利完 成 今天的學(xué) 業(yè)。感謝淮安信息職業(yè)技術(shù)學(xué)院的每一個(gè)關(guān)心我的人，謝謝。 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 30 參考文獻(xiàn) ： [1]《 Web 開發(fā)技術(shù)詳解 (第 2 版 )》 [M].北京： 電子工 業(yè)出版社， 2021:12201 [2]劉長(zhǎng)炯 .《 MyEclipse 6 Java 開發(fā)中文教程》 [DK].北京： 2021： 199 [3]鄭阿奇 .《 MySQL 實(shí)用教程 》 [M].北京：電子工業(yè) 出版社， 2021:1218 [4]孫衛(wèi)琴 .《 Tomcat 與 Java [5]薩師煊，王珊 .《數(shù)據(jù)庫(kù)系統(tǒng)概論》 [M].北京：高等教育出版社， 2021： 56110 [6]谷雨，閻雋，高春蓉等譯 .《 JSP 從入門到精通》 [M].北京：電子工業(yè)出版社 ,2021:1104 [7]李迎秋，姜仲 .《 JSP 實(shí)用教程 》 大連理工大學(xué) 出版社， 2021:1200 [8]趙明昌譯 .《 JSP 數(shù)據(jù)庫(kù)編程指南》 [M].北京：北京希望電子出版社， 2021：3748 [9]葛蒙，程顯峰 .《 JavaScript 實(shí)踐與提高》 [M].北京：中國(guó)電力出版社，2021:108228 [10]黃嘉輝 .《 Java 網(wǎng)絡(luò)程序設(shè)計(jì) 》 [M].北京：清華大學(xué) 出版社， 2021:445470 [11]李緒成 .《 Java Web 開發(fā)教程 —— 入門與提高篇 》 [M].北京：清華大學(xué) 出版社， 2021:1198 [12]舒紅平 .《 Web 數(shù)據(jù)庫(kù)編程： Java》 [M].西安 ： 西安電子 科技 大學(xué) 出版社，2021:1185 參考文獻(xiàn) 31 附錄 分頁(yè)類的編寫代碼 package 。 import 。 import 。 import 。 import 。 import 。 import 。 import 。 public class MysqlfenyeDao { private int pageSize = 20。 public int MaxPage。 public int MaxElements。 private DBConnection db。 private int title_2_id=0。 public MysqlfenyeDao(int pageSize,int title_2_id){ = pageSize。 = title_2_id。 init()。 } public void init(){ setMaxEl