《基于 MVC 模式的校園 BBS 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)》由會(huì)員分享，可在線閱讀，更多相關(guān)《基于 MVC 模式的校園 BBS 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)（8頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、精品論文 基于 MVC 模式的校園 BBS 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 湯磊 河海大學(xué)商學(xué)院，江蘇南京（210098） E-mail:angletang559@ 摘 要：:近些年來,隨著校園網(wǎng)建設(shè)的發(fā)展,大學(xué)校園網(wǎng) BBS 也越來越旺.本文對(duì)校園 BBS 系統(tǒng)需求、功能模塊與數(shù)據(jù)庫(kù)設(shè)計(jì)、界面設(shè)計(jì)等方面進(jìn)行了詳盡的分析，構(gòu)建了一個(gè)完整的 BBS 系統(tǒng)結(jié)構(gòu)，并對(duì)實(shí)現(xiàn)系統(tǒng)的關(guān)鍵技術(shù)進(jìn)行了介紹，并在 MVC 設(shè)計(jì)模式下實(shí)現(xiàn)了整個(gè)系 統(tǒng)。本系統(tǒng)成功地與校園網(wǎng)連接,對(duì)師生交流起到了良好的推動(dòng)作用。 關(guān)鍵字：BBS；MVC；系統(tǒng)分析；系統(tǒng)設(shè)計(jì) 中圖分類號(hào)：TP393.18 1. 引言

2、 BBS 是 Bulletin Board System 的簡(jiǎn)稱，意即電子公告牌。BBS 是 Internet 上最知名的服 務(wù)之一，提供了 Internet 上信息交流的強(qiáng)有力手段，是具有強(qiáng)大實(shí)時(shí)交互功能的信息交流平 臺(tái)。通過 BBS，用戶可以在 BBS 某個(gè)討論區(qū)上提出問題，發(fā)表自己的見解，也可回復(fù)他人 的問題，還可以針對(duì)某個(gè)話題和他人展開討論等等。校園 BBS 作為學(xué)校師生相互交流的信 息平臺(tái)，近年來原來越火，在 BBS 上，各位站友能及時(shí)了解校內(nèi)外的信息發(fā)布，進(jìn)行教學(xué) 和科學(xué)研究問題的探索、討論，藝術(shù)文化體育的欣賞、進(jìn)行網(wǎng)友間的交流等等。將 BBS 融 入教學(xué)活動(dòng)中，將有利于培養(yǎng)學(xué)習(xí)者

3、的創(chuàng)新能力與團(tuán)體合作精神，促進(jìn)信息化教育發(fā)展。 2. BBS 系統(tǒng)的功能需求分析 一個(gè)典型的網(wǎng)上論壇 BBS 系統(tǒng)一般都應(yīng)提供諸如會(huì)員管理、論壇分類主題管理、論壇 文章管理、論壇公告管理等功能[1]，同時(shí)也應(yīng)該為論壇管理的人員，例如：版主、網(wǎng)頁維護(hù) 人員提供對(duì)應(yīng)后臺(tái)管理的功能，包括刪除一些文章、發(fā)布論壇公告等。本 BBS 系統(tǒng)從功能 上分為以下八個(gè)主要模塊： （1）師生管理系統(tǒng)：該 BBS 系統(tǒng)是實(shí)名制，所以需要有師生的真實(shí)信息才能注冊(cè)成功。 河海大學(xué)每年都有新生入學(xué)，老生畢業(yè)，老師調(diào)職等人事變動(dòng)，開發(fā)該管理系統(tǒng)是為了方便 地管理會(huì)員的信息，為實(shí)名注冊(cè)服務(wù)。 （2）會(huì)員管理系統(tǒng)

