《蚌埠熱點(diǎn)新聞系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)論文設(shè)計(jì)》由會(huì)員分享，可在線閱讀，更多相關(guān)《蚌埠熱點(diǎn)新聞系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)論文設(shè)計(jì)（37頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、目 錄中文摘要1英文摘要21 概述32 網(wǎng)站可行性42.1 簡(jiǎn)述網(wǎng)站可行性分析42.1.1 技術(shù)的可行性42.1.2 經(jīng)濟(jì)可行性42.1.3 操作的可行性53 需求分析63.1 網(wǎng)站開發(fā)工具和運(yùn)行環(huán)境63.2 國(guó)內(nèi)新聞網(wǎng)站現(xiàn)狀和蚌埠熱點(diǎn)新聞系統(tǒng)特點(diǎn)63.3 網(wǎng)站的數(shù)據(jù)流程圖73.4 網(wǎng)站的界面需求和功能需求83.5 網(wǎng)站性能103.6 網(wǎng)站設(shè)計(jì)約束103.6.1. 安全性約束103.6.2. 數(shù)據(jù)庫(kù)約束113.6.3. 軟件約束114 概要設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)124.1 網(wǎng)站系統(tǒng)功能結(jié)構(gòu)圖124.2 后臺(tái)登錄業(yè)務(wù)流程圖134.3 網(wǎng)站模塊化設(shè)計(jì)134.4 網(wǎng)站數(shù)據(jù)庫(kù)設(shè)計(jì)134.4.1 數(shù)據(jù)庫(kù)概念設(shè)

2、計(jì)144.4.2 數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)154.4.3 網(wǎng)站數(shù)據(jù)庫(kù)的實(shí)現(xiàn)165 網(wǎng)站詳細(xì)設(shè)計(jì)和功能的實(shí)現(xiàn)185.1 網(wǎng)站文件系統(tǒng)結(jié)構(gòu)圖185.2 網(wǎng)站首頁(yè)設(shè)計(jì)185.2.1 首頁(yè)圖片設(shè)計(jì)185.2.2 網(wǎng)站輪播圖特效實(shí)現(xiàn)215.2.3 網(wǎng)站瀏覽人數(shù)實(shí)現(xiàn)225.3 網(wǎng)站首頁(yè)動(dòng)態(tài)實(shí)現(xiàn)245.3.1輪播圖動(dòng)態(tài)實(shí)現(xiàn)245.3.2 熱點(diǎn)新聞信息獲取255.3.3 投稿功能實(shí)現(xiàn)265.3.4 新聞信息分類獲取和分頁(yè)功能實(shí)現(xiàn)265.4 網(wǎng)站列表頁(yè)和內(nèi)容頁(yè)實(shí)現(xiàn)265.5 網(wǎng)站管理中心的功能實(shí)現(xiàn)285.5.1 網(wǎng)站管理中心登錄模塊實(shí)現(xiàn)285.5.2 后臺(tái)管理首頁(yè)模塊實(shí)現(xiàn)295.5.3 新聞信息上傳模塊實(shí)現(xiàn)305.5.3

3、 信息列表模塊實(shí)現(xiàn)316 系統(tǒng)測(cè)試327 總結(jié)337.1 網(wǎng)站的功能337.2 網(wǎng)站特點(diǎn)337.3 網(wǎng)站評(píng)估與改進(jìn)方向337.4 開發(fā)體會(huì)與收獲34謝 辭35參 考 文 獻(xiàn)36 蚌埠熱點(diǎn)新聞系統(tǒng)摘 要：本系統(tǒng)采用B/S（Browser/Server）結(jié)構(gòu)，JAVA為開發(fā)語(yǔ)言，MyEclipse8.5為開發(fā)工具和MySql數(shù)據(jù)庫(kù),使用了Photoshop、HTML+CSS + JS、JAVA+MySql、JQuery等技術(shù)。通過Photoshop進(jìn)行靜態(tài)頁(yè)面設(shè)計(jì)，包括首頁(yè)和其它頁(yè)面的設(shè)計(jì)；用HTML+CSS對(duì)各個(gè)頁(yè)面的代碼布局；用JS完成客戶端中對(duì)提交的的表單或者數(shù)據(jù)的驗(yàn)證；用JQuery實(shí)現(xiàn)各

4、種前端特效；用JAVA+MySql實(shí)現(xiàn)網(wǎng)站的動(dòng)態(tài)設(shè)計(jì)與實(shí)現(xiàn)。蚌埠熱點(diǎn)新聞系統(tǒng)主要包括首頁(yè)各類新聞?wù)故?，網(wǎng)站內(nèi)新聞的搜索，新聞詳細(xì)瀏覽，對(duì)新聞發(fā)表評(píng)論，對(duì)本網(wǎng)站進(jìn)行新聞的投稿等功能。本系統(tǒng)的運(yùn)行環(huán)境是在Tomcat服務(wù)器上。在系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)上包括需求分析、功能設(shè)計(jì)和系統(tǒng)設(shè)計(jì)等，通過流程圖和文字加以解釋說明。在系統(tǒng)設(shè)計(jì)中給出數(shù)據(jù)庫(kù)和功能的設(shè)計(jì)，在系統(tǒng)實(shí)現(xiàn)中具體介紹了各個(gè)功能的預(yù)期效果情況和主要代碼，同時(shí)附有運(yùn)行圖，最后總結(jié)開發(fā)和測(cè)試階段遇到的問題并找到解決方法。關(guān)鍵詞：新聞網(wǎng)站；HTML + CSS + JS；JQuery；JAVA+MySql；B/S結(jié)構(gòu)；Bengbu hot news syst

5、emAbstract:This system uses B / s (Browser / Server) structure, Java as the development language, Myeclipse 8.5 as the development tool and MySql database, using Photoshop, html + CSS + js, Java + MySql, JQuery and other technologies. Using Photoshop to design static page, including the design of th

6、e homepage and other pages; using html + CSS to layout each page accurately; using Javascript to verify the form or data submitted in the client; using Jquery to implement various front-end special effects; Dynamic Design and implementation of Web site with Java + MySql. Bengbu Hot news system mainl

7、y includes the front page of all kinds of news display, news search in the website, news detailed browsing, comments on the news, the news of the site to submit news and other functions. The running environment of this system is on Tomcat Server. In the system design and implementation, including re

8、quirements analysis, functional design and system design, through the flow chart and text to explain. In the system design, the database design and the function design are given. In the system realization, the expected effect of each function and the main code are introduced in detail, finally, the

9、problems encountered in the development phase and the test phase are summarized and the solutions are found.Keywords:news website; HTML + CSS + JS; jQuery; JAVA + MySQL; B / S structure;蚌埠熱點(diǎn)新聞系統(tǒng)1 概 述計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展迅速。用于編寫網(wǎng)站的編程語(yǔ)言在不斷的變化，種類也在不斷的增加，模塊化、集成化也在指數(shù)增高。蚌埠變化日新月異，快速發(fā)展的互聯(lián)網(wǎng),作為新興的媒體發(fā)布形式,已經(jīng)逐步影響到傳統(tǒng)媒體行業(yè)的發(fā)展?，F(xiàn)有

