簡易網(wǎng)站新聞管理系統(tǒng)

1、.JSP軟件實(shí)驗(yàn)實(shí)驗(yàn)報(bào)告簡易網(wǎng)站新聞管理系統(tǒng)實(shí)驗(yàn)名稱：簡易網(wǎng)站新聞管理系統(tǒng)班 級：計(jì)科0702班完成人：何傳喜（20071508）幺軼群（20071535）鮑張鵬（20071501）張立明（20071538）完成時(shí)間：2010-11-16簡易網(wǎng)站新聞管理系統(tǒng)一、 系統(tǒng)總體設(shè)計(jì)構(gòu)建一個(gè)簡易的新聞管理系統(tǒng)，用戶可以通過瀏覽器訪問系統(tǒng)、查看新聞。對于新聞的管理也是通過瀏覽器完成。這個(gè)系統(tǒng)具有操作方便、快捷的優(yōu)點(diǎn)。1.1系統(tǒng)功能及模塊新聞管理系統(tǒng)應(yīng)該具有如下功能：（1） 瀏覽新聞用戶能夠通過瀏覽器查看新聞，如果有多條新聞，要求可以分頁顯示。（2） 新聞的發(fā)布要求是通過瀏覽器來完成，并且可以編輯新聞的格

2、式。（3） 新聞的修改要求通過瀏覽器完成。（4） 刪除新聞根據(jù)需要，可以刪除新聞。（5） 系統(tǒng)驗(yàn)證對系統(tǒng)進(jìn)行管理前，必須經(jīng)過登錄系統(tǒng)驗(yàn)證。用戶不必登錄就可以隨便查看新聞，系統(tǒng)管理員必須要經(jīng)過身份驗(yàn)證才能管理系統(tǒng)。根據(jù)上述功能需求，系統(tǒng)包括如下模塊：（1） 新聞瀏覽主頁面（2） 新聞瀏覽最終頁面（3） 系統(tǒng)管理主頁面（4） 發(fā)布新聞模塊（5） 修改新聞模塊（6） 刪除新聞模塊1.2系統(tǒng)實(shí)現(xiàn)方案本系統(tǒng)是通過網(wǎng)頁瀏覽器進(jìn)行訪問的，所以本系統(tǒng)采用B/S結(jié)構(gòu)。B/S結(jié)構(gòu)式一種以Web技術(shù)為基礎(chǔ)的數(shù)據(jù)庫體系結(jié)構(gòu)，它把傳統(tǒng)C/S結(jié)構(gòu)中的服務(wù)器部分分解為一個(gè)數(shù)據(jù)服務(wù)器和與一個(gè)或多個(gè)應(yīng)用服務(wù)器，從而構(gòu)成一個(gè)三層

3、結(jié)構(gòu)的客戶服務(wù)器體系結(jié)構(gòu)。本系統(tǒng)采用JSP技術(shù)，JSP容器采用Tomcat6.0，后臺數(shù)據(jù)庫管理系統(tǒng)采用MySqL。二、 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)2.1數(shù)據(jù)庫需求分析根據(jù)本系統(tǒng)功能需求，新聞管理系統(tǒng)需要以下數(shù)據(jù)項(xiàng)。（1） 新聞資料新聞標(biāo)題、新聞內(nèi)容、發(fā)布日期、發(fā)布人。（2） 用戶密碼資料用戶名、密碼、是否為管理員、姓名。2.2數(shù)據(jù)表設(shè)計(jì)根據(jù)上面的需求分析，共設(shè)計(jì)兩個(gè)表，分別為新聞文章表和用戶表。表2-1新聞文章表（article）列名數(shù)據(jù)類型是否可空備注IDIntNTITLEVarchar(100)N文章標(biāo)題BODYVarchar(8000)N文章內(nèi)容ADDDATEVarhar(30)N發(fā)布日期ADDU

