網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）

-PAGE42-本科畢業(yè)論文(設(shè)計(jì))題目：網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）學(xué)院：專(zhuān)業(yè)班級(jí)：學(xué)號(hào)：學(xué)生姓名：指導(dǎo)教師姓名：指導(dǎo)教師職稱(chēng)：年月日CMS內(nèi)容管理系統(tǒng)摘要本文介紹了利用mysql數(shù)據(jù)庫(kù)、tomcat服務(wù)器及開(kāi)發(fā)工具M(jìn)yEclipse和Dreamwear等軟件制作的網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）。系統(tǒng)基于JDK平臺(tái)，用jsp，java開(kāi)發(fā)語(yǔ)言，B/S模式。整體采用MVC框架實(shí)現(xiàn)了整套系統(tǒng)的快速開(kāi)發(fā)，更提高了穩(wěn)定性和可維護(hù)性。其中M層采用DAO模式，C層采用servlet，V層采用HTML、JSP、jstl標(biāo)簽等。本系統(tǒng)共分為前臺(tái)展示模塊和后臺(tái)管理模塊，兩個(gè)模塊都采用了MVC架構(gòu)，通過(guò)數(shù)據(jù)庫(kù)聯(lián)系在一起，后臺(tái)通過(guò)對(duì)數(shù)據(jù)庫(kù)的一系列操作達(dá)到控制前臺(tái)要展現(xiàn)的內(nèi)容的目的，前臺(tái)通過(guò)從數(shù)據(jù)庫(kù)里取出數(shù)據(jù)得到要展現(xiàn)的內(nèi)容，前臺(tái)個(gè)別模塊如用戶(hù)登錄、投票系統(tǒng)、文章評(píng)論等也可達(dá)到互動(dòng)的效果，通過(guò)使用本系統(tǒng)可達(dá)到快速建站的目的，對(duì)于對(duì)編程不懂的用戶(hù)可通過(guò)本系統(tǒng)達(dá)到建網(wǎng)站的目的，方便快捷易于理解。以下通過(guò)五個(gè)章節(jié)對(duì)本系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)進(jìn)行詳細(xì)介紹。第一部分為引言簡(jiǎn)單介紹相關(guān)背景及JSP技術(shù)。第二部分做需求分析。第三部分介紹數(shù)據(jù)庫(kù)設(shè)計(jì)。第四部分詳細(xì)設(shè)計(jì)。第五部分是測(cè)試關(guān)鍵詞：CMS；jsp；B/S；MVC；網(wǎng)站內(nèi)容管理系統(tǒng)；CMSContentManagementSystemAbstract:ThispaperdescribestheuseofMysql,tomcat,MyEclipse,Dreamwearandothersoftwaretoolstocreatecontentmanagementsystemprocess.SystemisbasedonJDKplatform,thelanguageoftheJAVAandtheuseofB/Smode.UsingMVCframeworkenablesrapiddevelopmentofstabilitycanbemaintained.TheModellayerusesDAOmode.TheControllerlayerusesservlet.AndtheViewlayeruseshtml,jspandtags.Thissystemisdividedintofrontdeskdisplaymoduleandbackgroundmanagementmodule,twomodulesofMVCarchitecture,hasbeenadoptedbythedatabasetogether,backgroundthroughaseriesofdatabaseoperationtocontrolthefrontdesktodisplaycontent,thepurposeofthefrontdeskgetremovedfromthedatabasebydatatodemonstratethecontent,thefrontdeskforindividualmodulessuchasuserlogin,thevotingsystem,thearticlereviews,etc.Alsocanachievetheeffectoftheinteraction,UsingthesystemcanThepeopleofnotknowingtheprogrammingcanconstructionsitethroughthissystemquickly. ThisarticlediscussesthefivepartsoftheCMSContentManagementSystemdesignandimplementation.Thefirstpartisabriefintroductiontothebackground,andJavaServerPages.Thesecondpartisthedemandanalysis.Thethirdpartisthedatabasedesignand.Thefourthpartisthedetaileddesign.Thefifthpartisthesoftwaretesting.Keyword：CMS;JSP;B/S;MVC;TOC\o"1-3"\h\z\u153831引言 5283291.1相關(guān)背景 566731.1.1CMS簡(jiǎn)介 5147021.1.2CMS的發(fā)展 5301501.2技術(shù)簡(jiǎn)介 6132851.2.1JSP簡(jiǎn)介 663411.2.2相關(guān)技術(shù) 6251822系統(tǒng)需求分析 7233182.1需求分析 7301662.2運(yùn)行環(huán)境需求 7180602.2.1硬件平臺(tái) 788202.2.2軟件平臺(tái) 7209452.2.3開(kāi)發(fā)環(huán)境 7130412.2.4數(shù)據(jù)庫(kù) 8226873數(shù)據(jù)庫(kù)設(shè)計(jì) 821383.1數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì) 8253523.2數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 11288784詳細(xì)設(shè)計(jì) 1371014.1整體思想框架結(jié)構(gòu)的說(shuō)明 13217874.1.1系統(tǒng)整體采用MVC架構(gòu) 1355464.1.2系統(tǒng)整體思想： 15318594.2前臺(tái)管理 16172574.2.1前臺(tái)首頁(yè) 16242014.2.2網(wǎng)站欄目顯示頁(yè)面 18223584.2.3網(wǎng)站文章顯示頁(yè)面 19327254.2.4資源下載、用戶(hù)注冊(cè)頁(yè)面及投票界面 19146744.3后臺(tái)系統(tǒng)管理 20288924.3.1后臺(tái)首頁(yè) 20264784.3.2信息采編 2142524.3.3系統(tǒng)配置 232754.3.4用戶(hù)管理 25295954.3.5互動(dòng)信息 25308294.3.6系統(tǒng)實(shí)現(xiàn) 2772074.3.7注銷(xiāo) 2710525測(cè)試 27219525.1本系統(tǒng)測(cè)試 27316105.2測(cè)試用例 27217126總結(jié) 29230247感謝 291303參考文獻(xiàn) 291引言1.1相關(guān)背景1.1.1CMS簡(jiǎn)介CMS（ContentManagementSystem）中文名稱(chēng)為網(wǎng)站內(nèi)容管理系統(tǒng)，是用數(shù)據(jù)庫(kù)對(duì)信息進(jìn)行存儲(chǔ)并發(fā)布展示的系統(tǒng)，系統(tǒng)可以對(duì)任何信息進(jìn)行管理，還能自己定義信息類(lèi)型等，實(shí)現(xiàn)各種信息的數(shù)據(jù)庫(kù)存儲(chǔ)、管理和發(fā)布。隨著互聯(lián)網(wǎng)的迅速發(fā)展，信息化的發(fā)展也越來(lái)越壯大，內(nèi)容管理越來(lái)越重要，雖然國(guó)內(nèi)外信息化建設(shè)發(fā)展很快，但也存在這很多問(wèn)題：建設(shè)困難，信息更新不及時(shí)，管理不到位，功能不健全等，而且，有時(shí)甚至需要重新建站，重復(fù)相同的工作，耗時(shí)耗力，高成本、低效率又影響工作。網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）的出現(xiàn)，解決了以上的很多問(wèn)題。用戶(hù)使用網(wǎng)站內(nèi)容管理系統(tǒng)不需要具備專(zhuān)業(yè)知識(shí)也可以制作出網(wǎng)站，而且在建網(wǎng)站之后不需要具備專(zhuān)業(yè)知識(shí)也可以自己管理，如內(nèi)容的添加刪除修改，模塊的改變，內(nèi)容的擴(kuò)充等。這樣，用戶(hù)不必不斷重復(fù)建站流程，可把主要精力用在內(nèi)容的管理上，減少了成本，提高了效率，且可動(dòng)態(tài)的管理擴(kuò)充，滿(mǎn)足用戶(hù)的不同需求。簡(jiǎn)單說(shuō)，利用網(wǎng)站內(nèi)容管理系統(tǒng)不需要學(xué)習(xí)建站技術(shù)，編程語(yǔ)言，HTML語(yǔ)言等就可以建設(shè)出風(fēng)格統(tǒng)一，功能強(qiáng)大的網(wǎng)站。1.1.2CMS的發(fā)展隨著人們對(duì)信息技術(shù)的需求不斷提高，CMS系統(tǒng)從2000年開(kāi)始成為一個(gè)重要的應(yīng)用領(lǐng)域，CMS系統(tǒng)能夠給企業(yè)帶來(lái)增值，通過(guò)對(duì)企業(yè)信息的管理，提高企業(yè)的自身形象以及提高同行業(yè)之間的競(jìng)爭(zhēng)力。1、新聞管理功能