4、：本 BBS 只有本學(xué)校的師生，才能注冊(cè)，注冊(cè)采取實(shí)名制。本 BBS 系統(tǒng)管理員對(duì)注冊(cè)用戶有刪除，屏蔽的功能。 （3）新聞管理系統(tǒng)：本 BBS 從本質(zhì)上講都是新聞管理系統(tǒng)，用戶注冊(cè)后發(fā)布帖子，回 復(fù)帖子都為新聞。本站管理員可以對(duì)會(huì)員發(fā)布的新聞進(jìn)行刪除操作，屏蔽等操作。 （4）計(jì)數(shù)系統(tǒng)：統(tǒng)計(jì)網(wǎng)站的流量，包括在線人數(shù)，日訪問量，月訪問量，總訪問量。 （5）日志系統(tǒng)：為了確保系統(tǒng)的安全，以及事后可以查明問題發(fā)生在什么地方，凡是 對(duì)數(shù)據(jù)庫(kù)做操作的地方，都要記錄到日志表中。 （6）權(quán)限管理：對(duì)注冊(cè)用戶的權(quán)限進(jìn)行管理，根據(jù)用戶發(fā)布的帖子數(shù)量，確定其能夠 對(duì)本 BBS 享有的特殊權(quán)力。 （7）論

5、壇設(shè)置管理：對(duì)論壇的風(fēng)格，論壇數(shù)據(jù)備份和還原，臟話過濾進(jìn)行管理。 （8）網(wǎng)站的安全處理：對(duì)用戶的信息保密，以及對(duì)網(wǎng)站的信息安全進(jìn)行特殊的處理。 - 8 - 3. BBS 系統(tǒng)的設(shè)計(jì) 3.1 總體設(shè)計(jì) 此 BBS 系統(tǒng)由三部分組成，按照瀏覽用戶的權(quán)限劃分，可分為四部分。 （1）匿名用戶訪問的頁面：供未注冊(cè)的用戶瀏覽，這類用戶沒有發(fā)帖和回復(fù)帖子的權(quán) 限，只有瀏覽的權(quán)限。 （2）注冊(cè)用戶訪問的頁面：這類用戶訪問的頁面和匿名用戶訪問的頁面是相同的，只 是他們多了發(fā)帖和回復(fù)帖子的權(quán)限。 （3）各版主訪問的頁面：這類用戶可以對(duì)普通用戶發(fā)布的帖子進(jìn)行管理，他們登陸后 的頁面與

6、以上兩類用戶訪問的頁面略有不同，顯示的信息是各版塊發(fā)布的帖子以及相關(guān)信 息，并具有刪除操作。 （4）BBS 超級(jí)管理員訪問的頁面：該類用戶訪問的頁面，包含了所有注冊(cè)用戶的信息， 以及他們發(fā)布的帖子，該用戶可以封鎖某些不法用戶，甚至刪除某些用戶的信息。對(duì)用戶發(fā) 布的帖子也可以進(jìn)行管理。 根據(jù)用戶訪問的權(quán)限不同，建立不同用戶的活動(dòng)關(guān)系圖，如前臺(tái)用戶的活動(dòng)關(guān)系圖如 下圖 1 所示：

7、 圖 1 BBS 前臺(tái)用戶活動(dòng)關(guān)系圖 3.2.主要模塊詳細(xì)設(shè)計(jì) 3.2.1. 師生管理系統(tǒng) 該系統(tǒng)為實(shí)名制服務(wù)，顯示了全校師生的基本信息，以及 BBS 的使用情況。該子系 統(tǒng)的使用者是 BBS 的超級(jí)管理員。管理系統(tǒng)的首頁列出所有的信息，顯示全校師生的姓名， 性別，年齡，工號(hào)/學(xué)號(hào),身份證號(hào)等常見信息。另外顯示，改注冊(cè)用戶發(fā)帖數(shù)量，已經(jīng)注冊(cè) 帳號(hào)的次數(shù)。所有師生信息分頁顯示，頂上有查詢功能，按照名字，學(xué)號(hào)，工號(hào)等信息查詢。 對(duì)于每年人員的變動(dòng)，由于人數(shù)較多，采取直接讀取源數(shù)據(jù)文件智能添加的功能。如，從人 事處拿到數(shù)據(jù)文件，編程讀取改文件，自動(dòng)存入數(shù)據(jù)庫(kù)。方便實(shí)現(xiàn)管理功能。

