【文章內(nèi)容簡(jiǎn)介】 Jquery是在 prototype 之后的又一個(gè)杰出的 JavaScript框架，是我們平時(shí)開(kāi)發(fā)使用的一個(gè)非重量級(jí)的 js倉(cāng)庫(kù)，不但兼容 css3，同時(shí)對(duì)各種版本的瀏覽器均支持。 Jquery 可以讓用戶(hù)更加簡(jiǎn)單地對(duì) HTML documents、 events、實(shí)現(xiàn)動(dòng)畫(huà)效果進(jìn)行處理，并且可以為網(wǎng)站提供便捷的 ajax 交叉互動(dòng) [3]。它還有一個(gè)很大優(yōu)勢(shì)就是相關(guān)文檔說(shuō)明很齊全，而且各種使用說(shuō)明也很詳細(xì)，其也可以兼容很多的插件。其也做到了讓 html頁(yè) 面保持代碼和 html內(nèi)容分離，提供了多種方法來(lái)調(diào)用相關(guān)的 js,不再需要將相應(yīng)的 js代碼都寫(xiě)到一個(gè)頁(yè)面中，可以通過(guò) id來(lái)調(diào)用相應(yīng)的 js[18]。 Jquery 的特點(diǎn)主要有以下幾點(diǎn)： (1)動(dòng)態(tài)特效。 (2)很好的兼容 ajax技術(shù)。 (3)可以通過(guò)插件來(lái)擴(kuò)展。 (4)方便的工具 例如我們可以通過(guò)瀏覽器來(lái)判斷。 (5)漸進(jìn)性的增強(qiáng)。 (6)鏈?zhǔn)秸{(diào)用，可以一個(gè)對(duì)象同時(shí)調(diào)用多個(gè)函數(shù)來(lái)添加多個(gè)效果。 (7)最后，支持瀏覽器的種類(lèi)多，像 以上、 、 FireFox2以上、 主流瀏覽器均支持。 JavaScript 是一種以對(duì)象和事件驅(qū)動(dòng)為主的客戶(hù)端的腳本開(kāi)發(fā)語(yǔ)言，主要用于支持 Java語(yǔ)言的開(kāi)發(fā)，同時(shí)也用于為 java進(jìn)行 web頁(yè)面的開(kāi)發(fā)提供參考，不但可以處理頁(yè)面的動(dòng)態(tài)效果，而且也是一種廣泛用于客戶(hù)端的 Web 開(kāi)發(fā)的腳本 語(yǔ)言。常常用來(lái)給需要添加動(dòng)態(tài)功能的網(wǎng)頁(yè)進(jìn)行處理。是一種基于原型、動(dòng)態(tài)的語(yǔ)言，也是有 Sun 公司注冊(cè)的商標(biāo)。因?yàn)?JavaScript 為開(kāi)發(fā)人員提供了完整的編程語(yǔ)句，基本語(yǔ)句包括： for循環(huán)語(yǔ)句、 while 循環(huán)語(yǔ)句、 for each 循環(huán)語(yǔ)句、switch選擇語(yǔ)句、 do? while語(yǔ)句、 break循環(huán)終止語(yǔ)句、 continue、 with、 try?catch 語(yǔ)句、 if(if? else、 if? else if? )。豐富的語(yǔ)句支持可以讓我們更好的展示一個(gè)效果。 從技術(shù)層面的角度來(lái)講，我覺(jué)得它的核心優(yōu)勢(shì)主要有三點(diǎn)：① HTTP請(qǐng)求 (AJAX)有 javascript發(fā)起。②動(dòng)態(tài)操作 DOM。③支持頁(yè)面對(duì)象。 (1)我們可以讓 HTTP請(qǐng)求的發(fā)送變主動(dòng)了，不再是機(jī)械式的只有當(dāng)用戶(hù)點(diǎn)擊之后才能觸發(fā)。而是主動(dòng)的發(fā)送 請(qǐng)求時(shí)為了和服務(wù)器進(jìn)行交互式的拿數(shù)據(jù)了，再根據(jù)返回的數(shù)據(jù) (XML、 JSON、字符 串也可以 )給予用戶(hù)反饋。我們平常項(xiàng)目中遇到的較多的就是經(jīng)典的表單驗(yàn)證。 (2)根據(jù) 的請(qǐng)求的結(jié)果做出相應(yīng)，可以刷新圖片了，顯示一個(gè)新的 div等等，可以給用戶(hù)一個(gè)變現(xiàn)力很強(qiáng)的回饋。而這些我們可以不通過(guò)刷新整個(gè)頁(yè)面，因此用戶(hù)不用等待很久就可以得到自己想要的數(shù)據(jù)。 (3)JavaScript 是支持面向?qū)ο蟮?，而面向?qū)ο蟮拈_(kāi)發(fā)方法又是一種很好的組織代碼的方式。 MVC 模式介紹 MVC也即 ModelViewControl的簡(jiǎn)寫(xiě)，是一種經(jīng)典的開(kāi)發(fā)模式。 Model就是java 中的模型對(duì)象，其相當(dāng)于 JavaBean。 View 用作視圖展示，我們一般用 jsp做 view，當(dāng)然也可以通過(guò) Spring Framework 來(lái)展示。 Control 也即控制層，我們一般用 Servlet或者 Action來(lái)做 control 處理。 MVC 模式降低了數(shù)據(jù)接口和業(yè)務(wù)邏輯層之間的耦合性。平時(shí)開(kāi)發(fā)中常見(jiàn)的MVC設(shè)計(jì)實(shí)現(xiàn)方式有： Spring、 Struts、 Jsp 和 Servlet幾種，其中 Struts繼承了 MVC的各種屬性和基于 J2EE的特點(diǎn)，做適當(dāng)?shù)男薷暮蛿U(kuò)展 [7]。 使用 MVC開(kāi)發(fā)的優(yōu)勢(shì)如下： (1)低耦合性的視圖層和業(yè)務(wù)層，讓你只需 要更改視圖層的代碼，而不需要重新編譯模型和控制器代碼。 (2)重用性高， MVC 模式允許使用各種不同樣式的視圖來(lái)展示同一個(gè)服務(wù)器 的代碼。 (3)生命周期成本低， MVC使得開(kāi)發(fā)和維護(hù)用戶(hù)的技術(shù)含量降低。 (4)部署快，使用了 MVC 模式之后使得開(kāi)發(fā)時(shí)間快速縮減，它可以讓程序員集中精力與業(yè)務(wù)邏輯處理，界面程序員集中精力表現(xiàn)在形式上。 (5)可維護(hù)性高，分離視圖層和業(yè)務(wù)邏輯層也使得整個(gè)項(xiàng)目易于維護(hù)和修改。 (6) 有利于使用軟件工程化的標(biāo)準(zhǔn)來(lái)管理。 圖 MVC 模型 MyEclipse 開(kāi)發(fā)工具 的介紹 我們平時(shí)使用的 Myeclipse 是在 Eclipse 的基礎(chǔ)之上開(kāi)發(fā)出來(lái)的， Eclipse是免費(fèi)的，但是 Myeclipse 不是免費(fèi)的，是一個(gè)很優(yōu)秀的適用于 Java， J2EE 開(kāi)發(fā)的插件集合，其功能也非常的強(qiáng)大，對(duì)于各種開(kāi)源產(chǎn)品的支持也很到位。本身集成了 Struts、 Hibernate、 Spring等框架，可以進(jìn)行框架的很好整合 [25]。 3 高校 BBS 論壇交流的需求分析 現(xiàn)在已是互聯(lián)網(wǎng)時(shí)代，網(wǎng)絡(luò)慢慢地已經(jīng)離不開(kāi)我們的日常生活。心聲交流論壇是一種電子服務(wù)系統(tǒng)。 它為用戶(hù)提供了一個(gè)空白的編輯區(qū)域 。每個(gè)注冊(cè)該 論壇的用戶(hù)都可以在上面發(fā)表自己對(duì)某個(gè)主題的看法，其面向的用戶(hù)是廣大群眾。通過(guò)該論壇，網(wǎng)名可以自由的發(fā)表自己的想法和在網(wǎng)站上找到和自己有共同興趣愛(ài)好的人 [15]。 可行性分析 可行性分析是在我們每一個(gè)系統(tǒng)進(jìn)行開(kāi)發(fā)之前都要進(jìn)行的一個(gè)必須過(guò)程。如果要是可行性分析都不能通過(guò)的話我們肯定不能再進(jìn)行接下來(lái)的一切有關(guān)開(kāi)發(fā)的流程。其中，可行性分析有包括以下幾個(gè)方面： (1)技術(shù)可行性 技術(shù)可行性是指在我們平時(shí)所學(xué)的一些技術(shù)是否可以幫助我們解決和實(shí)現(xiàn)相關(guān)的需求分析，以及當(dāng)遇到某些技術(shù)問(wèn)題的時(shí)候我們是否可以通過(guò)一段時(shí)間 的學(xué)習(xí)去克服它。我的畢業(yè)系統(tǒng)是采用 B/S的設(shè)計(jì)結(jié)構(gòu)進(jìn)行開(kāi)發(fā)的，當(dāng)前的主流開(kāi)發(fā)架構(gòu)也是 B/S，因此當(dāng)自己面對(duì)一些問(wèn)題的時(shí)候網(wǎng)上的參考資料也還是挺多的，相信對(duì)自己的開(kāi)發(fā)也會(huì)也很大的幫助，這也是技術(shù)可行性的一個(gè)重要體現(xiàn)。數(shù)據(jù)庫(kù)使用的是當(dāng)前中小型企業(yè)開(kāi)發(fā)的主流數(shù)據(jù)庫(kù) mysql，由于是開(kāi)源的數(shù)據(jù)庫(kù)不用擔(dān)心其費(fèi)用，而且在數(shù)據(jù)的管理方面也是挺完善的。因此在數(shù)據(jù)方面也得到了很好的保證，使用起來(lái)也靈活性很強(qiáng)，自己電腦在硬件方面，開(kāi)發(fā)所需系統(tǒng)為Windows XP，而且主要的開(kāi)發(fā)技術(shù)為 框架、 Jsp、 Servlet。 (2)經(jīng)濟(jì)可行性 本項(xiàng)目主要也是一個(gè)用來(lái)模擬論壇供用戶(hù)交流的平臺(tái)，但是也是我自己拿來(lái)做畢業(yè)設(shè)計(jì)的項(xiàng)目，只是在自己電腦上進(jìn)行的模擬，也就不存在什么資金的流動(dòng)性了，因此，在經(jīng)濟(jì)上也是可行的。 (3)社會(huì)可行性 伴隨著 21世界早已經(jīng)是互聯(lián)網(wǎng)的時(shí)代， Inter的快速發(fā)展，論壇的發(fā)展已經(jīng)得到了人們的大力支持。其也成為了人們彼此交流溝通的一種渠道，人們可以對(duì)自己感興趣的話題進(jìn)行發(fā)表，然而，其他人可以對(duì)該話題進(jìn)行回復(fù)。它早已經(jīng)成為了人們網(wǎng)上生活的必備工具了。所以說(shuō)其社會(huì)可行性也是沒(méi)問(wèn)題的。 論壇的特 性需求 分析 該論壇的主要一些特色有如下一些： (1)溫馨的提示特性 作為一個(gè)論壇網(wǎng)站，我覺(jué)得用戶(hù)信息的友好提示也是很重要的一個(gè)方面，溫馨的提示可以讓用戶(hù)對(duì)該網(wǎng)站具有更好的評(píng)價(jià)和體驗(yàn)度。而且通過(guò)提示我們也可以讓用戶(hù)更加方便和快捷的融入到網(wǎng)站的整體設(shè)計(jì)中。以下是用戶(hù)注冊(cè)時(shí)候的溫馨提示： 圖 用戶(hù)注冊(cè)溫馨提示 (2)用戶(hù)信息的安全性 當(dāng)用戶(hù)登錄的時(shí)候我們引入了驗(yàn)證碼的校驗(yàn)，從而可以更好的保證用戶(hù)信息的安全性，也可以防止一些黑客的簡(jiǎn)單攻擊，不但要把用戶(hù)名和密碼正確輸入而且驗(yàn)證碼也要通過(guò)驗(yàn)證才可以登錄到系 統(tǒng)中，使用相應(yīng)的權(quán)限。而且在登錄的時(shí)候我們也會(huì)提示用戶(hù)是注冊(cè)名或者密碼錯(cuò)誤，而不會(huì)單純的提示說(shuō)是密碼錯(cuò)誤， 這樣也可以更加方便的做到了防止黑客破解用戶(hù)名和密碼。 圖 用戶(hù)信息安全登錄 (3)提供免費(fèi)的視頻觀看 與普通的論壇一樣，我們都具有可以到網(wǎng)站進(jìn)行回帖和發(fā)帖的功能，除此之外，該系統(tǒng)還可以為登錄到該系統(tǒng)的用戶(hù)提供免費(fèi)的視頻觀看和學(xué)習(xí)，可以在累的時(shí)候和休閑的時(shí)候來(lái)到該論壇找找視頻看看。 (4)完全的評(píng)論自由性 或許有些論壇會(huì)禁止某些用戶(hù)的某些方面的評(píng)論，而且一般用戶(hù)回帖和發(fā)帖之類(lèi)的都需要管理論 壇的管理者去審核和通過(guò)了，但是在該論壇的話完全是評(píng)論的自由，只要用戶(hù)不是赤裸裸的發(fā)表一些大家都嚴(yán)厲禁止的東西或者視頻的話我們一般會(huì)讓其通過(guò)的。這也充分的體現(xiàn)了民主、自由的特色。 4 高校 BBS 論壇的總體設(shè)計(jì) 系統(tǒng)整體結(jié)構(gòu)設(shè)計(jì) 該論壇的管理系統(tǒng)在整體風(fēng)格上的設(shè)計(jì)思路是：首先，如果是一個(gè)游客 (也即沒(méi)有注冊(cè)該論壇的用戶(hù) )，其只有觀看網(wǎng)頁(yè)上相應(yīng)信息的權(quán)限，不能進(jìn)行任何的操作。當(dāng)以一個(gè)普通用戶(hù) (數(shù)據(jù)庫(kù)中我們通過(guò) user_status=3字段來(lái)表示 )，其就具有了對(duì)該論壇的相應(yīng)的 topic 進(jìn)行 reply 的權(quán) 限。當(dāng)其是以版主的身份 (在數(shù)據(jù)庫(kù)中我們以 user_status=2 來(lái)標(biāo)記 )時(shí)候，其可以對(duì)其 topic 進(jìn)行增刪改查和在相應(yīng)的 plate 下面創(chuàng)建 topic。而且也可以自己發(fā)表 reply。當(dāng)其是以管理員身份登錄的時(shí)候，具有版主的權(quán)限，而且可以管理 plate。最后，在使用完之后就推出該系統(tǒng)。系統(tǒng)整體結(jié)構(gòu)圖如下： 圖 系統(tǒng)整體架構(gòu)圖 系統(tǒng)的功能結(jié)構(gòu)設(shè)計(jì) 當(dāng)一個(gè)用戶(hù)注冊(cè)該論壇的時(shí)候，其就可以登錄到我們的系統(tǒng)?？梢韵硎艿皆撓到y(tǒng)的一些服務(wù)和資源，可以對(duì)論壇中的一些帖子進(jìn)行回復(fù)和發(fā)表自己喜歡的帖子。該系統(tǒng) 主要功能模塊分為六個(gè)部分：用戶(hù)管理、板塊管理、主帖管理、回帖管理、廣告管理、公告管理。在用戶(hù)管理的時(shí)候我設(shè)計(jì)了不同的用戶(hù)擁有不同的權(quán)限，如果是管理員的話則可以對(duì)整個(gè)論壇進(jìn)行管理，若是為版主的話就只有管 理某一個(gè)板塊的權(quán)限，普通用戶(hù)的話則只能只能對(duì)某一個(gè) topic進(jìn)行 reply。系統(tǒng)的功能結(jié)構(gòu)圖如下： 圖 系統(tǒng)功能結(jié)構(gòu)圖 BBS 論壇的系統(tǒng)流程圖 論壇的流程圖如下： 圖 系統(tǒng)流程圖 系統(tǒng)的開(kāi)發(fā)環(huán)境 開(kāi)發(fā)該論壇的軟件和硬件環(huán)境需要具備以下相關(guān)環(huán)境 服務(wù)器端： ● 操作系統(tǒng)： Windows XP系統(tǒng) ● Web服務(wù)器端： Tomcat ● Java開(kāi)發(fā)包： ● 數(shù)據(jù)庫(kù)： mysql ● Photoshop美圖工具 ● Dreamweaver 網(wǎng)頁(yè)處理器 ● IE或者 FireFox、 Google Chrome瀏覽器均可以 客戶(hù)端： ● IE或者 FireFox、 Google Chrome瀏覽器均可以 5 數(shù)據(jù)庫(kù)的設(shè)計(jì) 數(shù)據(jù)庫(kù)分析 數(shù)據(jù)庫(kù)作為整個(gè)系統(tǒng)信息的載體，其作用毋庸置疑，所以，對(duì)于數(shù)據(jù)的安全級(jí)保密性都致關(guān)重要了。在程序開(kāi)發(fā)中起著非常重要的作用，常常決 定了在后面的程序設(shè)計(jì)中我們將進(jìn)行怎樣的代碼編程。一個(gè)設(shè)計(jì)合理的、有限的數(shù)據(jù)庫(kù)可以降低我們對(duì)程序的復(fù)雜性理解，可以讓整個(gè)開(kāi)發(fā)過(guò)程更為簡(jiǎn)單，往往成功的數(shù)據(jù)庫(kù)設(shè)計(jì)是項(xiàng)目成功的重要保證。 由于本項(xiàng)目是一個(gè)小型的畢業(yè)設(shè)計(jì)，而且從經(jīng)濟(jì)、開(kāi)發(fā)成本的角度來(lái)說(shuō)我們都是要選擇免費(fèi)的，然而， mysql作為一種開(kāi)源的數(shù)據(jù)庫(kù)管理軟件，其為許多的中小型企業(yè)提供了很好的保證，降低了開(kāi)發(fā)的成本。這是作為一個(gè)企業(yè)最基本的保障。同時(shí) mysql 也提供了一個(gè) JDBC 編程的接口，這樣我們可以很方便的應(yīng)用Java來(lái)操作數(shù)據(jù)庫(kù)了。 數(shù)據(jù)庫(kù)概要設(shè) 計(jì) ER模型是我們對(duì)現(xiàn)實(shí)世界的一種抽象描述。它的主要成分有實(shí)體、屬性和聯(lián)系。通過(guò)這三種成分我們可以建立許許多多