早期的CMS系統(tǒng)只能簡(jiǎn)單的進(jìn)行信息新聞的發(fā)布，在想對(duì)其進(jìn)行管理就要?jiǎng)h除在發(fā)布，很麻煩。如今的CMS系統(tǒng)可以對(duì)新聞信息刪除、修改之類(lèi)，管理功能很強(qiáng)大。2、管理界面

最早的管理界面簡(jiǎn)單，布局凌亂，現(xiàn)在的界面開(kāi)始注重美觀，在管理功能的布局上也人性化了很多。3、商業(yè)模式

CMS系統(tǒng)是最早開(kāi)始商業(yè)模式的。但是早期還不太成熟，現(xiàn)在的CMS系統(tǒng)商業(yè)模式主要包括與主機(jī)提供商集成，提供預(yù)安裝其CMS虛擬主機(jī)，提供模板定制服務(wù)和提供功能定制開(kāi)發(fā)服務(wù)等幾類(lèi)。4、CMS模板

早期的CMS模板只有默認(rèn)的幾個(gè)，都很單一，沒(méi)有特色，只是變一下顏色。如今的CMS模板都很經(jīng)典，擁有不同的類(lèi)型，適合商業(yè)的、行業(yè)的、企業(yè)的CMS模板應(yīng)有盡有。5、不同類(lèi)型的CMS系統(tǒng)