8、 處理的流程如下圖 2 所示：  圖 2 添加師生的流程圖 點(diǎn)擊相應(yīng)的鏈接進(jìn)入師生管理系統(tǒng)，列出所有成員的列表，點(diǎn)擊新增人員，彈出窗口 選擇數(shù)據(jù)文件所在，讀取文件，讀取成功后直接顯示在頁面中。如讀取失敗，提示失敗。 3.2.2.新聞管理系統(tǒng) 新聞管理主要由帖子管理系統(tǒng)，本站公告管理，友情鏈接管理，版塊管理。 （1）帖子管理系統(tǒng)：點(diǎn)擊某個(gè)鏈接進(jìn)入某一個(gè)版塊，列出該版塊下的所有主題。點(diǎn)擊 主題顯示關(guān)于該主題的相關(guān)信息。點(diǎn)擊發(fā)布帖子可以發(fā)布新的帖子。在詳細(xì)頁面，有回復(fù)鏈 接，同樣有

9、發(fā)布新貼的鏈接，而且回復(fù)可以針對(duì)某個(gè)用戶回復(fù)。由于本站是高校 BBS，出 于安全性和文明性的考慮，發(fā)布帖子時(shí)，不提供文件或是圖片的無限上傳功能，但是可以引 用圖片或文件的地址，以達(dá)到同樣的效果。但是為了方便資源共享，還是提供上傳的功能， 但是只能上傳一個(gè)文件。而且大小和擴(kuò)展名都有限制。帖子發(fā)布以后，用戶就不能再修改， 版主對(duì)不法帖子具有刪除功能。用戶可以對(duì)自己感興趣的帖子加入到收藏列表中，以方便自 己查詢，進(jìn)入控制面板后顯示有新回復(fù)的帖子。收藏主題，看到的帖子可以收藏進(jìn)來，省去 再次查找的時(shí)間。處理流程如下圖 3 所示：

10、 圖 3 帖子訪問流程圖 圖 4 權(quán)限處理流程圖 （2）本站公告：由系統(tǒng)超級(jí)管理員發(fā)布一些 BBS 的一些公告信息。它將顯示系統(tǒng)的主 界面供用戶查看。 （3）友情鏈接管理：添加一些鏈接到其他網(wǎng)站的超鏈接以供用戶快速訪問。 （4）版塊管理：管理可以對(duì)某個(gè)大版塊或者小版塊進(jìn)行相關(guān)的維護(hù)操作。 3.2.3.權(quán)限管理 對(duì)網(wǎng)站所有注冊(cè)用戶的訪問和操作權(quán)限進(jìn)行管理，此處的訪問權(quán)限是由管理員設(shè)置的， 并不是登陸后自動(dòng)判斷的。這個(gè)地方的權(quán)限管理主要是處理用戶想當(dāng)版主的申請(qǐng)，一般用戶 如果想當(dāng)版主，需要提出申請(qǐng)，自動(dòng)判斷依據(jù)，如果提出者的等級(jí)

11、還沒到本科生，提出的請(qǐng) 求，將被系統(tǒng)自動(dòng)駁回，如果到了本科生的級(jí)別，才能進(jìn)入提交申請(qǐng)的詳細(xì)頁面，填寫相關(guān) 的申請(qǐng)信息，用戶提交申請(qǐng)后，通過管理員的審核，就升級(jí)為版主，享有一定的管理權(quán)，處 理流程如上圖 4 所示。 3.2.4.論壇設(shè)置管理 論壇設(shè)置管理主要是網(wǎng)站的風(fēng)格，論壇數(shù)據(jù)備份和還原，批量刪除，臟話過濾等進(jìn)行管 理。 （1）網(wǎng)站風(fēng)格：包括論壇的歡迎頁面，橫幅圖片，樣式。實(shí)現(xiàn)原理，針對(duì) CSS 樣式進(jìn) 行管理。更換風(fēng)格的目的是為了迎合現(xiàn)實(shí)世界中的節(jié)日，以及一些突發(fā)性的特殊事件，風(fēng)格 迎合這些事情發(fā)生而改變能體現(xiàn)出一個(gè)網(wǎng)站的活力。由于網(wǎng)站的同時(shí)只能應(yīng)用一個(gè)樣式，所 以這里不需要存儲(chǔ)數(shù)