10、的用來實(shí)現(xiàn)新聞發(fā)布的技術(shù)已經(jīng)比較成熟,但是在素材管理、編輯、上載以及最終的頁(yè)面發(fā)布和更新等方面,多數(shù)還采用較為落后的方法。我們針對(duì)上述狀況,推出了蚌埠熱點(diǎn)新聞系統(tǒng),使所有功能集成在一個(gè)系統(tǒng)中,可自動(dòng)有效地完成工作,并且支持多種存儲(chǔ)格式,可有效地提高系統(tǒng)效率,并使管理規(guī)范化。21世紀(jì)是信息化時(shí)代，互聯(lián)網(wǎng)和計(jì)算機(jī)的普及，改變了大多數(shù)人的生活方式和習(xí)慣。人們可以利用網(wǎng)絡(luò)進(jìn)行辦公事務(wù)、休閑娛樂、從網(wǎng)絡(luò)中獲取各種訊息等。本次設(shè)計(jì)，是在充分了解新聞業(yè)務(wù)流程的基礎(chǔ)上，采用一系列最新的信息處理技術(shù)，對(duì)新聞從發(fā)布到展示進(jìn)行科學(xué)化管理，實(shí)現(xiàn)了新聞信息的最廣泛共享，使新聞可以通過互聯(lián)網(wǎng)快速高質(zhì)量地完成發(fā)布。2 網(wǎng)站

11、可行性2.1 網(wǎng)站可行性分析網(wǎng)站可行性分析是非常重要的，是網(wǎng)站實(shí)際開發(fā)的前提，并且對(duì)后期開發(fā)也起到了很大的作用。網(wǎng)站可行性分析可以從三個(gè)方面著手。2.1.1 技術(shù)的可行性蚌埠熱點(diǎn)新聞系統(tǒng)主要采用的是HTML+CSS+JS和JQuery技術(shù)設(shè)計(jì)前臺(tái)的頁(yè)面，采用div+css+js進(jìn)行搭建頁(yè)面框架，美化頁(yè)面，完成表單的驗(yàn)證。根據(jù)要求使用Java Web技術(shù)，采用MyEclipse作為開發(fā)工具，用MySQL存儲(chǔ)數(shù)據(jù)，其中MyEclipse可用于多種語(yǔ)言的開發(fā)，MySQL簡(jiǎn)單易用、性能較好、安全性高。2.1.2 經(jīng)濟(jì)可行性經(jīng)濟(jì)可行性主要是指網(wǎng)站開發(fā)成本和維護(hù)成本是否能夠在控制范圍內(nèi)。蚌埠熱點(diǎn)新聞系統(tǒng)采

12、用的是小型數(shù)據(jù)庫(kù) MySql,便于學(xué)習(xí)和維護(hù)網(wǎng)站的運(yùn)營(yíng)。Java是跨平臺(tái)的語(yǔ)言目前及以后不會(huì)被淘汰。2.1.3 操作的可行性網(wǎng)站的操作可行性就是指網(wǎng)站在運(yùn)營(yíng)維護(hù)中，網(wǎng)站的管理員能否通過后臺(tái)管理中心完成對(duì)網(wǎng)站的前臺(tái)內(nèi)容動(dòng)態(tài)更新的操作以及對(duì)網(wǎng)站數(shù)據(jù)庫(kù)的增刪查改的操作。蚌埠熱點(diǎn)新聞系統(tǒng)分為前臺(tái)后臺(tái)，前臺(tái)主要是各類新聞的展示，后臺(tái)是管理員登錄后可以對(duì)新聞進(jìn)行增刪改查操作。會(huì)對(duì)管理員有一些操作限制，例如刪除某一個(gè)主題，若此主題存在新聞則必須刪除該主題上所有新聞才能刪除該主題。3 需求分析不同的網(wǎng)站，它們的需求不同，功能自然也各不相同。一個(gè)新聞系統(tǒng)，需要包括展示新聞，搜索新聞，新聞分類，可以聯(lián)系管理員報(bào)告

13、網(wǎng)站運(yùn)行期間發(fā)生的錯(cuò)誤。一個(gè)好的新聞網(wǎng)站，需要至少一個(gè)維護(hù)管理員，可以對(duì)新聞進(jìn)行定期的更新與清理。從網(wǎng)站發(fā)展的可持續(xù)性，我們可以進(jìn)行相應(yīng)的需求分析，并及時(shí)調(diào)整工作方向，更完善的準(zhǔn)備。有了準(zhǔn)確的需求分析，我們才能更好地實(shí)現(xiàn)新聞管理系統(tǒng)。3.1 網(wǎng)站開發(fā)工具和運(yùn)行環(huán)境蚌埠熱點(diǎn)新聞系統(tǒng)開發(fā)工具主要有Dreamweaver CS6、MySql數(shù)據(jù)庫(kù)，Java語(yǔ)言編寫。Dreamweaver CS6可作為蚌埠熱點(diǎn)新聞系統(tǒng)開發(fā)的前臺(tái)框架布局設(shè)計(jì)工具，使用小型數(shù)據(jù)庫(kù)MySql實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站的開發(fā)，Java的后臺(tái)開發(fā)語(yǔ)言連接前臺(tái)頁(yè)面和后臺(tái)數(shù)據(jù)。3.2 國(guó)內(nèi)新聞網(wǎng)站現(xiàn)狀和蚌埠熱點(diǎn)新聞系統(tǒng)特點(diǎn)從90年代開始，國(guó)外的

14、媒體就進(jìn)入了互聯(lián)網(wǎng)的時(shí)代，并且逐步的掌握了互聯(lián)網(wǎng)的相關(guān)技術(shù)，設(shè)計(jì)出一些新聞發(fā)布網(wǎng)站。國(guó)內(nèi)起步比較晚，經(jīng)過多年的學(xué)習(xí)也逐步掌握了一些技術(shù)，網(wǎng)絡(luò)新聞越來越多樣化、豐富化，網(wǎng)站自己編寫的采訪新聞以及國(guó)外的在此基礎(chǔ)上,結(jié)合新媒體發(fā)展的現(xiàn)狀及趨勢(shì)探究了新聞客戶端未來的智能化的發(fā)展趨勢(shì)。蚌埠熱點(diǎn)新聞系統(tǒng)是屬于蚌埠市的一種小型網(wǎng)站，他可以準(zhǔn)確實(shí)效的包含蚌埠周邊的一些新聞，大事小情等等各種新聞。如果你是蚌埠市的居民想要關(guān)注有關(guān)蚌埠的一些事，如果在網(wǎng)上搜索那么會(huì)出現(xiàn)許多新聞，雖然也能滿足一部分人的需求，但是大部分的用戶還是不滿足的，會(huì)覺得這種新聞太籠統(tǒng)，不夠系統(tǒng)的解釋蚌埠目前處于的現(xiàn)狀，而且基本都是特別重大的事

15、件，關(guān)于蚌埠的大事小情還是不夠全面，但是蚌埠熱點(diǎn)新聞系統(tǒng)就可以滿足這一類用戶的需求，可以快速便捷的知道蚌埠你想要知道的新聞。3.3 網(wǎng)站的數(shù)據(jù)流程圖網(wǎng)站數(shù)據(jù)流程圖就是將網(wǎng)站系統(tǒng)對(duì)網(wǎng)站數(shù)據(jù)輸入、處理、輸出過程，以圖形的方式表示。蚌埠熱點(diǎn)新聞系統(tǒng)流程圖制作方案。 把蚌埠熱點(diǎn)新聞系統(tǒng)所有功能看作一個(gè)整體，確定數(shù)據(jù)的流入與流出。 確定蚌埠熱點(diǎn)新聞系統(tǒng)的外部實(shí)體（管理員和普通用戶），從而確定他們數(shù)據(jù)流向。 找到網(wǎng)頁(yè)瀏覽者和網(wǎng)站管理者的輸入和輸出數(shù)據(jù)流。 從數(shù)據(jù)輸入流出發(fā)，根據(jù)網(wǎng)站系統(tǒng)的功能需求。逐步畫出對(duì)應(yīng)的流向。 將蚌埠熱點(diǎn)新聞系統(tǒng)內(nèi)部的數(shù)據(jù)處理在看作一個(gè)整體，它的內(nèi)部又有數(shù)據(jù)的處理。 這樣循環(huán)的剖析