早期的CMS系統(tǒng)都是統(tǒng)一的風(fēng)格、統(tǒng)一的管理功能，如今的CMS系統(tǒng)同時(shí)向?qū)I(yè)化和通用化兩個(gè)方向發(fā)展，向通用化發(fā)展，即現(xiàn)在幼稚內(nèi)容管理系統(tǒng)繼續(xù)完善、擴(kuò)展功能；向?qū)I(yè)化方向發(fā)展，即出現(xiàn)新的專(zhuān)用CMS系統(tǒng)。CMS系統(tǒng)現(xiàn)在已經(jīng)群雄并起，隨著商業(yè)模式不斷的發(fā)展和進(jìn)步，CMS系統(tǒng)會(huì)更加智能化，優(yōu)秀的CMS系統(tǒng)可以造就企業(yè)的繁榮。1.2技術(shù)簡(jiǎn)介1.2.1JSP簡(jiǎn)介JSP（JavaServerPages)是由SunMicrosystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。JSP技術(shù)有點(diǎn)類(lèi)似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁(yè)HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag)，從而形成JSP文件(*.jsp)。用JSP開(kāi)發(fā)的Web應(yīng)用是跨平臺(tái)的，既能在Linux下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行。1.2.2相關(guān)技術(shù)系統(tǒng)使用JAVA語(yǔ)言基于JDK平臺(tái)網(wǎng)頁(yè)中使用HTML語(yǔ)言、JavaScript腳本技術(shù)HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文件是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML文件的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。其中用CSS對(duì)頁(yè)面展示進(jìn)行修飾等級(jí)聯(lián)樣式表（CascadingStyleSheet）簡(jiǎn)稱(chēng)“CSS”，通常又稱(chēng)為“風(fēng)格樣式表（StyleSheet）”，它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線(xiàn)，這就是一種風(fēng)格。通過(guò)設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力。2系統(tǒng)需求分析2.1需求分析此系統(tǒng)的開(kāi)發(fā)分成兩大部分：前臺(tái)和后臺(tái)前臺(tái)：主要實(shí)現(xiàn)用戶(hù)的瀏覽文章、查詢(xún)，資源瀏覽、查詢(xún)、下載以及附加選項(xiàng)投票，友情鏈接，注冊(cè)用戶(hù)、文章評(píng)論等后臺(tái)：采用Mysql進(jìn)行數(shù)據(jù)存儲(chǔ)與管理,功能主要有：系統(tǒng)的基本配置主要是設(shè)置網(wǎng)站的名稱(chēng)、關(guān)鍵字等；系統(tǒng)管理員：添加系統(tǒng)管理員，另外設(shè)置管理員的權(quán)限；欄目文章操作：是對(duì)發(fā)布內(nèi)容的主要操作；4.另有投票管理、鏈接管理、資源管理、上傳下載、文章評(píng)論等。界面采用css樣式，Dreamweaver進(jìn)行布局設(shè)置制作頁(yè)面框架等。2.2運(yùn)行環(huán)境需求2.2.1硬件平臺(tái)硬件最低要求：CPUPIII500以上PC服務(wù)器，內(nèi)存254MB以上，硬盤(pán)8GB以上。以目前的基本配置來(lái)看，大多能滿(mǎn)足硬件要求2.2.2軟件平臺(tái)服務(wù)器：tomcat2.2.3開(kāi)發(fā)環(huán)境開(kāi)發(fā)工具：Myeclipse開(kāi)發(fā)平臺(tái)：JDK服務(wù)器：tomcat其他工具：MacromediaDreamweaver82.2.4數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)系統(tǒng)：采用Mysql數(shù)據(jù)庫(kù)3數(shù)據(jù)庫(kù)設(shè)計(jì)此系統(tǒng)采用Mysql對(duì)數(shù)據(jù)進(jìn)行簡(jiǎn)單的管理。該數(shù)據(jù)庫(kù)進(jìn)行了以下規(guī)劃：該數(shù)據(jù)庫(kù)的實(shí)體有用戶(hù)實(shí)體、欄目實(shí)體、文章實(shí)體、評(píng)論實(shí)體、鏈接實(shí)體、站點(diǎn)實(shí)體、資源實(shí)體、投票實(shí)體。3.1數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)由于各數(shù)據(jù)庫(kù)的實(shí)體之間的關(guān)系比較簡(jiǎn)單，直接用實(shí)體關(guān)系表表示就一目了然。其中六個(gè)實(shí)體的E-R圖分別由圖所示。用戶(hù)用戶(hù)添加日期用戶(hù)權(quán)限登錄名密碼答案密碼問(wèn)題狀態(tài)登錄密碼真實(shí)姓名電話(huà)EmialQQ圖3.1用戶(hù)實(shí)體E-R圖文章類(lèi)型文章類(lèi)型欄目類(lèi)型欄目添加日期欄目創(chuàng)建人欄目名稱(chēng)欄目編號(hào)上級(jí)欄目ID狀態(tài)上級(jí)欄目名稱(chēng)所屬模塊圖3.2欄目實(shí)體E-R圖文章文章文章來(lái)源文章類(lèi)型文章標(biāo)題文章作者關(guān)鍵字文章點(diǎn)擊數(shù)副標(biāo)題真實(shí)姓名欄目編號(hào)所屬欄目名文章摘要圖文章點(diǎn)擊數(shù)文章內(nèi)容文章?tīng)顟B(tài)是否推薦圖3.3文章實(shí)體E-R圖資源資源創(chuàng)建者資源名稱(chēng)所屬欄目欄目編號(hào)資源類(lèi)型創(chuàng)建日期資源狀態(tài)圖3.4資源實(shí)體E-R圖站點(diǎn)站點(diǎn)站點(diǎn)狀態(tài)站長(zhǎng)地址站點(diǎn)名稱(chēng)站長(zhǎng)姓名站點(diǎn)URL版權(quán)站點(diǎn)標(biāo)題點(diǎn)擊數(shù)首頁(yè)選擇站長(zhǎng)Emial站長(zhǎng)電話(huà)圖3.5站點(diǎn)實(shí)體E-R圖評(píng)論評(píng)論評(píng)論者姓名評(píng)論日期評(píng)論文章文章ID評(píng)論內(nèi)容評(píng)論者圖3.6評(píng)論實(shí)體E-R圖另設(shè)有兩張表存儲(chǔ)友情鏈接或廣告鏈接的鏈接表和投票表3.2數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)各個(gè)表的設(shè)計(jì)如下。表1Site此表記錄站點(diǎn)的基本信息。表2Article此表記錄文章的基本信息。表3Coment此表記錄文章評(píng)論信息表4:Link記錄鏈接廣告等信息表5：欄目表此表記錄欄目信息表6：source此表記錄資源信息表7：user此表記錄用戶(hù)信息及權(quán)限4詳細(xì)設(shè)計(jì)本章對(duì)詳細(xì)設(shè)計(jì)進(jìn)行說(shuō)明與介紹。4.1整體思想框架結(jié)構(gòu)的說(shuō)明4.1.1系統(tǒng)整體采用MVC架構(gòu)圖4.1.1整體結(jié)構(gòu)圖4.1.2接口類(lèi)包圖4.1.3工具類(lèi)包圖4.1.4測(cè)試類(lèi)包圖4.1.5接口實(shí)現(xiàn)類(lèi)包圖4.1.6封裝對(duì)象類(lèi)包1、M（Moldel層）數(shù)據(jù)邏輯層：用的DAO模式（1）接口包（com.dao）：每個(gè)表一個(gè)接口用于描述所實(shí)現(xiàn)的功能（2）接口實(shí)現(xiàn)類(lèi)包（com.dao_iml）:每個(gè)接口包一個(gè)實(shí)現(xiàn)類(lèi)用于實(shí)現(xiàn)接口中的方法還繼承了工具類(lèi)中的兩個(gè)類(lèi)（3）容器類(lèi)包（com.vo）：每個(gè)表用一個(gè)類(lèi)描述各表的字段及取得字段值和設(shè)置字段值的set、get方法，是聯(lián)系數(shù)據(jù)庫(kù)和控制類(lèi)的紐帶（4）工具類(lèi)包（com.util）:（用到了兩個(gè)工具類(lèi)）連接數(shù)據(jù)庫(kù)的類(lèi)：用于連接數(shù)據(jù)庫(kù)其中用配置文件存儲(chǔ)數(shù)據(jù)庫(kù)鏈接的四個(gè)參數(shù)（用戶(hù)名、密碼、數(shù)據(jù)庫(kù)URL、驅(qū)動(dòng)）SQL語(yǔ)句常量類(lèi):存儲(chǔ)所有用到的SQL語(yǔ)句（5）測(cè)試類(lèi)包：里面有test方法在鏈接tomcat之前可用于測(cè)試實(shí)現(xiàn)類(lèi)中的方法，當(dāng)然也可以在各類(lèi)中寫(xiě)main方法進(jìn)行測(cè)試但是每個(gè)類(lèi)都要寫(xiě)main方法就比較麻煩了，在servlet用之前可以在此包中測(cè)試要檢查的類(lèi)比較方便（6）用到了一個(gè)配置文件：db_perties此文件有四個(gè)連接數(shù)據(jù)庫(kù)的參數(shù)，方便修改要鏈接的數(shù)據(jù)庫(kù)及驅(qū)動(dòng)2、C:（Controller）控制層（sevelet/action）：本系統(tǒng)主要用的是servlet圖4.1.7控制層servlet包圖4.1.8過(guò)濾器此層比較重要是連接數(shù)據(jù)邏輯層和視圖層的紐帶，實(shí)現(xiàn)用戶(hù)與數(shù)據(jù)庫(kù)的交互，使網(wǎng)站動(dòng)態(tài)化，主要功能功能是：接收用戶(hù)請(qǐng)求調(diào)用后臺(tái)邏輯接口并響應(yīng)用戶(hù)請(qǐng)求實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)（其中用的VO做容器類(lèi)）注意：在用servlet時(shí)一定要在web.xml中把路徑配置好，方便用戶(hù)調(diào)用另外還用到了過(guò)濾器對(duì)文件編碼進(jìn)行了設(shè)置以解決中文亂碼問(wèn)題V:（View）表現(xiàn)層主要是界面的表現(xiàn)與美觀及用戶(hù)請(qǐng)求調(diào)用控制層主要用到了HTML、Jsp、JS（javascript）：實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)等一些功能、CSS樣式文件、用Dreamweaver設(shè)計(jì)頁(yè)面結(jié)構(gòu)、還用到了jstl標(biāo)簽庫(kù)和EL表達(dá)式其中用Jquary插件實(shí)現(xiàn)了新聞?shì)啿セ脽羝?、密碼軟鍵盤(pán)、在文章編輯頁(yè)面和評(píng)論頁(yè)面用到了FCKeditor編輯器（文字樣式編輯、上傳下載圖片視頻等）、評(píng)論中通過(guò)配置FCKeditor使工具條減少了部分功能、以保證系統(tǒng)安全性用fileupload插件上傳文章摘要圖和圖片視頻等資源用Dtree插件實(shí)現(xiàn)樹(shù)形目錄結(jié)構(gòu)4.1.2系統(tǒng)整體思想：此系統(tǒng)整體分為三個(gè)結(jié)構(gòu)：后臺(tái)、數(shù)據(jù)庫(kù)、前臺(tái)。而前臺(tái)和后臺(tái)又都是用的MVC架構(gòu)后臺(tái)和前臺(tái)都是操作數(shù)據(jù)庫(kù)的內(nèi)容。二者通過(guò)數(shù)據(jù)庫(kù)進(jìn)行聯(lián)系：后臺(tái)通過(guò)對(duì)數(shù)據(jù)庫(kù)的設(shè)置操作實(shí)現(xiàn)對(duì)前臺(tái)頁(yè)面的控制；前臺(tái)從數(shù)據(jù)庫(kù)取出數(shù)據(jù)進(jìn)行展示，部分插入數(shù)據(jù)庫(kù)內(nèi)容進(jìn)行用戶(hù)交互操作如用戶(hù)注冊(cè)、投票系統(tǒng)和評(píng)論、留言等4.2前臺(tái)管理4.2.1前臺(tái)首頁(yè)圖4.2.1前臺(tái)首頁(yè)Title欄：顯示網(wǎng)站的名稱(chēng)（可自己設(shè)置）Logo：是個(gè)鏈接點(diǎn)擊進(jìn)入本網(wǎng)站（可從后臺(tái)選擇圖片）橫幅的圖片：網(wǎng)站的標(biāo)志導(dǎo)航菜單欄：首頁(yè)和資源管理是固定的其他可自己選擇欄目（首頁(yè)鏈接至首頁(yè)界面、資源管理里面包括要展示的資源，提供下載等連接、其他自己設(shè)置的菜單選項(xiàng)控制左欄和主界面顯示的內(nèi)容）左欄：1、用戶(hù)登錄頁(yè)面：有驗(yàn)證碼、軟鍵盤(pán)（可登錄、注冊(cè)登陸后這里顯示用戶(hù)名及上次登錄時(shí)間）2、網(wǎng)站信息面板：網(wǎng)站名稱(chēng)、總訪(fǎng)問(wèn)量、文章總數(shù)、站長(zhǎng)姓名、地址、電話(huà)（此信息從數(shù)據(jù)庫(kù)取出可從后臺(tái)修改其中文章總數(shù)和總訪(fǎng)問(wèn)量自動(dòng)統(tǒng)計(jì)后輸出）3、投票調(diào)查：可投票并查看投票結(jié)果（可從后臺(tái)自己選擇主題）。點(diǎn)擊查看投票結(jié)果主界面顯示。圖4.2.2投票結(jié)果顯示主界面：滾動(dòng)條滾動(dòng)顯示最新的五條文章可點(diǎn)擊進(jìn)入各文章搜索框：按關(guān)鍵字搜索全站文章3、最新新聞欄目左側(cè)用的jQuery插件幻燈片顯示最新五個(gè)的文章摘要圖片下方顯示文章名稱(chēng)點(diǎn)擊進(jìn)入相關(guān)文章；右側(cè)是最新文章的鏈接(所屬欄目和文章名稱(chēng)及日期)，文章名稱(chēng)超過(guò)二十字后面的就用省略號(hào)顯示，點(diǎn)擊欄目和文章相應(yīng)更改左欄和主界面顯示的內(nèi)容。4、有左右兩個(gè)模塊可自己選擇要顯示的欄目（熱門(mén)文章、推薦文章或自己添加的欄目，界面和最新新聞?dòng)覀?cè)欄目統(tǒng)一）5、圖片展示欄：顯示最新的五張圖片及文章名稱(chēng)、點(diǎn)擊更改左欄和主界面顯示內(nèi)容。鏈接欄：可自己添加各個(gè)鏈接（廣告、友情網(wǎng)站等）上面是鏈接名稱(chēng)下面是連接圖片點(diǎn)擊進(jìn)入格鏈接下面一行鏈接：設(shè)為首頁(yè)、加入收藏、關(guān)于我們、留言版、管理員登錄（只有管理員才有權(quán)限進(jìn)入，非管理員點(diǎn)擊彈出對(duì)話(huà)框提示沒(méi)有權(quán)限）最下面一行：顯示網(wǎng)站版權(quán)信息。4.2.2網(wǎng)站欄目顯示頁(yè)面圖4.2.3欄目展示頁(yè)面點(diǎn)擊任一個(gè)欄目名稱(chēng)則進(jìn)入此頁(yè)面，左側(cè)：欄目下的子欄目點(diǎn)擊右側(cè)展示此欄目下的子欄目名稱(chēng)及文章名稱(chēng)。下面是熱門(mén)文章和推薦文章欄目（各顯示十條內(nèi)容）主界面：文章的位置如首頁(yè)-》互聯(lián)網(wǎng)等點(diǎn)擊進(jìn)入相應(yīng)頁(yè)面、搜索框、下面是各欄目下的文章名稱(chēng)及所屬欄目連接。LOGO網(wǎng)站展示圖片導(dǎo)航友情鏈接，附加連接和版權(quán)等不變4.2.3網(wǎng)站文章顯示頁(yè)面圖4.2.4文章展示頁(yè)面上側(cè)、下側(cè)、左欄不變右欄文章頁(yè)：標(biāo)題、副標(biāo)題、作者、來(lái)源、點(diǎn)擊數(shù)、更新時(shí)間等，下面是文章內(nèi)容及文章的評(píng)論（顯示兩條可點(diǎn)擊查看評(píng)論查看），最下面是個(gè)文本編輯器（FCKedtor插件）發(fā)表評(píng)論（考慮到安全性工具條只顯示了部分功能），用戶(hù)輸入姓名、驗(yàn)證碼后發(fā)表評(píng)論。4.2.4資源下載、用戶(hù)注冊(cè)頁(yè)面及投票界面圖4.2.5資源下載頁(yè)面點(diǎn)擊資源下載，左側(cè)是下載的欄目（視頻、圖片等欄目）、主界面是各種資源可搜索及下載還有一個(gè)顯示全部資源按鈕用戶(hù)注冊(cè)界面：基本信息填寫(xiě)權(quán)限是普通用戶(hù)投票界面：得到各個(gè)票數(shù)顯示百分比及圖像顯示4.3后臺(tái)系統(tǒng)管理4.3.1后臺(tái)首頁(yè)后臺(tái)首頁(yè)主要有三部分構(gòu)成分別為：top塊，left塊，right塊。Top塊主要包含有Logo，歡迎語(yǔ)以及功能標(biāo)簽控制left塊的顯示，left塊控制right塊的顯示還有自己個(gè)人信息和密碼修改 圖4.3.1后臺(tái)登錄頁(yè)圖4.3.2后臺(tái)首頁(yè)4.3.2信息采編左欄上側(cè)是四個(gè)快捷按鈕（新建文章、文章管理、新建欄目、欄目管理）；下側(cè)是一個(gè)樹(shù)形欄目（用dtree插件可伸縮），此樹(shù)的根節(jié)點(diǎn)下的文章欄目和前臺(tái)的菜單欄對(duì)應(yīng)，點(diǎn)擊任一節(jié)點(diǎn)right塊顯示其目錄下的文章及所有子目錄下的文章，right快可對(duì)文章進(jìn)行添加、刪除、修改、查找（ID、標(biāo)題、添加人）、文章篩選（熱門(mén)、推薦、最近一天記錄）、啟停用、推解薦圖4.3.3文章添加圖4.3.4文章管理圖4.3.5欄目管理4.3.3系統(tǒng)配置圖4.3.6系統(tǒng)基本配置圖4.3.7站點(diǎn)管理圖4.3.8前臺(tái)首頁(yè)選擇圖4.3.9網(wǎng)站統(tǒng)一建站流程圖4.3.10各模塊分別選擇站點(diǎn)配置：基本參數(shù)配置（網(wǎng)站名稱(chēng)、地址、站長(zhǎng)信息權(quán)限等）、站點(diǎn)管理（新建站點(diǎn)、搜索、修改、啟停用（只能啟用一個(gè)））信息分類(lèi)管理：欄目管理（添加新欄目、添加子欄目、修改、刪除、搜索（ID、欄目名、添加人）、啟用停用）模塊設(shè)計(jì)：（一個(gè)快速統(tǒng)一建網(wǎng)站的總流程接口比較方便）首頁(yè)模塊選擇--》首頁(yè)各模塊內(nèi)容的選擇：（1）LOGO圖片、網(wǎng)站展示圖片選擇：彈出模式對(duì)話(huà)框選擇服務(wù)器上的圖片（單選），可在資源管理頁(yè)添加自己的圖片后選擇。（2）菜單欄導(dǎo)航、前臺(tái)主頁(yè)面兩個(gè)內(nèi)容塊和左欄選擇（多選）：模式對(duì)話(huà)框列出所有欄目名稱(chēng)選擇（可先在欄目管理中添加自己的欄目）（3）友情鏈接選擇（多選）：模式對(duì)話(huà)框列出所有鏈接（可自己先添加）以上模式對(duì)話(huà)框選擇完畢后返回?cái)?shù)據(jù)提交后設(shè)置成功4.3.4用戶(hù)管理添加新用戶(hù)、用戶(hù)管理（增刪改查權(quán)限）圖4.3.11添加新用戶(hù)圖4.3.12用戶(hù)管理4.3.5互動(dòng)信息評(píng)論管理：顯示所有評(píng)論（查找、刪除）投票調(diào)查：新建主題、各主題的查找、刪除、修改、啟用停用等鏈接管理：增刪改查啟停用留言管理：增刪改查啟停用圖4.3.13互動(dòng)評(píng)論管理圖4.3.14添加鏈接圖4.3.15資源管理圖片視頻管理等（上傳、搜索、修改、刪除等）4.3.6系統(tǒng)實(shí)現(xiàn)此系統(tǒng)主要分為兩個(gè)部分：后臺(tái)和前臺(tái)。而前臺(tái)和后臺(tái)又都是用的MVC架構(gòu)后臺(tái)和前臺(tái)都是操作數(shù)據(jù)庫(kù)的內(nèi)容。二者通過(guò)數(shù)據(jù)庫(kù)進(jìn)行聯(lián)系：后臺(tái)通過(guò)對(duì)數(shù)據(jù)庫(kù)的設(shè)置操作實(shí)現(xiàn)對(duì)前臺(tái)頁(yè)面的控制；前臺(tái)從數(shù)據(jù)庫(kù)取出數(shù)據(jù)進(jìn)行展示，部分插入數(shù)據(jù)庫(kù)內(nèi)容進(jìn)行用戶(hù)交互操作如用戶(hù)注冊(cè)、投票系統(tǒng)和評(píng)論、留言等。4.3.7注銷(xiāo)登錄是建立一個(gè)session值，注銷(xiāo)時(shí)清空此session并返回網(wǎng)站首頁(yè)。5測(cè)試測(cè)試就是利用測(cè)試工具按照測(cè)試方案和流程對(duì)產(chǎn)品進(jìn)行功能和性能測(cè)試，甚至根據(jù)需要編寫(xiě)不同的測(cè)試工具，設(shè)計(jì)和維護(hù)測(cè)試系統(tǒng)，對(duì)測(cè)試方案可能出現(xiàn)的問(wèn)題進(jìn)行分析和評(píng)估。執(zhí)行測(cè)試用例后，需要跟蹤故障，以確保開(kāi)發(fā)的產(chǎn)品適合需求。它是幫助識(shí)別開(kāi)發(fā)完成的系統(tǒng)的的正確度、完全度和質(zhì)量的軟件過(guò)程5.1本系統(tǒng)測(cè)試 本系統(tǒng)的測(cè)試：在實(shí)現(xiàn)的過(guò)程中采用動(dòng)靜結(jié)合的測(cè)試方法，編寫(xiě)一段程序首先檢查程序是否有誤，之后運(yùn)行程序查找錯(cuò)誤，如有錯(cuò)誤回頭檢查程序錯(cuò)誤源頭進(jìn)行修改。其中對(duì)于SQL語(yǔ)句的測(cè)試在MySql中測(cè)試，業(yè)務(wù)邏輯層先在MyEclipse編寫(xiě)的測(cè)試類(lèi)中測(cè)試無(wú)誤后再在控制層中使用。完成系統(tǒng)后，采用有事先設(shè)計(jì)的用例進(jìn)行測(cè)試，并發(fā)布到局域網(wǎng)上讓同學(xué)瀏覽以查找系統(tǒng)不足之處。5.2測(cè)試用例（CMS）測(cè)試用例項(xiàng)目名稱(chēng)網(wǎng)站內(nèi)容管理系統(tǒng)版本V1.0功能模塊名用戶(hù)登錄模塊功能特性用戶(hù)登錄用例編號(hào)001編制人常曉雪相關(guān)的用例002編制時(shí)間2013年5月21日測(cè)試目的輸入正確的用戶(hù)名、密碼、驗(yàn)證碼才能正確登錄前置條件已進(jìn)入登陸界面特殊規(guī)程說(shuō)明暫不考慮用戶(hù)權(quán)限登錄，均按照一般用戶(hù)登錄處理測(cè)試數(shù)據(jù)用戶(hù)登錄圖5.2.1測(cè)試用例表5.2.2測(cè)試結(jié)果操作步驟輸入數(shù)據(jù)操作描述期望結(jié)果測(cè)試結(jié)果狀態(tài)1用戶(hù)名為空點(diǎn)擊登錄提示：抱歉！用戶(hù)名信息不可為空用戶(hù)名不可為空一致2輸入正確用戶(hù)名，密碼為空點(diǎn)擊登錄提示：抱歉！密碼不可為空抱歉！密碼不可為空一致3輸入正確的用戶(hù)名密碼，驗(yàn)證碼錯(cuò)誤點(diǎn)擊登錄提示：驗(yàn)證碼錯(cuò)誤！驗(yàn)證碼錯(cuò)誤，請(qǐng)重新輸入一致4輸入用戶(hù)名錯(cuò)誤其他各項(xiàng)均正確點(diǎn)擊登錄提示：抱歉！該用戶(hù)不存在，登錄失敗抱歉！該用戶(hù)不存在，登錄失敗一致5輸入密碼錯(cuò)誤其他各項(xiàng)均正確點(diǎn)擊登錄提示：抱歉！密碼錯(cuò)誤，登錄失敗抱歉！密碼錯(cuò)誤，登錄失敗一致6輸入正確用戶(hù)名，正確密碼，正確驗(yàn)證碼點(diǎn)擊登錄提示：登錄成功并進(jìn)入主界面登錄成功并進(jìn)入主界面一致7用戶(hù)名，密碼，身份證，手機(jī)均為空點(diǎn)擊登錄提示：抱歉！登錄失敗，請(qǐng)?zhí)顚?xiě)信息抱歉！登錄失敗，請(qǐng)?zhí)顚?xiě)信息一致8輸入正確用戶(hù)名，正確密碼，正確的驗(yàn)證碼點(diǎn)擊取消用戶(hù)名，密碼，身份證號(hào)碼，手機(jī)號(hào)碼均為空，焦點(diǎn)回歸用戶(hù)名文本框用戶(hù)名，密碼，身份證號(hào)碼，手機(jī)號(hào)碼均為空，焦點(diǎn)回歸用戶(hù)名文本框一致測(cè)試人員常曉雪開(kāi)發(fā)人員常曉雪6總結(jié)通過(guò)本系統(tǒng)的設(shè)計(jì)編寫(xiě)完成，遇到了很多問(wèn)題，如亂碼問(wèn)題、設(shè)計(jì)思想不合理等，通過(guò)對(duì)這些問(wèn)題的解決（在網(wǎng)上查資料，請(qǐng)教同學(xué)老師），學(xué)到了不少東西，意識(shí)到數(shù)據(jù)庫(kù)很重要，設(shè)計(jì)思想很重要，而且需要細(xì)心，代碼的編寫(xiě)錯(cuò)一點(diǎn)都會(huì)影響結(jié)果，細(xì)心的人可以減少編寫(xiě)時(shí)間，提高效率。7感謝首先要感謝河北農(nóng)業(yè)大學(xué)，在這里我學(xué)到了不少東西，也留下了很多美好的回憶。其次，就是各位老師，指導(dǎo)教師給了我很大的幫助，感謝他的指導(dǎo)。最后，同學(xué)的幫助，讓我少走了不少?gòu)澛?。感謝你們，讓我學(xué)到了很多東西，成長(zhǎng)了不少。參考文獻(xiàn)[1]魯夫創(chuàng)意工作室何雄.JSP網(wǎng)絡(luò)程序設(shè)計(jì)：人民郵電出版社，河北農(nóng)業(yè)大學(xué)圖書(shū)館[2]郭宏志.JAVA開(kāi)源培訓(xùn)之Struts框架：賽迪IT職業(yè)培訓(xùn)，2008.4[3]孫晨霞數(shù)據(jù)庫(kù)應(yīng)用技術(shù)[M]:北京郵電大學(xué)出版社[4]王國(guó)輝.王毅.尹相群JavaWeb開(kāi)發(fā)技術(shù)方案寶典[M]:人民郵電出版社，2008.2[5]吳其慶JSP編程思想與實(shí)踐[M]:人民郵電出版社，2010-7[6]慕西亞諾（Musciano，C.），肯尼迪（Kennedy，B.）.HTML和XHTML權(quán)威指南（第五版）[M]:清華大學(xué)出版社，2004-6[7]（英）巴德.精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案[M]:人民郵電出版社，2003[8]E.ReedDoke.JohnW.Satzinger：Java面向?qū)ο髴?yīng)用程序開(kāi)發(fā)[M]:清華大學(xué)出版社，2003本科畢業(yè)設(shè)計(jì)任務(wù)書(shū)學(xué)院：教師姓名：職稱(chēng)：年月日專(zhuān)業(yè)名稱(chēng)計(jì)算機(jī)科學(xué)與技術(shù)設(shè)計(jì)題目網(wǎng)站內(nèi)容管理系統(tǒng)題目來(lái)源C設(shè)計(jì)內(nèi)容：CMS（ContentManagementSystem）中文名稱(chēng)為網(wǎng)站內(nèi)容管理系統(tǒng)，是用數(shù)據(jù)庫(kù)對(duì)信息進(jìn)行存儲(chǔ)并發(fā)布展示的系統(tǒng)，系統(tǒng)可以對(duì)任何信息進(jìn)行管理，還能自己定義信息類(lèi)型等，實(shí)現(xiàn)各種信息的數(shù)據(jù)庫(kù)存儲(chǔ)、管理和發(fā)布。此系統(tǒng)的主要模塊有：后臺(tái)（管理員登錄）：用戶(hù)管理及權(quán)限設(shè)置文章欄目的增刪改查及發(fā)布等站點(diǎn)的設(shè)置（網(wǎng)址、標(biāo)題及站長(zhǎng)信息等基本信息）首頁(yè)模版的選擇各模塊欄目的選擇、文章評(píng)論、留言板等網(wǎng)站文章瀏覽次數(shù)、投票記錄等統(tǒng)計(jì)的管理各種外部鏈接廣告管理等圖片視頻等資源的上傳與下載及管理（其中文章、欄目、站點(diǎn)、用戶(hù)、評(píng)論、鏈接等均有增刪改查的功能）前臺(tái)（任何人可以進(jìn)入）：用戶(hù)登錄注冊(cè)、網(wǎng)站基本信息的顯示（瀏覽次數(shù)、網(wǎng)站名稱(chēng)等）可瀏覽文章系統(tǒng)記錄瀏覽次數(shù)發(fā)表日期等并可對(duì)文章進(jìn)行評(píng)論和查看評(píng)點(diǎn)擊各欄目進(jìn)入欄目下的內(nèi)容、最新信息、熱門(mén)、推薦文章等設(shè)計(jì)要求及主要技術(shù)參數(shù):架構(gòu)設(shè)計(jì)系統(tǒng)采用B/S結(jié)構(gòu)模式采用MVC框架：M：Model業(yè)務(wù)邏輯層、數(shù)據(jù)邏輯層（接口DAO、實(shí)現(xiàn)類(lèi)DAOIMPL、容器類(lèi)VO）采用DAO模式V：View表現(xiàn)層（頁(yè)面JSPHTML、CSS、JavaScripttag標(biāo)簽庫(kù)等）C:Controller控制層（servlet/action)數(shù)據(jù)庫(kù)選擇：MySQL服務(wù)器;tomcat開(kāi)發(fā)平臺(tái)：JDK使用工具：MyEclipse進(jìn)度安排：2~3月：通過(guò)網(wǎng)絡(luò)圖書(shū)館查閱各種資料、了解網(wǎng)站內(nèi)容系統(tǒng)的概念確定研究方向完成開(kāi)題報(bào)告3~4月：搜索開(kāi)發(fā)和發(fā)布環(huán)境，熟悉掌握MyEclipes、tomcat、MySQL等的使用，了解javaJSP等的語(yǔ)言的應(yīng)用，并設(shè)計(jì)出大致模塊4~5月：代碼的實(shí)現(xiàn)5月：進(jìn)行測(cè)試及論文的編寫(xiě)等專(zhuān)家意見(jiàn)：進(jìn)度安排合理，同意按照計(jì)劃進(jìn)行。專(zhuān)家簽字：年月日本科畢業(yè)設(shè)計(jì)開(kāi)題報(bào)告題目：網(wǎng)站內(nèi)容系統(tǒng)（CMS）學(xué)院：學(xué)生姓名：專(zhuān)業(yè)：班級(jí)學(xué)號(hào)：指導(dǎo)教師姓名：指導(dǎo)教師職稱(chēng)：年月日學(xué)生姓名專(zhuān)業(yè)班級(jí)學(xué)號(hào)指導(dǎo)教師職稱(chēng)所在學(xué)院論文名稱(chēng) 網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）選題依據(jù)：論文的理論依據(jù)：網(wǎng)站內(nèi)容管理系統(tǒng)，即ContentManagementSystem，英文縮寫(xiě)是CMS。網(wǎng)站內(nèi)容管理系統(tǒng)具有許多基于模板的優(yōu)秀設(shè)計(jì)，可以加快網(wǎng)站開(kāi)發(fā)的速度和減少開(kāi)發(fā)的成本。網(wǎng)站內(nèi)容管理系統(tǒng)的功能并不只限于文本處理，它也可以處理圖片、Flash動(dòng)畫(huà)、聲像流、圖像甚至電子郵件檔案。網(wǎng)站內(nèi)容管理系統(tǒng)其實(shí)是一個(gè)很廣泛的稱(chēng)呼，從一般的博客程序，新聞發(fā)布程序，到綜合性的網(wǎng)站管理程序都可以被稱(chēng)為內(nèi)容管理系統(tǒng)。目的意義：隨著互聯(lián)網(wǎng)的迅速發(fā)展，信息化的發(fā)展也越來(lái)越壯大，內(nèi)容管理越來(lái)越重要，雖然國(guó)內(nèi)外信息化建設(shè)發(fā)展很快，但也存在這很多問(wèn)題：建設(shè)困難，信息更新不及時(shí)，管理不到位，功能不健全等，而且，有時(shí)甚至需要重新建站，重復(fù)相同的工作，耗時(shí)耗力，高成本、低效率又影響工作。網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）的出現(xiàn)，解決了以上的很多問(wèn)題。用戶(hù)使用網(wǎng)站內(nèi)容管理系統(tǒng)不需要具備專(zhuān)業(yè)知識(shí)也可以制作出網(wǎng)站，而且在建網(wǎng)站之后不需要具備專(zhuān)業(yè)知識(shí)也可以自己管理，如內(nèi)容的添加刪除修改，模塊的改變，內(nèi)容的擴(kuò)充等。這樣，用戶(hù)可把主要精力用在內(nèi)容的管理上，減少了成本，提高了效率，且可動(dòng)態(tài)的管理擴(kuò)充，滿(mǎn)足用戶(hù)的不同需求。簡(jiǎn)單說(shuō)，利用網(wǎng)站內(nèi)容管理系統(tǒng)不需要學(xué)習(xí)建站技術(shù)，編程語(yǔ)言，HTML語(yǔ)言等就可以建設(shè)出風(fēng)格統(tǒng)一，功能強(qiáng)大的網(wǎng)站。文獻(xiàn)綜述：CMS（ContentManagementSystem）中文名稱(chēng)為網(wǎng)站內(nèi)容管理系統(tǒng)，是用數(shù)據(jù)庫(kù)對(duì)信息進(jìn)行存儲(chǔ)并發(fā)布展示的系統(tǒng)，系統(tǒng)可以對(duì)任何信息進(jìn)行管理，還能自己定義信息類(lèi)型等，實(shí)現(xiàn)各種信息的數(shù)據(jù)庫(kù)存儲(chǔ)、管理和發(fā)布。CMS的系統(tǒng)的研究動(dòng)態(tài)網(wǎng)站內(nèi)容管理系統(tǒng)分各個(gè)平臺(tái)腳本種類(lèi)的。內(nèi)容管理系統(tǒng)是企業(yè)信息化建設(shè)和電子政務(wù)的新寵，也是一個(gè)相對(duì)較新的市場(chǎng)，對(duì)于內(nèi)容管理，業(yè)界還沒(méi)有一個(gè)統(tǒng)一的定義，不同的機(jī)構(gòu)有不同的理解：GartnerGroup認(rèn)為內(nèi)容管理從內(nèi)涵上應(yīng)該包括企業(yè)內(nèi)部?jī)?nèi)容管理、Web內(nèi)容管理、電子商務(wù)交易內(nèi)容管理和企業(yè)外部網(wǎng)(Extranet)信息共享內(nèi)容管理（如CRM和SCM等），Web內(nèi)容管理是當(dāng)前的重點(diǎn)，e-busines