12、據(jù)。 （2）論壇數(shù)據(jù)備份和還原，批量刪除：為了防止數(shù)據(jù)丟失，要定期地對(duì)數(shù)據(jù)庫(kù)進(jìn)行備 份，當(dāng)數(shù)據(jù)遭遇黑客的攻擊而丟失的時(shí)候，就可以利用備份的數(shù)據(jù)，還原。我們并不排除需 要一次性刪除某一個(gè)版面甚至全部數(shù)據(jù)的可能性。批量刪除為的就是實(shí)現(xiàn)這樣的功能。 （3）臟話過濾：除了一般的臟話，還要防止一些敏感的政治話題，如宣傳等。 用戶提交信息的同時(shí)，檢查提交的信息中是否包含這些敏感內(nèi)容，如果有則，提交不成功， 并提示用戶原因。臟話存庫(kù)，管理員可以增加或修改臟話。 3.3.數(shù)據(jù)庫(kù)設(shè)計(jì) 實(shí)現(xiàn)一個(gè)專業(yè)的系統(tǒng)，必然會(huì)涉及到后臺(tái)數(shù)據(jù)庫(kù)對(duì)系統(tǒng)數(shù)據(jù)信息的保存和維護(hù)，考慮到 本 BBS 系統(tǒng)對(duì)用戶并行處理數(shù)據(jù)

13、庫(kù)中數(shù)據(jù)的需求，系統(tǒng)采用了 MySQL 作為后臺(tái)數(shù)據(jù)庫(kù)， 涉及的主要數(shù)據(jù)庫(kù)表有： ①論壇會(huì)員基本信息表：存放論壇會(huì)員所有的基本信息，如表 1 所示。由于篇幅限制， 后面表將不列出具體字段。 表 1 論壇會(huì)員基本信息表 編號(hào) 字段名 類型 標(biāo)識(shí) 外鍵 默認(rèn)值 非空 備注 1 TUserID Intege（r 自增長(zhǎng)） √ √ 帳號(hào)標(biāo)識(shí) 2 TPersonID Varchar(50) √ √ 身份證號(hào) 碼 3 TUserName Varchar(50) √ 帳號(hào)名 4 TUserPwd varcha

14、r(500) √ 帳號(hào)密碼 5 TPassKey integer √ 密碼密鑰 6 TUserSex Varchar(10) 性別 7 TUserPic varchar(500) √ 用戶頭像 8 TUserLevel Integer １ √ 用戶等級(jí) 編號(hào) 9 TUserBirth datetime 用戶出生 日期 10 TUserBirthDis varchar(3) 1 是否顯示 生日 11 TUserFrom Varc

15、har(50) 來源地 12 TUserMail Varchar(50) 郵箱 13 TUserQuestio n Varchar(50) √ 用戶安全 提問，用于 找回密碼 14 TUserAnswer Varchar(50) √ 安全提問 答案 15 TUserIntroduc e Varchar(500) 自我介紹 16 TUserSign Varchar(500) 個(gè)性簽名 17 TUserRegTim e datetime

16、 注冊(cè)時(shí)間 18 TUserStatus Integer 1 用戶狀態(tài) 19 TOnLine Integer 1 在線狀態(tài) 20 TSystemPowe rID Integer 1 所處系統(tǒng) 組 ID 21 TCredit Integer 0 積分 ②論壇版塊基本信息表：存放論壇不同版塊的分類信息。 ③論壇主題文章基本信息表：存放論壇會(huì)員所發(fā)表文章的基本信息。 ④論壇回復(fù)文章信息表：存放論壇會(huì)員回復(fù)文章的基本信息。 表與表之間的關(guān)系是主表與子表之間確立的約束，用于實(shí)現(xiàn)表與表之間的數(shù)據(jù)參照完