4、SERVarchat(10)Y發(fā)布人表2-2用戶表（userpassword）列名數(shù)據(jù)類型是否可空備注IDIntNUSER_IDVarchat(15)N用戶名USER_PASSWORDVarchar(15)N用戶密碼ISMASTERChar(1)N是否為管理員USER_NAMEVarchar(10)Y是2.3數(shù)據(jù)庫初始化數(shù)據(jù)表和數(shù)據(jù)表建立后，就要初始化數(shù)據(jù)庫。因?yàn)樵谑褂眯侣劰芾硐到y(tǒng)時(shí)，需要登錄到管理頁面，進(jìn)行發(fā)布新聞等管理操作，這就需要一個(gè)管理員用戶，所以要在用戶表userpassword中添加一條記錄。圖1.向數(shù)據(jù)庫表userpassword中添加記錄三、 系統(tǒng)基本框架新聞管理系統(tǒng)的功能是用

5、戶可以通過瀏覽器查看新聞，管理員也是通過瀏覽器發(fā)布和管理新聞。新聞管理系統(tǒng)的基本結(jié)構(gòu)圖如圖2所示。圖2 系統(tǒng)基本架構(gòu)為了重復(fù)使用代碼，可以將許多頁面都是用的公共代碼放在一個(gè)JSP文件夾中，當(dāng)其他文件需要調(diào)用這些代碼時(shí)，是用操作標(biāo)記將其包含進(jìn)來。公共模塊中一共有4個(gè)JSP文件和一個(gè)CSS文件：“common.jsp”包含其他JSP文件中需要導(dǎo)入的Java類和包?！癱onnectdb.jsp”文件主要用來連接數(shù)據(jù)庫。“codefilter.jsp”文件用于對新聞文章的內(nèi)容進(jìn)行轉(zhuǎn)換，將一般格式與HTML格式之間轉(zhuǎn)換?！癱heck.jsp”文件用于判斷是否以系統(tǒng)管理員的身份登錄了系統(tǒng)，防止非法用戶直接

6、進(jìn)入系統(tǒng)管理后臺對系統(tǒng)進(jìn)行破壞。一般用戶不需要登錄就可以打開新聞瀏覽主頁面：”index.jsp”查看新聞列表，單擊其中的某一條新聞的標(biāo)題，就可以打開新聞瀏覽最終界面“article.jsp”查看新聞。由于新聞的標(biāo)題和內(nèi)容都存在數(shù)據(jù)庫中，所以最終的新聞頁面時(shí)根據(jù)數(shù)據(jù)庫中的記錄動態(tài)生成的。只有管理員才能輸入正確的用戶名和密碼，通過登錄系統(tǒng)：“l(fā)ogin.jsp”和“chklogin.jsp”，才能登錄到系統(tǒng)管理主頁面“main.jsp”。在這個(gè)主頁面中，管理員可以發(fā)布新聞、修改新聞和刪除新聞。在Tomcat服務(wù)器的安裝目錄下的webapps子目錄下，創(chuàng)建系統(tǒng)應(yīng)用目錄news。在news目錄下除了

7、WEB-INF目錄外，還應(yīng)創(chuàng)建目錄incoming、admin和images。其中，incoming下存放公共模塊jsp文件。admin目錄下存放與系統(tǒng)管理員管理操作相關(guān)的jsp文件。images目錄下存放本系統(tǒng)用到的圖片及圖像資源。四、 各功能模塊的設(shè)計(jì)和實(shí)現(xiàn)4.1公共模塊設(shè)計(jì)公共模塊是將系統(tǒng)其他頁面中重復(fù)使用的代碼集合起來，成為一個(gè)或者多個(gè)文件，這樣，要使用重復(fù)代碼時(shí)，只需要將公共模塊包含進(jìn)來就行了。公共模塊一共有4個(gè)jsp文件和一個(gè)css文件：“common.jsp”、“connectdb.jsp”、“check.jsp”、“coderfiter.jsp”和“style.css”。前4個(gè)

