網(wǎng)站內(nèi)容管理系統(tǒng)(cms)大學(xué)本科畢業(yè)論文

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

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

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

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

早期的CMS模板只有默認(rèn)的幾個(gè)，都很單一，沒有特色，只是變一下顏色。如今的CMS模板都很經(jīng)典，擁有不同的類型，適合商業(yè)的、行業(yè)的、企業(yè)的CMS模板應(yīng)有盡有。5、不同類型的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)新的專用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ù)簡介1.2.1JSP簡介JSP（JavaServerPages)是由SunMicrosystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。JSP技術(shù)有點(diǎn)類似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag)，從而形成JSP文件(*.jsp)。用JSP開發(fā)的Web應(yīng)用是跨平臺(tái)的，既能在Linux下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行。1.2.2相關(guān)技術(shù)系統(tǒng)使用JAVA語言基于JDK平臺(tái)網(wǎng)頁中使用HTML語言、JavaScript腳本技術(shù)HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文件是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML文件的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。其中用CSS對(duì)頁面展示進(jìn)行修飾等級(jí)聯(lián)樣式表（CascadingStyleSheet）簡稱“CSS”，通常又稱為“風(fēng)格樣式表（StyleSheet）”，它是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的。比如，如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線，這就是一種風(fēng)格。通過設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁外觀。使用級(jí)聯(lián)樣式表，可以擴(kuò)充精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力。2系統(tǒng)需求分析2.1需求分析此系統(tǒng)的開發(fā)分成兩大部分：前臺(tái)和后臺(tái)前臺(tái)：主要實(shí)現(xiàn)用戶的瀏覽文章、查詢，資源瀏覽、查詢、下載以及附加選項(xiàng)投票，友情鏈接，注冊(cè)用戶、文章評(píng)論等后臺(tái)：采用Mysql進(jìn)行數(shù)據(jù)存儲(chǔ)與管理,功能主要有：系統(tǒng)的基本配置主要是設(shè)置網(wǎng)站的名稱、關(guān)鍵字等；系統(tǒng)管理員：添加系統(tǒng)管理員，另外設(shè)置管理員的權(quán)限；欄目文章操作：是對(duì)發(fā)布內(nèi)容的主要操作；4.另有投票管理、鏈接管理、資源管理、上傳下載、文章評(píng)論等。界面采用css樣式，Dreamweaver進(jìn)行布局設(shè)置制作頁面框架等。2.2運(yùn)行環(huán)境需求2.2.1硬件平臺(tái)硬件最低要求：CPUPIII500以上PC服務(wù)器，內(nèi)存254MB以上，硬盤8GB以上。以目前的基本配置來看，大多能滿足硬件要求2.2.2軟件平臺(tái)服務(wù)器：tomcat2.2.3開發(fā)環(huán)境開發(fā)工具：Myeclipse開發(fā)平臺(tái)：JDK服務(wù)器：tomcat其他工具：MacromediaDreamweaver82.2.4數(shù)據(jù)庫數(shù)據(jù)庫系統(tǒng)：采用Mysql數(shù)據(jù)庫3數(shù)據(jù)庫設(shè)計(jì)此系統(tǒng)采用Mysql對(duì)數(shù)據(jù)進(jìn)行簡單的管理。該數(shù)據(jù)庫進(jìn)行了以下規(guī)劃：該數(shù)據(jù)庫的實(shí)體有用戶實(shí)體、欄目實(shí)體、文章實(shí)體、評(píng)論實(shí)體、鏈接實(shí)體、站點(diǎn)實(shí)體、資源實(shí)體、投票實(shí)體。3.1數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)由于各數(shù)據(jù)庫的實(shí)體之間的關(guān)系比較簡單，直接用實(shí)體關(guān)系表表示就一目了然。其中六個(gè)實(shí)體的E-R圖分別由圖所示。用戶用戶添加日期用戶權(quán)限登錄名密碼答案密碼問題狀態(tài)登錄密碼真實(shí)姓名電話EmialQQ圖3.1用戶實(shí)體E-R圖文章類型文章類型欄目類型欄目添加日期欄目創(chuàng)建人欄目名稱欄目編號(hào)上級(jí)欄目ID狀態(tài)上級(jí)欄目名稱所屬模塊圖3.2欄目實(shí)體E-R圖文章文章文章來源文章類型文章標(biāo)題文章作者關(guān)鍵字文章點(diǎn)擊數(shù)副標(biāo)題真實(shí)姓名欄目編號(hào)所屬欄目名文章摘要圖文章點(diǎn)擊數(shù)文章內(nèi)容文章狀態(tài)是否推薦圖3.3文章實(shí)體E-R圖資源資源創(chuàng)建者資源名稱所屬欄目欄目編號(hào)資源類型創(chuàng)建日期資源狀態(tài)圖3.4資源實(shí)體E-R圖站點(diǎn)站點(diǎn)站點(diǎn)狀態(tài)站長地址站點(diǎn)名稱站長姓名站點(diǎn)URL版權(quán)站點(diǎn)標(biāo)題點(diǎn)擊數(shù)首頁選擇站長Emial站長電話圖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ù)庫邏輯結(jié)構(gòu)設(shè)計(jì)各個(gè)表的設(shè)計(jì)如下。表1Site此表記錄站點(diǎn)的基本信息。表2Article此表記錄文章的基本信息。表3Coment此表記錄文章評(píng)論信息表4:Link記錄鏈接廣告等信息表5：欄目表此表記錄欄目信息表6：source此表記錄資源信息表7：user此表記錄用戶信息及權(quán)限4詳細(xì)設(shè)計(jì)本章對(duì)詳細(xì)設(shè)計(jì)進(jìn)行說明與介紹。4.1整體思想框架結(jié)構(gòu)的說明4.1.1系統(tǒng)整體采用MVC架構(gòu)圖4.1.1整體結(jié)構(gòu)圖4.1.2接口類包圖4.1.3工具類包圖4.1.4測試類包圖4.1.5接口實(shí)現(xiàn)類包圖4.1.6封裝對(duì)象類包1、M（Moldel層）數(shù)據(jù)邏輯層：用的DAO模式（1）接口包（com.dao）：每個(gè)表一個(gè)接口用于描述所實(shí)現(xiàn)的功能（2）接口實(shí)現(xiàn)類包（com.dao_iml）:每個(gè)接口包一個(gè)實(shí)現(xiàn)類用于實(shí)現(xiàn)接口中的方法還繼承了工具類中的兩個(gè)類（3）容器類包（com.vo）：每個(gè)表用一個(gè)類描述各表的字段及取得字段值和設(shè)置字段值的set、get方法，是聯(lián)系數(shù)據(jù)庫和控制類的紐帶（4）工具類包（com.util）:（用到了兩個(gè)工具類）連接數(shù)據(jù)庫的類：用于連接數(shù)據(jù)庫其中用配置文件存儲(chǔ)數(shù)據(jù)庫鏈接的四個(gè)參數(shù)（用戶名、密碼、數(shù)據(jù)庫URL、驅(qū)動(dòng)）SQL語句常量類:存儲(chǔ)所有用到的SQL語句（5）測試類包：里面有test方法在鏈接tomcat之前可用于測試實(shí)現(xiàn)類中的方法，當(dāng)然也可以在各類中寫main方法進(jìn)行測試但是每個(gè)類都要寫main方法就比較麻煩了，在servlet用之前可以在此包中測試要檢查的類比較方便（6）用到了一個(gè)配置文件：db_perties此文件有四個(gè)連接數(shù)據(jù)庫的參數(shù)，方便修改要鏈接的數(shù)據(jù)庫及驅(qū)動(dòng)2、C:（Controller）控制層（sevelet/action）：本系統(tǒng)主要用的是servlet圖4.1.7控制層servlet包圖4.1.8過濾器此層比較重要是連接數(shù)據(jù)邏輯層和視圖層的紐帶，實(shí)現(xiàn)用戶與數(shù)據(jù)庫的交互，使網(wǎng)站動(dòng)態(tài)化，主要功能功能是：接收用戶請(qǐng)求調(diào)用后臺(tái)邏輯接口并響應(yīng)用戶請(qǐng)求實(shí)現(xiàn)頁面跳轉(zhuǎn)（其中用的VO做容器類）注意：在用servlet時(shí)一定要在web.xml中把路徑配置好，方便用戶調(diào)用另外還用到了過濾器對(duì)文件編碼進(jìn)行了設(shè)置以解決中文亂碼問題V:（View）表現(xiàn)層主要是界面的表現(xiàn)與美觀及用戶請(qǐng)求調(diào)用控制層主要用到了HTML、Jsp、JS（javascript）：實(shí)現(xiàn)頁面跳轉(zhuǎn)等一些功能、CSS樣式文件、用Dreamweaver設(shè)計(jì)頁面結(jié)構(gòu)、還用到了jstl標(biāo)簽庫和EL表達(dá)式其中用Jquary插件實(shí)現(xiàn)了新聞?shì)啿セ脽羝⒚艽a軟鍵盤、在文章編輯頁面和評(píng)論頁面用到了FCKeditor編輯器（文字樣式編輯、上傳下載圖片視頻等）、評(píng)論中通過配置FCKeditor使工具條減少了部分功能、以保證系統(tǒng)安全性用fileupload插件上傳文章摘要圖和圖片視頻等資源用Dtree插件實(shí)現(xiàn)樹形目錄結(jié)構(gòu)4.1.2系統(tǒng)整體思想：此系統(tǒng)整體分為三個(gè)結(jié)構(gòu)：后臺(tái)、數(shù)據(jù)庫、前臺(tái)。而前臺(tái)和后臺(tái)又都是用的MVC架構(gòu)后臺(tái)和前臺(tái)都是操作數(shù)據(jù)庫的內(nèi)容。二者通過數(shù)據(jù)庫進(jìn)行聯(lián)系：后臺(tái)通過對(duì)數(shù)據(jù)庫的設(shè)置操作實(shí)現(xiàn)對(duì)前臺(tái)頁面的控制；前臺(tái)從數(shù)據(jù)庫取出數(shù)據(jù)進(jìn)行展示，部分插入數(shù)據(jù)庫內(nèi)容進(jìn)行用戶交互操作如用戶注冊(cè)、投票系統(tǒng)和評(píng)論、留言等4.2前臺(tái)管理4.2.1前臺(tái)首頁圖4.2.1前臺(tái)首頁Title欄：顯示網(wǎng)站的名稱（可自己設(shè)置）Logo：是個(gè)鏈接點(diǎn)擊進(jìn)入本網(wǎng)站（可從后臺(tái)選擇圖片）橫幅的圖片：網(wǎng)站的標(biāo)志導(dǎo)航菜單欄：首頁和資源管理是固定的其他可自己選擇欄目（首頁鏈接至首頁界面、資源管理里面包括要展示的資源，提供下載等連接、其他自己設(shè)置的菜單選項(xiàng)控制左欄和主界面顯示的內(nèi)容）左欄：1、用戶登錄頁面：有驗(yàn)證碼、軟鍵盤（可登錄、注冊(cè)登陸后這里顯示用戶名及上次登錄時(shí)間）2、網(wǎng)站信息面板：網(wǎng)站名稱、總訪問量、文章總數(shù)、站長姓名、地址、電話（此信息從數(shù)據(jù)庫取出可從后臺(tái)修改其中文章總數(shù)和總訪問量自動(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è)的文章摘要圖片下方顯示文章名稱點(diǎn)擊進(jìn)入相關(guān)文章；右側(cè)是最新文章的鏈接(所屬欄目和文章名稱及日期)，文章名稱超過二十字后面的就用省略號(hào)顯示，點(diǎn)擊欄目和文章相應(yīng)更改左欄和主界面顯示的內(nèi)容。4、有左右兩個(gè)模塊可自己選擇要顯示的欄目（熱門文章、推薦文章或自己添加的欄目，界面和最新新聞?dòng)覀?cè)欄目統(tǒng)一）5、圖片展示欄：顯示最新的五張圖片及文章名稱、點(diǎn)擊更改左欄和主界面顯示內(nèi)容。鏈接欄：可自己添加各個(gè)鏈接（廣告、友情網(wǎng)站等）上面是鏈接名稱下面是連接圖片點(diǎn)擊進(jìn)入格鏈接下面一行鏈接：設(shè)為首頁、加入收藏、關(guān)于我們、留言版、管理員登錄（只有管理員才有權(quán)限進(jìn)入，非管理員點(diǎn)擊彈出對(duì)話框提示沒有權(quán)限）最下面一行：顯示網(wǎng)站版權(quán)信息。4.2.2網(wǎng)站欄目顯示頁面圖4.2.3欄目展示頁面點(diǎn)擊任一個(gè)欄目名稱則進(jìn)入此頁面，左側(cè)：欄目下的子欄目點(diǎn)擊右側(cè)展示此欄目下的子欄目名稱及文章名稱。下面是熱門文章和推薦文章欄目（各顯示十條內(nèi)容）主界面：文章的位置如首頁-》互聯(lián)網(wǎng)等點(diǎn)擊進(jìn)入相應(yīng)頁面、搜索框、下面是各欄目下的文章名稱及所屬欄目連接。LOGO網(wǎng)站展示圖片導(dǎo)航友情鏈接，附加連接和版權(quán)等不變4.2.3網(wǎng)站文章顯示頁面圖4.2.4文章展示頁面上側(cè)、下側(cè)、左欄不變右欄文章頁：標(biāo)題、副標(biāo)題、作者、來源、點(diǎn)擊數(shù)、更新時(shí)間等，下面是文章內(nèi)容及文章的評(píng)論（顯示兩條可點(diǎn)擊查看評(píng)論查看），最下面是個(gè)文本編輯器（FCKedtor插件）發(fā)表評(píng)論（考慮到安全性工具條只顯示了部分功能），用戶輸入姓名、驗(yàn)證碼后發(fā)表評(píng)論。4.2.4資源下載、用戶注冊(cè)頁面及投票界面圖4.2.5資源下載頁面點(diǎn)擊資源下載，左側(cè)是下載的欄目（視頻、圖片等欄目）、主界面是各種資源可搜索及下載還有一個(gè)顯示全部資源按鈕用戶注冊(cè)界面：基本信息填寫權(quán)限是普通用戶投票界面：得到各個(gè)票數(shù)顯示百分比及圖像顯示4.3后臺(tái)系統(tǒng)管理4.3.1后臺(tái)首頁后臺(tái)首頁主要有三部分構(gòu)成分別為：top塊，left塊，right塊。Top塊主要包含有Logo，歡迎語以及功能標(biāo)簽控制left塊的顯示，left塊控制right塊的顯示還有自己個(gè)人信息和密碼修改 圖4.3.1后臺(tái)登錄頁圖4.3.2后臺(tái)首頁4.3.2信息采編左欄上側(cè)是四個(gè)快捷按鈕（新建文章、文章管理、新建欄目、欄目管理）；下側(cè)是一個(gè)樹形欄目（用dtree插件可伸縮），此樹的根節(jié)點(diǎn)下的文章欄目和前臺(tái)的菜單欄對(duì)應(yīng)，點(diǎn)擊任一節(jié)點(diǎn)right塊顯示其目錄下的文章及所有子目錄下的文章，right快可對(duì)文章進(jìn)行添加、刪除、修改、查找（ID、標(biāo)題、添加人）、文章篩選（熱門、推薦、最近一天記錄）、啟停用、推解薦圖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)首頁選擇圖4.3.9網(wǎng)站統(tǒng)一建站流程圖4.3.10各模塊分別選擇站點(diǎn)配置：基本參數(shù)配置（網(wǎng)站名稱、地址、站長信息權(quán)限等）、站點(diǎn)管理（新建站點(diǎn)、搜索、修改、啟停用（只能啟用一個(gè)））信息分類管理：欄目管理（添加新欄目、添加子欄目、修改、刪除、搜索（ID、欄目名、添加人）、啟用停用）模塊設(shè)計(jì)：（一個(gè)快速統(tǒng)一建網(wǎng)站的總流程接口比較方便）首頁模塊選擇--》首頁各模塊內(nèi)容的選擇：（1）LOGO圖片、網(wǎng)站展示圖片選擇：彈出模式對(duì)話框選擇服務(wù)器上的圖片（單選），可在資源管理頁添加自己的圖片后選擇。（2）菜單欄導(dǎo)航、前臺(tái)主頁面兩個(gè)內(nèi)容塊和左欄選擇（多選）：模式對(duì)話框列出所有欄目名稱選擇（可先在欄目管理中添加自己的欄目）（3）友情鏈接選擇（多選）：模式對(duì)話框列出所有鏈接（可自己先添加）以上模式對(duì)話框選擇完畢后返回?cái)?shù)據(jù)提交后設(shè)置成功4.3.4用戶管理添加新用戶、用戶管理（增刪改查權(quán)限）圖4.3.11添加新用戶圖4.3.12用戶管理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ù)庫的內(nèi)容。二者通過數(shù)據(jù)庫進(jìn)行聯(lián)系：后臺(tái)通過對(duì)數(shù)據(jù)庫的設(shè)置操作實(shí)現(xiàn)對(duì)前臺(tái)頁面的控制；前臺(tái)從數(shù)據(jù)庫取出數(shù)據(jù)進(jìn)行展示，部分插入數(shù)據(jù)庫內(nèi)容進(jìn)行用戶交互操作如用戶注冊(cè)、投票系統(tǒng)和評(píng)論、留言等。4.3.7注銷登錄是建立一個(gè)session值，注銷時(shí)清空此session并返回網(wǎng)站首頁。5測試測試就是利用測試工具按照測試方案和流程對(duì)產(chǎn)品進(jìn)行功能和性能測試，甚至根據(jù)需要編寫不同的測試工具，設(shè)計(jì)和維護(hù)測試系統(tǒng)，對(duì)測試方案可能出現(xiàn)的問題進(jìn)行分析和評(píng)估。執(zhí)行測試用例后，需要跟蹤故障，以確保開發(fā)的產(chǎn)品適合需求。它是幫助識(shí)別開發(fā)完成的系統(tǒng)的的正確度、完全度和質(zhì)量的軟件過程5.1本系統(tǒng)測試 本系統(tǒng)的測試：在實(shí)現(xiàn)的過程中采用動(dòng)靜結(jié)合的測試方法，編寫一段程序首先檢查程序是否有誤，之后運(yùn)行程序查找錯(cuò)誤，如有錯(cuò)誤回頭檢查程序錯(cuò)誤源頭進(jìn)行修改。其中對(duì)于SQL語句的測試在MySql中測試，業(yè)務(wù)邏輯層先在MyEclipse編寫的測試類中測試無誤后再在控制層中使用。完成系統(tǒng)后，采用有事先設(shè)計(jì)的用例進(jìn)行測試，并發(fā)布到局域網(wǎng)上讓同學(xué)瀏覽以查找系統(tǒng)不足之處。5.2測試用例（CMS）測試用例項(xiàng)目名稱網(wǎng)站內(nèi)容管理系統(tǒng)版本V1.0功能模塊名用戶登錄模塊功能特性用戶登錄用例編號(hào)001編制人常曉雪相關(guān)的用例002編制時(shí)間201測試目的輸入正確的用戶名、密碼、驗(yàn)證碼才能正確登錄前置條件已進(jìn)入登陸界面特殊規(guī)程說明暫不考慮用戶權(quán)限登錄，均按照一般用戶登錄處理測試數(shù)據(jù)用戶登錄圖5.2.1