17、整 性，這些關(guān)系的建立可以避免由于誤操作導(dǎo)致數(shù)據(jù)庫(kù)的崩潰，保證各表之間數(shù)據(jù)的統(tǒng)一性。 例如：文章所屬的討論區(qū)類別一定是與論壇討論區(qū)分類表相關(guān)的，如果討論區(qū)分類表中有關(guān) 分類的信息改變時(shí)，文章所屬類別的信息也應(yīng)該進(jìn)行相應(yīng)的更新修改。以用戶為中心各表之 間的對(duì)應(yīng)關(guān)系如下圖 5 所示： 圖 5 以用戶為中心各表之間的對(duì)應(yīng)關(guān)系圖 3.4 界面設(shè)計(jì) 整個(gè) BBS 系統(tǒng)的界面風(fēng)格以淺綠色為基調(diào)，用戶輸入用戶名，密碼及驗(yàn)證碼以后，可 以進(jìn)入到主界面，如下圖 6 所示：頁面的左側(cè)顯示導(dǎo)航樹，可以進(jìn)入不同的版塊進(jìn)行討論， 中間部分顯示最新發(fā)布的帖子和學(xué)校的最新講座信息，右面部分顯示了

18、用戶最新回復(fù)的內(nèi)容 和熱門版塊的排行榜。 圖 6 BBS 系統(tǒng)主界面 4. BBS 系統(tǒng)的實(shí)現(xiàn) 4.1. MVC 設(shè)計(jì)模式 圖 7 MVC 設(shè)

19、計(jì)模式 圖 8 Ajax 技術(shù)的 Web 應(yīng)用模型 本 BBS 系統(tǒng)的實(shí)現(xiàn)使用了 J2EE 架構(gòu)的核心 MVC 思想，MVC 是 Model-View-Controller 的簡(jiǎn)稱，即把一個(gè)應(yīng)用的輸入、處理、輸出流程按照 Modal、View、Controller 的方式進(jìn)行 分離、這樣一個(gè)應(yīng)用被分成模型、試圖和控制器三部分。模型層表示數(shù)據(jù)和業(yè)務(wù)邏輯，視圖 層提供數(shù)據(jù)顯示和用戶輸入，控制層負(fù)責(zé)派遣用戶請(qǐng)求和控制流程。圖 7 顯示了這幾個(gè)模塊 各自功能以及他們之間的相互關(guān)系[2]：業(yè)務(wù)邏輯和表示蹭分離，同一模型可以被不同的試圖 重用，大大提高了代碼的可重用性。此外，控制器提高了應(yīng)用程

20、序的靈活性和可配置性。在 此系統(tǒng)中，前臺(tái)用戶訪問的 web 頁面（視圖層）通過 JSP 實(shí)現(xiàn)，同時(shí)在 JSP 嵌入了 JavaScript， 并引入了 XMLHttpRequest 對(duì)象以實(shí)現(xiàn)用戶與服務(wù)器的動(dòng)態(tài)交互；在控制層通過 Servlet 實(shí)現(xiàn) 頁面的重定向，不同的用戶請(qǐng)求跳轉(zhuǎn)到不同地方，在模型層，實(shí)現(xiàn)了對(duì)數(shù)據(jù)庫(kù)表的封裝，數(shù) 據(jù)庫(kù)中每一張表都對(duì)應(yīng)一個(gè) JavaBean 和一個(gè)與該 JavaBean 相關(guān)的 java 類以實(shí)現(xiàn)相關(guān)的業(yè)務(wù) 邏輯[3]，通過以上三個(gè)方面，很好的實(shí)現(xiàn)了 MVC 的思想。使得代碼顯得很有條理、易于維 護(hù)。 4.2.系統(tǒng)實(shí)現(xiàn)的關(guān)鍵技術(shù) 4.2.1.系統(tǒng)整

21、體界面實(shí)現(xiàn) ExtJS 風(fēng)格 ExtJS 是一個(gè) Ajax 框架，是一個(gè)用 javascript 寫的，用于在客戶端創(chuàng)建豐富多彩的 web 應(yīng)用程序界面。ExtJS 可以用來開發(fā) RIA 也即富客戶端的 AJAX 應(yīng)用，也可以把 ExtJS 用 在.Net、Java、Php 等各種開發(fā)語言開發(fā)的應(yīng)用中。在此的 BBS 系統(tǒng)中，大量的運(yùn)用了 ExtJS 風(fēng)格，比如，用戶的發(fā)帖，回復(fù)貼，帖子的搜索等等都采用了 ExtJS 的動(dòng)態(tài)效果，大家增加 了用戶的感官體驗(yàn)，這在目前的 BBS 系統(tǒng)中還是很少見的，是本系統(tǒng)的一個(gè)亮點(diǎn)所在。 4.2.2.使用 Ajax 實(shí)現(xiàn)動(dòng)態(tài)交互 Ajax 是