8、文件時(shí)純粹的嵌入式Java代碼，沒有HTML腳本，CSS文件用來定義樣式表。4.1.1“common.jsp”文件“common.jsp”文件包含其他jsp文件中需要導(dǎo)入的Java類和包。程序清單如下：4.1.2“connectdb.jsp”文件“connectdb.jsp”文件主要用來連接數(shù)據(jù)庫以及聲明相關(guān)變量。程序清單如下：4.1.3“check.jsp”文件“check.jsp”文件用來判斷是否以系統(tǒng)管理員的身份登錄系統(tǒng)，防止非法用戶登錄到系統(tǒng)管理后臺對系統(tǒng)進(jìn)行破壞，程序清單如下：4.1.4“coderfiter.jsp”文件“coderfiter.jsp”文件用于對新聞文章的內(nèi)容進(jìn)行格

9、式轉(zhuǎn)換，即在一般格式與HTML格式之間轉(zhuǎn)換。程序清單如下：= 0) output.append(str_source.substring(posStart,pos); output.append(str_new); posStart = pos + lengOfold; if(posStart lengOfsource) output.append(str_source.substring(posStart); return output.toString(); String toHtml(String s) s = Replace(s,>); s = Replace(s,&,&

10、); s = Replace(s,t, ); s = Replace(s,rn,n); s = Replace(s,n,); s = Replace(s, ,  ); s = Replace(s,); s = Replace(s,); return s;String unHtml(String s)s = Replace(s, , );s = Replace(s,n);return s;%4.1.5“style.css”文件“style.css”文件中，可以定義本web應(yīng)用程序用到的所有樣式表，其腳本如下：A:link FONT-SIZE: 9pt; COLOR: #000

11、000; TEXT-DECORATION: underlineA:hover FONT-SIZE: 9pt; COLOR: #ff0000; TEXT-DECORATION: underlineA:visited FONT-SIZE: 9pt; COLOR: #0000ff; TEXT-DECORATION: underline.text FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none.title FONT-SIZE: 16px; COLOR: #000000; TEXT-DECORATION: none.body FONT-SIZE

12、: 12pt; COLOR: #000000; TEXT-DECORATION: nonebody background-image: url(./images/bg.jpg);4.2新聞瀏覽主頁面新聞瀏覽主頁面“index.jsp”是用戶瀏覽新聞的主頁面，該頁面的作用是將所有的新聞標(biāo)題以列表形式顯示出來，代碼如下：網(wǎng)站新聞管理系統(tǒng) 網(wǎng)站新聞管理系統(tǒng) a href=article.jsp?id= target=_blank 圖3 新聞瀏覽主頁面運(yùn)行效果4.3新聞瀏覽最終頁面讀者在新聞瀏覽主頁面“index.jsp”中單擊感興趣的新聞標(biāo)題時(shí)，就會打開新聞瀏覽最終頁面“article.jsp”，查

13、看新聞內(nèi)容；“article.jsp”文件的任務(wù)就是接受主頁面?zhèn)魅氲男侣処D，然后以此ID在數(shù)據(jù)庫新聞文章表article中查找符合條件的記錄，然后取出新聞標(biāo)題、新聞內(nèi)容等信息，并顯示在“article.jsp”頁面上。程序清單如下：網(wǎng)站新聞管理系統(tǒng) 網(wǎng)站新聞管理系統(tǒng)       圖4 新聞瀏覽最終頁面運(yùn)行效果44管理員登錄系統(tǒng)新聞管理系統(tǒng)的后臺管理用來發(fā)布、修改、刪除新聞。擁有相應(yīng)權(quán)限的管理員才能管理系統(tǒng)，所以新聞管理系統(tǒng)需要管理員登錄系統(tǒng)。登錄系統(tǒng)主要包括兩個(gè)JSP文件：“l(fā)ogin.jsp”和“chklogin.jsp”。4.4.1“l(fā)ogin.jsp”文件

14、“l(fā)ogin.jsp”文件主要用來讓管理員輸入用戶名和密碼，其代碼如下：網(wǎng)站新聞管理系統(tǒng)管理員登錄!-function checkdata() if( form.userid.value.length15 ) alert(請輸入正確的用戶名 ！)return false;if( form.password.value.length15 ) alert(請輸入正確的登錄密碼 ！)return false; -   管理員登錄   用戶名： 密 碼： 圖5 管理員登錄系統(tǒng)頁面運(yùn)行效果4.4.2“chklogin.jsp”文件在圖5所示的頁面中，管理員輸入用戶名和密碼后

15、，單擊“登錄”按鈕，提交表單，就會打開“chklogin.jsp“頁面。檢驗(yàn)輸入的用戶名和密碼是否正確。代碼如下：圖6 用戶名和密碼輸入錯(cuò)誤4.5系統(tǒng)管理主頁面當(dāng)管理員輸入正確的用戶名和密碼后，就進(jìn)入了系統(tǒng)管理主頁面“main.jsp“。系統(tǒng)管理主頁面”main.jsp“是系統(tǒng)后臺管理的中心，通過該頁面就可以發(fā)布、修改、刪除新聞?！癿ain.jsp”代碼如下：網(wǎng)站新聞管理系統(tǒng)管理 系統(tǒng)管理后臺 發(fā)布新聞 刷新  主頁 a href=editarticle.jsp?id= a href=editarticle.jsp?id=編輯新聞  a href=javascript:de

16、l()刪除新聞 !-function del(id) if (confirm(您確信要刪除嗎？) ) top.location=delarticle.jsp?id=+id 圖7 系統(tǒng)管理主頁面運(yùn)行效果4.6發(fā)布新聞模塊如果想發(fā)布新聞?？梢栽趫D7所示的頁面中，單擊“發(fā)布新聞”，就會進(jìn)入發(fā)布新聞模塊。發(fā)布新聞模塊。發(fā)布新聞模塊由兩個(gè)文件組成：“addarticle.jsp”和“savearticle.jsp”。用戶在“addarticle.jsp”頁面中添加新聞，然后提交表單，通過“savearticle.jsp”頁面將添加的新聞保存到數(shù)據(jù)庫news中的數(shù)據(jù)表artice中。4.6.1“addar

17、ticel.jsp”文件程序代碼如下：網(wǎng)站新聞管理系統(tǒng)管理function check_input(theForm) if (theForm.newstitle.value = ) alert(請輸入新聞標(biāo)題.); theForm.newstitle.focus(); return (false); if (theForm.newsbody.value = ) alert(請輸入新聞的內(nèi)容.); theForm.newsbody.focus(); return (false); if (theForm.newstitle.value.length 100) alert(新聞標(biāo)題長度應(yīng)小于50個(gè)

18、字.); theForm.newstitle.focus(); return (false); 發(fā)布新聞 *為必填項(xiàng)目 新聞標(biāo)題 *不得超過 50 個(gè)漢字  內(nèi)容 請?jiān)诖颂顚懶侣劦膬?nèi)容 *    圖8 “addarticle.jsp”頁面運(yùn)行部分效果4.6.2“savearticle.jsp”文件當(dāng)管理員輸入新聞標(biāo)題和內(nèi)容后，單擊“發(fā)布”按鈕，就會提交表單，進(jìn)入“savearticle.jsp”頁面，將新聞保存到數(shù)據(jù)庫中。程序腳本如下：網(wǎng)站新聞管理系統(tǒng)管理 新聞發(fā)布成功 本頁面將在3秒鐘后自動返回管理頁面，您可以選擇以下操作： 返回新聞首頁 繼續(xù)發(fā)布新聞 function countDown(secs)last.innerText=secs;if(-secs0)setTimeout(countDown(+secs+),1000);countDown(3);圖9 “saveartic