16、，直到所有的邏輯都處理完善為止。數(shù)據(jù)流程概要圖如圖3-1所示。圖3-1 數(shù)據(jù)流程概要圖3.4 網(wǎng)站的界面需求和功能需求蚌埠熱點(diǎn)新聞系統(tǒng)包含對(duì)蚌埠的各類新聞的介紹還可以發(fā)布一些便民的生活資訊，讓蚌埠市人民可以通過這個(gè)網(wǎng)站找到自己想要知道的新聞內(nèi)容，還可以對(duì)本網(wǎng)站進(jìn)行新聞投稿，對(duì)自己周邊發(fā)生的一些熱點(diǎn)新聞做出詳細(xì)的介紹。3.4.1 網(wǎng)站的界面需求網(wǎng)站的頁(yè)面是網(wǎng)站的門面，好看的頁(yè)面可以吸引更多的用戶瀏覽本網(wǎng)站。也可以使網(wǎng)站用戶得到新聞資訊的同時(shí)，滿足用戶審美需求。下面列出了一些有關(guān)界面方面的需求： 設(shè)計(jì)一個(gè)獨(dú)特的網(wǎng)站logo，可以突出顯示網(wǎng)站特色，也可以讓第一次進(jìn)入本網(wǎng)站的用戶清楚明朗的知道網(wǎng)站的大

17、概內(nèi)容。 網(wǎng)站的配色方案要和諧統(tǒng)一。 網(wǎng)站的字體和字號(hào)設(shè)置要合理。 網(wǎng)站前臺(tái)頁(yè)面布局要合理，網(wǎng)站的首頁(yè)布局尤為重要。 網(wǎng)站要兼容現(xiàn)今流行的瀏覽器。 頁(yè)面布局要合理，可以先用Photoshop設(shè)計(jì)好布局，再進(jìn)行代碼設(shè)計(jì)。網(wǎng)站后臺(tái)管理界面功能分配要合理，避免功能堆砌，功能位置安排要簡(jiǎn)潔和明確，具有可操作性。3.4.2 網(wǎng)站的功能需求蚌埠熱點(diǎn)新聞系統(tǒng)的主要功能是前臺(tái)是用戶的注冊(cè)登錄，展示新聞，瀏覽新聞，對(duì)新聞進(jìn)行投稿，搜索想要的新聞，后臺(tái)主要是對(duì)新聞的查看、修改、增加、刪除，對(duì)管理員信息和普通用戶信息進(jìn)行刪除修改。對(duì)投稿新聞進(jìn)行審核。詳細(xì)如下： 首頁(yè)展示熱點(diǎn)輪播圖，各類主題新聞。 能夠根據(jù)需求搜索需

18、要的新聞。 對(duì)各類新聞信息進(jìn)行分頁(yè)顯示。 各類主題新聞可以詳細(xì)查看。 普通用戶登錄后才可以投稿，未登錄只能瀏覽新聞。 管理員登錄后能對(duì)新聞，用戶，投稿，主題進(jìn)行各種操作。 用戶在登錄到網(wǎng)站時(shí)，首頁(yè)能夠顯示當(dāng)前用戶。 網(wǎng)站管理員能夠重置自己的登錄信息，也可以修改其他普通用戶的信息，或者刪除。 網(wǎng)站管理員能夠查看各類新聞信息，主題信息，投稿信息，并且分頁(yè)顯示。 網(wǎng)站管理員能夠上傳新聞信息。能夠利用文件上傳技術(shù)，上傳圖片。 網(wǎng)站管理員能夠增加新聞內(nèi)容，主題名稱。 網(wǎng)站管理員能夠?qū)ν陡逍侣勥M(jìn)行增加到各類主題中，進(jìn)行新聞?wù)故尽?網(wǎng)站管理員能夠刪除和修改新聞信息時(shí)，當(dāng)刪除和修改信息時(shí)給出警告提示避免網(wǎng)站管

19、理員的誤操作。 后臺(tái)管理頁(yè)面提供退出功能。退出功能是主要采用session技術(shù)銷毀蚌埠新聞網(wǎng)站管理中心的所有session變量。3.5 網(wǎng)站性能蚌埠熱點(diǎn)新聞系統(tǒng)主要提供的功能是用戶可以瀏覽新聞，安全級(jí)別要求不是那么高，但是須防止用戶的惡意攻擊。3.6 網(wǎng)站設(shè)計(jì)約束3.6.1. 安全性約束網(wǎng)站主要分為網(wǎng)站前臺(tái)、網(wǎng)站后臺(tái)和網(wǎng)站的數(shù)據(jù)庫(kù)。蚌埠熱點(diǎn)新聞系統(tǒng)用戶主要分為兩個(gè)部分，一種是網(wǎng)站瀏覽者，一種是網(wǎng)站管理員。兩種身份的用戶訪問網(wǎng)站時(shí)具有不同的權(quán)限，網(wǎng)頁(yè)瀏覽者只能訪問網(wǎng)站的前臺(tái)展示頁(yè)面，網(wǎng)站管理員不僅能夠訪問網(wǎng)站的前臺(tái)頁(yè)面，同時(shí)也能操作網(wǎng)站的數(shù)據(jù)庫(kù)，完成對(duì)新聞信息的操作。根據(jù)用戶名和密碼登錄到后臺(tái)管

20、理中心頁(yè)面，而普通網(wǎng)站瀏覽者只能瀏覽前臺(tái)頁(yè)面，不同的用戶可以登錄進(jìn)行不同的操作。3.6.2. 數(shù)據(jù)庫(kù)約束數(shù)據(jù)庫(kù)中的數(shù)據(jù)表每條記錄都需滿足三范式。第一范式保證具有原子性即可。MySql數(shù)據(jù)庫(kù)是關(guān)系型數(shù)據(jù)庫(kù)，因此只要使用此數(shù)據(jù)庫(kù)就自動(dòng)滿足第一范式。 第二范式要保證每條新聞信息的唯一性，可以通過設(shè)計(jì)主鍵來滿足。第三范式要求數(shù)據(jù)表不能有冗余數(shù)據(jù)。所謂的冗余數(shù)據(jù)指的是某個(gè)字段的數(shù)據(jù)不能夠被其他字段的數(shù)據(jù)推算而得到。3.6.3. 軟件約束 系統(tǒng)客戶端網(wǎng)站系統(tǒng)運(yùn)行時(shí)使用的瀏覽器,可以為IE、火狐、谷歌等瀏覽器。對(duì)瀏覽器客戶端沒有特別的要求，用戶連接網(wǎng)絡(luò)后，即可訪問蚌埠熱點(diǎn)新聞，獲取新聞資訊。 網(wǎng)站開發(fā)環(huán)境限