22、異步 JavaScript 和 XML(Asynchronous JavaScript and XML)的英文縮寫。確切地 說,Ajax 不是一種技術(shù),而是將一系列相關(guān)技術(shù)組合應(yīng)用的技巧,這些技術(shù)包括: (1)使用 XMLHttpRequest 進(jìn)行異步數(shù)據(jù)接收。在系統(tǒng)中，登陸用戶需要和服務(wù)器不斷的 交互，通過使用 XMLHttpRequest 進(jìn)行異步數(shù)據(jù)接收使得再不刷新整個(gè) web 頁面的基礎(chǔ)上就 可以實(shí)現(xiàn)交互，服務(wù)器只需要將用戶需要的數(shù)據(jù)顯示給用戶，這樣大大提到了用戶訪問的速 度。 (2)使用 JavaScript 將它們綁定在一起。引入 Ajax 技術(shù)的 Web 應(yīng)用模型

23、如圖 8 所示[4]。 Ajax 通過 JavaScript 和 XMLHttpRequest 對(duì)象在 Web 表單與服務(wù)器之間建立了一個(gè)中間層, 用戶的請(qǐng)求就可以通過中間層以異步的方式被發(fā)送到服務(wù)器端,這樣可以使用戶的操作不被 中斷的情況下提交請(qǐng)求,A-jax 技術(shù)的引入可以帶給 Web 應(yīng)用更好的交互性能,而且運(yùn)用恰當(dāng) 可以提高程序的效率,節(jié)約網(wǎng)絡(luò)資源。 4.2.3.系統(tǒng)的安全性 論壇的安全隱患主要來自以下兩個(gè)方面：（1）所有用戶要提交數(shù)據(jù)到服務(wù)器的地方。（2） 用戶和管理員的密碼泄漏。第一種情況主要是防止 SQL 注入，解決辦法，編寫相應(yīng)的函數(shù) 過濾之。用戶和管理員的密碼都用

24、MD5 加密算法得到字符后，再處理存庫(kù)。 5. 小結(jié) 本文從 BBS 的系統(tǒng)功能特性出發(fā)，對(duì)校園 BBS 系統(tǒng)進(jìn)行了詳細(xì)的需求分析、設(shè)計(jì)。使 用 J2EE 的 MVC 思想及 j2EE 的相關(guān)技術(shù)實(shí)現(xiàn)了該系統(tǒng)，并對(duì)系統(tǒng)實(shí)現(xiàn)的一些關(guān)鍵技術(shù)進(jìn)行 了分析。此 BBS 系統(tǒng)已經(jīng)在我校正式運(yùn)行。 參考文獻(xiàn) [1] 何海燕.基于知識(shí)管理的校園 BBS 系統(tǒng)研究與實(shí)現(xiàn)[D].吉林大學(xué).2005 [2] 劉斌.精通 Java Web 整合開發(fā)[M].電子工業(yè)出版社.2007. [3] 田雪松.J2EE 網(wǎng)絡(luò)編程標(biāo)準(zhǔn)教程[M].上?？茖W(xué)普及出版社.2003. [4] 邊小凡,郭

25、恒.Ajax 引入 WEB 開發(fā)對(duì) J2EE-MVC 架構(gòu)的調(diào)整[J].2008,1(1):45-47. Designing and Implementation of Campus BBS System Based On MVC Tang Lei Business School of Hohai University, Nanjing (210098) Abstract With the development of campus network construction, college BBS is becoming more and more popu

26、lar,This paper makes a detail analysis on the system requirement, functional module,database design and the face design about college BBS .Make a full construction of college BBS. Describe the key technologies of realization and realize the system under the MVC modal.The BBS has been joined in our school intenet and it is useful to the development of the communication between teachers and students. Key words：BBS,MVC; system analysis; system design 作者簡(jiǎn)介： 湯磊（1984-），男，漢族，河海大學(xué)管理科學(xué)與工程專業(yè)碩士研究生，從事信息管理、電子 商務(wù)、web 應(yīng)用開發(fā)等研究.