21、制WebStorm 提供大量的插件功能，開發(fā)者在使用JS、JQuery等前端技術(shù)，編寫代碼時(shí)可以給出提示；WebStorm在編寫小型網(wǎng)站時(shí)，它的輕便性和開發(fā)功能齊全性是它的最大優(yōu)點(diǎn)。網(wǎng)站在Windows7操作系統(tǒng)下開發(fā)的，使用Java語(yǔ)言編寫項(xiàng)目的基礎(chǔ)是安裝MySql數(shù)據(jù)庫(kù)和Tomcat服務(wù)器。4 概要設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)4.1 網(wǎng)站系統(tǒng)功能結(jié)構(gòu)圖根據(jù)對(duì)蚌埠熱點(diǎn)新聞系統(tǒng)的需求分析和網(wǎng)站的整體構(gòu)想,這里給出蚌埠熱點(diǎn)新聞系統(tǒng)的功能結(jié)構(gòu)圖,如圖4-1所示。圖4-1 蚌埠熱點(diǎn)新聞系統(tǒng)的功能結(jié)構(gòu)圖4.2 后臺(tái)登錄業(yè)務(wù)流程圖網(wǎng)站后臺(tái)管理中心登錄驗(yàn)證業(yè)務(wù)流程圖如圖4-2所示。圖4-2 后臺(tái)管理中心登錄驗(yàn)證業(yè)務(wù)流

22、程圖4.3 網(wǎng)站模塊化設(shè)計(jì)網(wǎng)站的模塊化設(shè)計(jì)：將蚌埠熱點(diǎn)新聞系統(tǒng)劃分為多個(gè)子系統(tǒng),對(duì)每個(gè)子系統(tǒng)單獨(dú)實(shí)現(xiàn)并測(cè)試通過，再將子系統(tǒng)組裝成個(gè)蚌埠熱點(diǎn)新聞系統(tǒng)的大系統(tǒng)。蚌埠熱點(diǎn)新聞系統(tǒng)主要模塊可以分為以下幾個(gè)方面：(1) 網(wǎng)站首頁(yè)模塊(2) 新聞主題模塊(3) 新聞內(nèi)容頁(yè)模塊(4) 新聞投稿內(nèi)容頁(yè)(5) 新聞搜索模塊(6) 登錄注冊(cè)模塊(7) 管理員修改用戶模塊(8) 新聞信息管理模塊(9) 新聞投稿管理模塊(10) 新聞主題管理模塊4.4 網(wǎng)站數(shù)據(jù)庫(kù)設(shè)計(jì)本網(wǎng)站系統(tǒng)采用開源的MySql5作為后臺(tái)數(shù)據(jù)庫(kù)，MySql5提供界面管理器，建立數(shù)據(jù)表。在MySql5中創(chuàng)建數(shù)據(jù)庫(kù)，命名為：bbnews,選擇數(shù)據(jù)庫(kù)編碼

23、類型為utf-8。在MySql數(shù)據(jù)庫(kù)中創(chuàng)建4個(gè)表，用于存儲(chǔ)新聞信息、登錄用戶信息、新聞主題信息、新聞投稿信息。蚌埠熱點(diǎn)新聞系統(tǒng)數(shù)據(jù)庫(kù)結(jié)構(gòu)如圖4-3所示。圖4-3 蚌埠熱點(diǎn)新聞系統(tǒng)數(shù)據(jù)庫(kù)結(jié)構(gòu)圖4.4.1 數(shù)據(jù)庫(kù)概念設(shè)計(jì)根據(jù)網(wǎng)站的需求分析，蚌埠熱點(diǎn)新聞系統(tǒng)設(shè)計(jì)了滿足用戶需求實(shí)體以及它們的關(guān)系。蚌埠熱點(diǎn)新聞系統(tǒng)的實(shí)體主要有：新聞信息實(shí)體、用戶信息實(shí)體、主題分類實(shí)體、投稿信息實(shí)體。以下詳細(xì)介紹了這些實(shí)體的屬性。新聞信息實(shí)體包括新聞編號(hào)、新聞標(biāo)題、主題編號(hào)、新聞作者、新聞時(shí)間等屬性，主要用來存儲(chǔ)新聞資源的詳細(xì)信息。新聞資源信息實(shí)體圖如圖4-4所示。圖4-4 新聞信息實(shí)體圖管理員信息實(shí)體主要包括管理員編號(hào)

24、、用戶名、密碼等屬性，主要用來存儲(chǔ)用戶在登錄網(wǎng)站的基本信息。用戶信息實(shí)體圖如圖4-5所示。圖4-5 用戶信息實(shí)體圖主題信息實(shí)體包括主題編號(hào)、主題名稱等屬性，主要用來存儲(chǔ)新聞信息類別的基本信息。主題信息實(shí)體圖如圖4-6所示。圖4-6 主題信息實(shí)體圖投稿信息實(shí)體包括信息編號(hào)、投稿信息標(biāo)題、主題編號(hào)、投稿作者、投稿時(shí)間、圖片路徑、投稿內(nèi)容屬性，主要用來存儲(chǔ)新聞信息類別的基本信息。投稿信息實(shí)體圖如圖4-7所示。圖4-7 投稿信息實(shí)體圖4.4.2 數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)通過設(shè)計(jì)的E-R圖創(chuàng)建蚌埠新聞網(wǎng)站數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)，以下說明各個(gè)表的作用：1 新聞信息表，在數(shù)據(jù)庫(kù)中采用下劃線的命名方式命名為news,用于存儲(chǔ)

25、新聞信息。主要有新聞信息的編號(hào)、標(biāo)題、主要內(nèi)容、主題編號(hào)、圖片路徑、等字段。新聞信息編號(hào)設(shè)置為自動(dòng)增長(zhǎng)型編號(hào)。2 用戶表，在數(shù)據(jù)庫(kù)中命名為user,用于存儲(chǔ)用戶登錄網(wǎng)站的登錄信息。主要包括用戶名和密碼等字段。用戶信息編號(hào)設(shè)置為自動(dòng)增長(zhǎng)型編號(hào)。3 主題信息表，在數(shù)據(jù)庫(kù)中命名為topic,用于存儲(chǔ)主題信息分類的基本信息。主要包括編號(hào)和主題名稱等字段。主題信息編號(hào)設(shè)置為自動(dòng)增長(zhǎng)型編號(hào)。4 投稿信息表，在數(shù)據(jù)庫(kù)中命名為contribute,用于存儲(chǔ)用戶投稿的基本信息。主要包括分類編號(hào)和新聞名稱，新聞作者等字段。投稿信息編號(hào)設(shè)置為自動(dòng)增長(zhǎng)型編號(hào)。數(shù)據(jù)庫(kù)中各表的結(jié)構(gòu)如下：(1)news（新聞信息表），該表

26、結(jié)構(gòu)如表4-1所示。表4-1 新聞信息表字段類型額外是否為空備注nidint(4)auto_incrementnot null自動(dòng)編號(hào)，主鍵ntidint(4)not null主題編號(hào)ntitlevarchar(100)not null標(biāo)題nauthorvarchar(100)not null作者ndatedatetimenull時(shí)間npicpathvarchar(100)null圖片路徑ncontentvarchar(1000)null新聞內(nèi)容(2)user(用戶表)，該表結(jié)構(gòu)如表4-2所示。表4-2 用戶表字段類型額外是否為空備注uidInt(4)auto_incrementnot nul

27、l用戶編號(hào)，主鍵unameVarchar(10)not null用戶名，主鍵upathVarchar(10)null圖片路徑upwdVarchar(10)not null密碼utypeInt(4)not null用戶類型uphoneVarchar(10)null手機(jī)號(hào)碼umaillVarchar(10)null電子郵箱(3)topic(主題信息表)，該表結(jié)構(gòu)如表4-3所示。表4-3 主題信息表字段類型額外是否為空備注tidint(4)not null主題編號(hào)，主鍵tnamevarchar(20)not null主題名(4)contribute(投稿信息表)，該表結(jié)構(gòu)如表4-4所示。表4-2 投

28、稿信息表字段類型額外是否為空備注cidint(4)auto_incrementnot null自動(dòng)編號(hào)，主鍵ctidint(4)not null主題編號(hào)ctitlevarchar(100)not null標(biāo)題cauthorvarchar(100)not null作者cdatedatetimenull時(shí)間cpicpathvarchar(100)null圖片路徑ccontentvarchar(1000)null新聞內(nèi)容4.4.3 網(wǎng)站數(shù)據(jù)庫(kù)的實(shí)現(xiàn)建立MySql數(shù)據(jù)庫(kù)，使用Java語(yǔ)言連接數(shù)據(jù)庫(kù)，Tomcat服務(wù)器作為項(xiàng)目運(yùn)行的服務(wù)器。在瀏覽器搜索欄中輸入http:/loaclhost：8080/，

29、進(jìn)入到tomcat管理界面，在數(shù)據(jù)庫(kù)管理器界面中，完成數(shù)據(jù)庫(kù)中數(shù)據(jù)表的創(chuàng)建，基本步驟如下： 創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)，命名為bbnews,選擇整理為utf_unicode_ci即編碼類型為utf-8。 在bbnews的選中狀態(tài)下，在該數(shù)據(jù)庫(kù)中創(chuàng)建名為news的數(shù)據(jù)表，選擇添加7個(gè)字段數(shù)，然后點(diǎn)擊執(zhí)行按鈕。 根據(jù)news的邏輯結(jié)構(gòu)圖添加各個(gè)字段的詳細(xì)信息。 新聞信息表的字段設(shè)計(jì)完畢后，選擇該表的存儲(chǔ)引擎為myisam。 如果在添加字段的過程中，漏掉了一些字段，可以選擇在表中添加字段。 user,topic和contribute數(shù)據(jù)表的創(chuàng)建過程類似于news數(shù)據(jù)表的創(chuàng)建過程。 bbnews數(shù)據(jù)庫(kù)中的數(shù)據(jù)

30、表設(shè)計(jì)完畢后，可以添加一些測(cè)試數(shù)據(jù)，便于測(cè)試。5 網(wǎng)站詳細(xì)設(shè)計(jì)和功能的實(shí)現(xiàn)5.1 網(wǎng)站文件系統(tǒng)結(jié)構(gòu)圖每個(gè)軟件項(xiàng)目都有對(duì)應(yīng)的文件夾組織結(jié)構(gòu)圖，如果網(wǎng)站系統(tǒng)中的文件數(shù)量很多，可以將不同的資源放在不同的文件夾中。網(wǎng)站的后臺(tái)管理文件單獨(dú)放在后臺(tái)管理文件夾中。蚌埠熱點(diǎn)新聞系統(tǒng)就是按照以上描述的文件夾組織結(jié)構(gòu)安放文件的。網(wǎng)站文件夾結(jié)構(gòu)圖如圖5-1所示。圖5-1 網(wǎng)站文件夾結(jié)構(gòu)圖5.2 網(wǎng)站首頁(yè)設(shè)計(jì)蚌埠熱點(diǎn)新聞系統(tǒng)的首頁(yè)設(shè)計(jì)，先用Photoshop CS6將網(wǎng)站頁(yè)面以圖片的形式設(shè)計(jì)出來，用HTML+CSS+JS布局方式將網(wǎng)頁(yè)靜態(tài)布局用代碼寫出來，再使用JQuery完成網(wǎng)站特效。最后編寫Java語(yǔ)言連接數(shù)據(jù)庫(kù)

31、，將需要的信息查詢出來，動(dòng)態(tài)顯示在頁(yè)面中。5.2.1 首頁(yè)圖片設(shè)計(jì)使用Photoshop CS6制圖和處理圖像軟件，設(shè)計(jì)蚌埠新聞資源網(wǎng)站首頁(yè)圖片。首頁(yè)圖片設(shè)計(jì)步驟概要如下： 網(wǎng)站首頁(yè)頭部設(shè)計(jì)網(wǎng)站首頁(yè)頭部主要是以蚌埠熱點(diǎn)新聞系統(tǒng)logo和搜索框組成，獨(dú)特的logo可以很清晰明了的知道網(wǎng)站的主要內(nèi)容，而且可以吸引用戶繼續(xù)瀏覽本網(wǎng)站，搜索框的設(shè)計(jì)可以填充右側(cè)空白部分，設(shè)計(jì)的合理可以使整個(gè)頭部不是很多空白也不會(huì)顯得很擁擠。具體設(shè)計(jì)如圖5-2所示。 圖5-2 網(wǎng)站首頁(yè)頭部 網(wǎng)站導(dǎo)航條設(shè)計(jì) 當(dāng)某個(gè)導(dǎo)航被選中時(shí)，背景顏色變?yōu)樯罴t色。網(wǎng)站導(dǎo)航條如圖5-3所示。圖5-3 網(wǎng)站導(dǎo)航條 網(wǎng)站的輪播圖和各類新聞信息標(biāo)

32、題網(wǎng)站的輪播圖可以以輪換照片的形式觀看新聞的內(nèi)容，各類新聞信息以每個(gè)模塊的方式展示新聞主要標(biāo)題，可以輕松快捷的找到自己想要知道的新聞。網(wǎng)站的輪播圖和各類新聞信息標(biāo)題如圖5-4所示。圖5-4 新聞信息圖 網(wǎng)站主題新聞信息分類設(shè)計(jì)點(diǎn)擊某一個(gè)模塊的主題，就可以有選擇性的查看網(wǎng)站的主題新聞信息。以分頁(yè)顯示的方式展示新聞標(biāo)題，可以很快捷的知道新聞內(nèi)容。網(wǎng)站主題新聞信息分類圖如圖5-5所示。圖5-5 網(wǎng)站主題新聞信息分類圖 網(wǎng)站首頁(yè)底部設(shè)計(jì)網(wǎng)站的底部主要是網(wǎng)絡(luò)許可和網(wǎng)站訪問量組成，用戶可以看到自己是第多少個(gè)訪問的用戶。網(wǎng)站首頁(yè)底部圖如圖5-6所示。圖5-6 網(wǎng)站首頁(yè)底部圖5.2.2 網(wǎng)站輪播圖特效實(shí)現(xiàn)網(wǎng)站

33、輪播圖是目前很多網(wǎng)站都在使用的特效。在網(wǎng)站首頁(yè)應(yīng)用輪播圖特效，可以循環(huán)動(dòng)態(tài)地展示不同的圖片，而一般的圖片的展示方式，圖片只能一張一張平鋪在網(wǎng)站首頁(yè)的頁(yè)面上，不能提供循環(huán)動(dòng)態(tài)地顯示，也浪費(fèi)了網(wǎng)站首頁(yè)的有限的空間資源。使用網(wǎng)站輪播圖，可以展示最近一段時(shí)間最熱門的圖片資源，用戶可以點(diǎn)擊輪播圖中的左右按鈕和數(shù)字按鈕切換圖片，提高用戶與網(wǎng)站的交互性。網(wǎng)站輪播圖具體實(shí)現(xiàn)步驟如下： 靜態(tài)布局 準(zhǔn)備9張相同大小的圖片、圖片文字介紹和左右翻頁(yè)箭頭圖片。 用HTML+CSS布局方式，將9張圖片疊放在一起，將輪播圖樣式布局出來。這里由于部分瀏覽器兼容問題，導(dǎo)致顯示了圖片鏈接的默認(rèn)邊框，可以根據(jù)需要選擇是否要設(shè)置輪播

34、圖邊框，保持網(wǎng)站界面在各種瀏覽器上的一致性。 輪播圖上的左右箭頭圖片是放置在不同的盒子中的。盒子邊框的樣式是使用圓角型的邊框。圓角型邊框的設(shè)計(jì)思路是采用盒子的背景線條距離盒子左右邊框的距離遞減的思想，再用CSS代碼一步步疊加，逐漸在盒子的四角形成圓弧形。 輪播圖具體需求和詳細(xì)實(shí)現(xiàn) 網(wǎng)站的輪播圖特效是使用Jquery技術(shù)實(shí)現(xiàn)的，在使用Jquery技術(shù)之前需要引入Jquery函數(shù)庫(kù)，才能使用Jquery函數(shù)庫(kù)中提供的函數(shù)。當(dāng)網(wǎng)頁(yè)HTML元素加載完畢后執(zhí)行函數(shù)的函數(shù)體。代碼段：$(document).ready(function(e)代碼。 初始化一些值，包括在輪播圖的第一張圖片的信息位置上添加對(duì)應(yīng)

35、圖片標(biāo)題信息；在輪播圖區(qū)只顯示第一張圖片，將其他圖片全部隱藏。代碼段：var arr = my$("arr");var screen = box.children0;var imgWidth = screen.offsetWidth;當(dāng)單擊圖片標(biāo)題時(shí)，以新頁(yè)面的方式鏈接到相關(guān)的頁(yè)面。代碼段：<a href=”detail.jsp”><img src="<%=ns.getNpicpath()%></a> 點(diǎn)擊圖片圓圈按鈕跳到對(duì)應(yīng)的圖片。創(chuàng)建小按鈕-根據(jù)ul中的li個(gè)數(shù)。代碼段：for (var i = 0; i < l

36、ist.length; i+) .。 設(shè)置ol中第一個(gè)li有背景顏色,賦給對(duì)應(yīng)圖片的標(biāo)題。代碼段：olObj.children0.className = "current" 克隆一個(gè)ul中第一個(gè)li,加入到ul中的最后。代碼段：ulObj.appendChild(ulObj.children0.cloneNode(true); 鼠標(biāo)進(jìn)入到box的div顯示左右焦點(diǎn)的div。代碼段：box.onmouseover = function () arr.style.display = "block"clearInterval(timeId); 注冊(cè)鼠標(biāo)進(jìn)入事件

37、。代碼段：liObj.onmouseover = function () for (var j = 0; j < olObj.children.length; j+) olObj.childrenj.removeAttribute("class"); this.className = "current" pic = this.getAttribute("index"); animate(ulObj, -pic * imgWidth); ; 鼠標(biāo)離開自動(dòng)播放。代碼段：var timeId= setInterval(clickHan

38、dle,2000); 左邊和右邊按鈕，點(diǎn)擊可以切換上一張和下一張新聞圖片。代碼段：my$("right").onclick =clickHandle;my$("left").onclick = function () .; 鼠標(biāo)離開到box的div隱藏左右焦點(diǎn)的div。代碼段：box.onmouseout = function () arr.style.display = "none" timeId= setInterval(clickHandle,2000); ;5.2.3 網(wǎng)站瀏覽人數(shù)實(shí)現(xiàn)網(wǎng)站瀏覽人數(shù)設(shè)計(jì)主要是根據(jù)你登錄時(shí)存的變量

39、session,如果session改變則會(huì)使計(jì)數(shù)器加1，并存入count.txt文件中，以便下次有用戶訪問時(shí)可以讀取count.txt的文件中保存的數(shù)據(jù)，這樣就可以記錄住瀏覽本網(wǎng)站中的人數(shù)。網(wǎng)站瀏覽人數(shù)效果圖如圖5-7所示。圖5-7 網(wǎng)站瀏覽人數(shù)圖實(shí)現(xiàn)網(wǎng)站瀏覽人數(shù)的關(guān)鍵代碼如下： Counter CountFileHandler = new Counter(); long count = 0; if(application.getAttribute("count") = null) count = CountFileHandler.readFromFile(request.

40、getRealPath("/") + "count.txt"); application.setAttribute("count", new Long(count); count = (Long)application.getAttribute("count"); if(session.isNew() count+; application.setAttribute("count", count); CountFileHandler.write2File(request.getRealPath(

41、"/") + "count.txt",count); 5.3 網(wǎng)站首頁(yè)動(dòng)態(tài)實(shí)現(xiàn)網(wǎng)站首頁(yè)動(dòng)態(tài)實(shí)現(xiàn)主要包括首頁(yè)的輪播圖信息獲取、主題新聞信息的獲取、蚌埠新聞信息分類中的信息獲取和分頁(yè)實(shí)現(xiàn)。網(wǎng)站首頁(yè)動(dòng)態(tài)實(shí)現(xiàn)需要連接后臺(tái)MySql數(shù)據(jù)庫(kù),主要是對(duì)數(shù)據(jù)庫(kù)按照不同的條件完成查詢操作，將查詢結(jié)果動(dòng)態(tài)地顯示在前臺(tái)界面上。 5.3.1輪播圖動(dòng)態(tài)實(shí)現(xiàn)首頁(yè)的業(yè)務(wù)處理頁(yè)將蚌埠熱點(diǎn)新聞系統(tǒng)數(shù)據(jù)庫(kù)中的所有信息按照正序排列的條件輸出到結(jié)果集變量ln7中。在變量ns中，將滿足條件的輪播圖信息提取出來，存放在另外一個(gè)數(shù)組中，在對(duì)該數(shù)據(jù)進(jìn)行循環(huán)取出其中的值，分配到輪播圖框中對(duì)應(yīng)的位置。輪播

42、圖動(dòng)態(tài)實(shí)現(xiàn)的關(guān)鍵代碼如下：<div class="all" id='box'> <div class="screen"><!-相框-> <ul> <%news n = new news(); newsBiz nb = new newsBizimpl(); n.setNtid(1); List<news> ln7=nb.querynews2(n); for(news ns :ln7) %> <li><img src="<%=ns.get

43、Npicpath() %>" width="600" height="350"/></li> <% %> </ul> <ol> </ol></div>5.3.2 熱點(diǎn)新聞信息獲取 熱點(diǎn)新聞信息獲取直接循環(huán)取出結(jié)果集ln6的前10條記錄即可。該模塊實(shí)現(xiàn)的關(guān)鍵代碼如下：<div class="c-right"> <ul> <li class="title">熱點(diǎn)新聞</li> &

44、lt;% n.setNtid(2);List<news> ln6=nb.querynews2(n); for(news ns :ln6) %> <li><strong></strong><a href="detail.jsp?nid=<%=ns.getNid() %>"><%if(ns.getNtitle().length()<=16) %><%=ns.getNtitle() %><%else %><%=ns.getNtitle().subSeque

45、nce(0,16) %><% %></a></li> <% %> </ul></div>5.3.3 投稿功能實(shí)現(xiàn)<formaction="do_addcontribute.jsp"method="post" enctype="multipart/form-data"><table class="table table-bordered table-hover active bg-info"><tbody>

46、;<tr><td align="center">新聞標(biāo)題：</td><td><input type="text" class="form-control" name="title" /></td></tr>. <tr> <td colspan="2" align="center"><button class="btn-primary">確

47、定</button><input type="button" class="btn-primary"onclick="javascript: history.go(-1);" value="取消" /></td></tr></tbody></table></form>5.3.4 新聞信息分類獲取和分頁(yè)功能實(shí)現(xiàn)新聞信息分類是按照信息類別進(jìn)行分類的，將主要的新聞信息、主題信息嗎，兩種新聞信息在前臺(tái)列舉出來。用戶可以通過不同的選項(xiàng)卡，瀏覽

48、不同的信息。用戶在點(diǎn)擊不同的選項(xiàng)卡時(shí),程序中設(shè)置的標(biāo)志位獲得不同的值,瀏覽器將標(biāo)志位提交給服務(wù)器,服務(wù)器處理頁(yè)面按照不同的標(biāo)志位構(gòu)建不同查詢語(yǔ)句,查詢數(shù)據(jù)庫(kù)中的數(shù)據(jù)表將結(jié)果返回給前端界面。分頁(yè)功能在蚌埠熱點(diǎn)新聞系統(tǒng)中有很普遍的使用，在新聞主題信息模塊、新聞主題信息列表頁(yè)和后臺(tái)管理中心都有用到。這些分頁(yè)功能的處理機(jī)制類似，第一次加載頁(yè)面時(shí)，顯示的是第一頁(yè)的信息，根據(jù)用戶點(diǎn)擊的頁(yè)碼顯示對(duì)應(yīng)頁(yè)碼的信息。5.4 網(wǎng)站列表頁(yè)和內(nèi)容頁(yè)實(shí)現(xiàn)由于論文的篇幅有限，這里的列表頁(yè)和內(nèi)容頁(yè)具體實(shí)現(xiàn)過程和代碼省略。網(wǎng)站的列表頁(yè)包括熱點(diǎn)新聞、今日聚焦、便民咨詢、逛吃逛吃、校園生活等列表頁(yè)，不同的新聞信息在不同的列表頁(yè)顯示

49、。新聞列表頁(yè)圖如圖5-8所示：圖5-8 新聞列表頁(yè)圖內(nèi)容頁(yè)將獲得的標(biāo)題、圖片、和介紹等信息填入在內(nèi)容模板中對(duì)應(yīng)的位置。網(wǎng)站內(nèi)容頁(yè)圖如圖5-9所示。圖5-9 網(wǎng)站內(nèi)容頁(yè)圖5.5 網(wǎng)站管理中心的功能實(shí)現(xiàn)蚌埠熱點(diǎn)新聞系統(tǒng)管理中心主要用于蚌埠熱點(diǎn)新聞系統(tǒng)的新聞信息的更新和維護(hù)。網(wǎng)站管理中心主要包括用戶登錄、新聞信息上傳、信息列表的查找、信息列表的修改、新聞信息刪除，用戶投稿，投稿審核等功能模塊。5.5.1 網(wǎng)站管理中心登錄模塊實(shí)現(xiàn)網(wǎng)站管理中心登錄主要是用于對(duì)進(jìn)入蚌埠熱點(diǎn)新聞系統(tǒng)后臺(tái)管理中心的用戶進(jìn)行安全性驗(yàn)證，以防止非法用戶進(jìn)入網(wǎng)站的后臺(tái)管理中心，對(duì)網(wǎng)站的數(shù)據(jù)造成惡劣的影響。網(wǎng)站管理中心登錄界面如圖5

50、-10所示。圖5-10 網(wǎng)站管理中心登錄界面網(wǎng)站登錄技術(shù)分析如下：登錄界面獲取用戶名和密碼通過用戶登錄按鈕將表單數(shù)據(jù)提交給后臺(tái)對(duì)應(yīng)的處理頁(yè)面。編寫sql查詢語(yǔ)句在數(shù)據(jù)庫(kù)中的管理員表查詢，調(diào)用Java提供的接口，將查詢結(jié)果返回給登錄處理頁(yè)面。如果有符合條件的用戶，則返回1，跳轉(zhuǎn)到對(duì)應(yīng)的頁(yè)面，并將登錄的用戶名稱存入到session中。如果沒有符合查詢條件的結(jié)果則返回0，代表登錄驗(yàn)證失敗，在登錄界面中給出提示重新登錄。登錄界面實(shí)現(xiàn)的關(guān)鍵代碼片段如下： request.setCharacterEncoding("utf-8");String username=request.get

51、Parameter("username");String pwd= request.getParameter("userpassword");user login=new user();login.setUname(username);login.setUpwd(pwd);userBiz ubiz=new userBizimpl();boolean flag=ubiz.login(login);List<user> us=ubiz.queryuser(login);int type=0;if(flag=true)session.setAttr

52、ibute("user",username);for(user u :us)type=u.getUtype();if(type=0)%><script type="text/javascript"> alert("登錄成功！"); location.href="index.jsp" </script><%else if(type=1) %><script type="text/javascript"> alert("管理員登錄成功！

53、"); location.href="<%=path%>/jsp/back/indexback.jsp" </script><% else %><script type="text/javascript"> alert("登錄失?。?quot;); location.href="login.jsp" </script><% %>5.5.2 后臺(tái)管理首頁(yè)模塊實(shí)現(xiàn)后臺(tái)管理主要是管理員管理前臺(tái)展示的新聞以及投稿信息審核。左側(cè)是新聞的主題分類可以清晰明

54、切的知道新聞主題類型，準(zhǔn)確快捷的找到新聞并進(jìn)行相應(yīng)的增刪改查操作。后臺(tái)管理首頁(yè)界面如圖5-11所示。圖5-11 管理中心首頁(yè)界面網(wǎng)站后臺(tái)管理中心界面是采用HTML+CSS+JS布局方式完成布局的。在后臺(tái)管理中心首頁(yè)界面的頭部部分將登錄網(wǎng)站的用戶名稱和主題logo呈現(xiàn)出來，用戶信息保存在session中，只要不退出登錄就會(huì)一直保存在session中。5.5.3 新聞信息上傳模塊實(shí)現(xiàn)信息上傳模塊主要是向蚌埠熱點(diǎn)新聞系統(tǒng)數(shù)據(jù)庫(kù)中添加新聞信息。添加一條新聞信息主要包括新聞標(biāo)題、作者、主題、圖片、介紹等信息。管理員在初始化新聞信息數(shù)據(jù)時(shí)，就可以通過信息上傳操作界面上傳新聞信息。蚌埠熱點(diǎn)新聞系統(tǒng)的前臺(tái)能夠

55、將上傳到數(shù)據(jù)庫(kù)中信息取出來，并呈現(xiàn)在網(wǎng)站的前臺(tái)界面中。信息上傳界面如圖5-12所示。圖5-12 新聞上傳界面信息上傳模塊技術(shù)分析如下：信息上傳就是對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)表增加一條記錄，是訪問MySql數(shù)據(jù)庫(kù)的過程。管理員通過上傳界面，在對(duì)應(yīng)輸入框中填寫對(duì)應(yīng)的信息，點(diǎn)擊確定提交按鈕將表單中的數(shù)據(jù)提交給服務(wù)器的上傳模塊的處理頁(yè)面，處理頁(yè)面主要分析是非文件表單字段還是文件表單字段，根據(jù)信息的不同，進(jìn)行相應(yīng)的處理。之后處理頁(yè)面會(huì)調(diào)用數(shù)據(jù)庫(kù)的服務(wù)文件中增加一條新聞信息的方法。在該方法中再繼續(xù)調(diào)用操作數(shù)據(jù)庫(kù)的工具類，完成數(shù)據(jù)庫(kù)的連接和增加記錄的操作。這里是圖片文件上傳技術(shù)。技術(shù)關(guān)鍵代碼如下：if (isMult

56、ipart) FileItemFactory factory = new DiskFileItemFactory();ServletFileUpload upload = new ServletFileUpload(factory);try List<FileItem> items = upload.parseRequest(request);Iterator<FileItem> iter = items.iterator();while (iter.hasNext() FileItem item = (FileItem) iter.next();if (item.is

57、FormField()fieldName = item.getFieldName(); if (fieldName.equals("title")title=item.getString("UTF-8");else if(fieldName.equals("date")date=item.getString("UTF-8");else if(fieldName.equals("author")author=item.getString("UTF-8");else if(fie

58、ldName.equals("topic")topic=Integer.parseInt(item.getString("UTF-8");else if(fieldName.equals("content")content=item.getString("UTF-8");else String fileName = item.getName();if (fileName != null && !fileName.equals("") File fullFile = new Fil

59、e(item.getName();File saveFile = new File(uploadFilePath, fullFile.getName();item.write(saveFile);uploadFileName = "images/"+fullFile.getName(); catch (Exception e) e.printStackTrace();5.5.3 信息列表模塊實(shí)現(xiàn)新聞信息列表模塊主要包括查看新聞信息、增加新聞信息、刪除新聞信息、修改新聞信息、新聞信息的分頁(yè)顯示等功能。點(diǎn)擊增加圖標(biāo)，進(jìn)入增加界面對(duì)新聞信息的數(shù)據(jù)填寫添加并提交，即可完成增加。刪除

60、新聞信息時(shí)，點(diǎn)擊刪除圖標(biāo)，可刪除一條信息。修改新聞信息時(shí)，點(diǎn)擊修改圖標(biāo)，進(jìn)入修改界面修改該條新聞信息的數(shù)據(jù)并提交，即可完成修改。對(duì)信息列表的分頁(yè)顯示可以控制界面的大小，保持界面的美觀性，并且避免一次性從數(shù)據(jù)庫(kù)中提取所有數(shù)據(jù)，而造成網(wǎng)頁(yè)打開不流暢。信息列表模塊如圖5-13所示。圖5-13 信息列表模塊新聞列表模塊技術(shù)分析如下：管理員在管理中心首頁(yè)中點(diǎn)擊新聞列表按鈕，打開新聞列表界面時(shí)，新聞列表處理頁(yè)將數(shù)據(jù)庫(kù)中新聞信息表中數(shù)據(jù)以數(shù)組的顯示返回給信息列表頁(yè)，信息列表頁(yè)在循環(huán)地顯示出這些數(shù)據(jù)。管理員在進(jìn)入列表頁(yè)時(shí)，顯示的是第一頁(yè)的新聞信息數(shù)據(jù)，點(diǎn)擊下一頁(yè)再向服務(wù)器發(fā)請(qǐng)求，從數(shù)據(jù)庫(kù)中調(diào)出第二頁(yè)的數(shù)據(jù)，在

61、信息列表頁(yè)中呈現(xiàn)出分頁(yè)信息，完成分頁(yè)功能。分頁(yè)實(shí)現(xiàn)的關(guān)鍵代碼片段如下：/給定每頁(yè)數(shù),獲取共有多少頁(yè),和總共多少條記錄<ul class="pagination pagination-centered"><li>當(dāng)前頁(yè)數(shù)：<%=pageIndex%>/<%=totalpages%><br /></li><%if(pageIndex>1) %><li><a href="newslist.jsp?ntid=<%=ntid%>&pageIndex

62、=<%=pageIndex - 1%>">上一頁(yè)</a></li><% %><c:forEach var="i" begin="1" end="<%=totalpages%>" step="1"><c:if test="$pageIndex eq i"><li class="active"></c:if><c:if test="$!(pa

63、geIndex eq i)"><li></c:if><a href="newslist.jsp?ntid=<%=ntid%>&pageIndex=$i">$i</a></li></c:forEach><%if (pageIndex < totalpages) %><li><a href="newslist.jsp?ntid=<%=ntid%>&pageIndex=<%=pageIndex+1%&g

64、t;">下一頁(yè)</a></li><% %></ul>管理員在修改和刪除時(shí)，都給出提示按鈕，用戶確認(rèn)是否真的確定修改或刪除，避免誤操作。用戶修改和刪除的實(shí)現(xiàn)流程類似于信息上傳的實(shí)現(xiàn)，這里就不在贅述。6 系 統(tǒng) 測(cè) 試網(wǎng)站系統(tǒng)測(cè)試是網(wǎng)站發(fā)布之前的一個(gè)必不可少的環(huán)節(jié)。網(wǎng)站的系統(tǒng)測(cè)試是在完成單元測(cè)試（對(duì)每個(gè)功能模塊單獨(dú)測(cè)試）之后的工作，沒有發(fā)現(xiàn)錯(cuò)誤，調(diào)試運(yùn)行成功。接下來要做的就是網(wǎng)站的系統(tǒng)測(cè)試，將幾個(gè)功能模塊組合在一起測(cè)試，不會(huì)出現(xiàn)問題，則說明通過網(wǎng)站的系統(tǒng)測(cè)試。1、蚌埠熱點(diǎn)新聞系統(tǒng)測(cè)試的原則 測(cè)試人員不能為網(wǎng)站的開發(fā)者，要確保對(duì)網(wǎng)站操作的隨意性，才能測(cè)出效果。 測(cè)試的數(shù)據(jù)在沒有說明情況下可以任意輸入。 測(cè)試結(jié)果要保存下來，以供網(wǎng)站改進(jìn)升級(jí)時(shí)，作為參考依據(jù)。2、蚌埠熱點(diǎn)新聞系統(tǒng)測(cè)試的方法網(wǎng)站的測(cè)試以對(duì)每個(gè)模塊單獨(dú)測(cè)試為主，再整體系統(tǒng)測(cè)試。3、 蚌埠熱點(diǎn)新聞系統(tǒng)測(cè)試結(jié)果網(wǎng)站測(cè)試證明了管理員在后臺(tái)中增加、刪除、修改數(shù)據(jù)的操作結(jié)果能夠正確無誤的反映在網(wǎng)站的前臺(tái)中。網(wǎng)站測(cè)試能夠保證各個(gè)模塊正常運(yùn)行，在測(cè)試的過程中，如果發(fā)現(xiàn)錯(cuò)誤，可以及時(shí)的修改程序，完成功能的實(shí)現(xiàn)。 7 總 結(jié)蚌埠熱點(diǎn)新聞