多媒體博客系統(tǒng)設(shè)計(jì)

1、摘要多媒體博客系統(tǒng)致力于為廣大用戶提供優(yōu)質(zhì)的互動(dòng)交流平臺(tái)，提高網(wǎng)站的知名度和 訪問(wèn)量，從而獲得為企業(yè)提供更多產(chǎn)品介紹及展示的機(jī)會(huì)，提升自己網(wǎng)站的價(jià)值。為了 滿足博客系統(tǒng)的要求，實(shí)現(xiàn)系統(tǒng)靜態(tài)與動(dòng)態(tài)頁(yè)面的相互分離，系統(tǒng)采用 JSP+JavaBean+Servlet和SQL Server2000數(shù)據(jù)庫(kù)相結(jié)合的開(kāi)發(fā)模式。論文首先論述了系統(tǒng)的開(kāi)發(fā)背景和設(shè)計(jì)目標(biāo)，并對(duì)系統(tǒng)開(kāi)發(fā)所采用的技術(shù)進(jìn)行相應(yīng) 的簡(jiǎn)單介紹。在系統(tǒng)分析中，對(duì)系統(tǒng)的模型進(jìn)行簡(jiǎn)單分析，明確系統(tǒng)的操作流程，并對(duì) 系統(tǒng)進(jìn)行可行性分析，確定在目前的條件下，開(kāi)發(fā)博客系統(tǒng)是可行的。在需求分析結(jié)果 的基礎(chǔ)上，對(duì)系統(tǒng)的功能模塊進(jìn)行劃分。接著對(duì)系統(tǒng)中的數(shù)據(jù)庫(kù)

2、進(jìn)行模型設(shè)計(jì)，包括數(shù) 據(jù)流圖、實(shí)體聯(lián)系圖及數(shù)據(jù)表結(jié)構(gòu)。在系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)中，確定系統(tǒng)的開(kāi)發(fā)思想以及 開(kāi)發(fā)環(huán)境，并對(duì)系統(tǒng)中的JavaBean和Servlet代碼進(jìn)行設(shè)計(jì)。最后給出了系統(tǒng)中模塊的 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)，并對(duì)系統(tǒng)模塊涉及到的關(guān)鍵源代碼進(jìn)行了詳細(xì)的分析。經(jīng)過(guò)調(diào)試運(yùn)行后表明，系統(tǒng)可以滿足用戶創(chuàng)建個(gè)人博客的各項(xiàng)要求。關(guān)鍵詞：設(shè)計(jì)模式知識(shí)共享 博客系統(tǒng)。AbstractThe multimedia blog system is concentrates on high-quality interactive exchanges platform for a large number of user

3、s, increasing the visits and making the website more and more famous, thereby can acquiring for the opportunity that business enterprise providing more introductions and shows of products, promoting the value of the website.Satisfy for the functions of blog system, achieving the systems static page

4、separate with dynamic page mutually, using JSP+ JavaBean+ Servlet with the mode of development that the database of SQL Server2000 combine together.The paper discusses the background of development of the system and the design of the target first, and introduces the tecknique which used to develop s

5、imply.In the analyse of system, proceeded the simple analysis to the model of the system, made sure the operation process of the system, proceed the analyse to the system, ensure that under the current term, developing blog system is feasible. At the foundation of requirement with the analyse result

6、, proceeding the providing of the function module of the system. Follow, designing the database model, including the data flow diagram, entity relation diagram and data tables. during the design and realization of the system, making sure the development thought of the system and install the environm

7、ent of development,at last show the design details with realize finally an a key for of detailed design with realization, and analyzed the program which relate to the system module.After debugging and running ,it shows that the system can satisfy with users to create personal blog.Keywords: Design P

8、atterns; Knowledge sharing; The Blog System第一章引言1.1選題的背景隨著因特網(wǎng)在中國(guó)的興起和普及，越來(lái)越多的人成了網(wǎng)絡(luò)中的一員，越來(lái)越多的 網(wǎng)民參與了互動(dòng)。巨大的網(wǎng)民為網(wǎng)上在線交易提供了可能，并最終促使其在中國(guó)的發(fā) 展。在沒(méi)有自己的博客之前，人們會(huì)經(jīng)常進(jìn)出于論壇發(fā)表貼子或者通過(guò)即時(shí)通信軟件 聊天，來(lái)表達(dá)自已的想法，可是這些都是零散的和雜亂的。博客的出現(xiàn)，讓人們可以 不斷的把自己以前的和每天激發(fā)的一些想法或者感受整理放在自己的博客上，每次在 寫(xiě)文章的時(shí)候，可能又會(huì)產(chǎn)生新的想法。雖然一些想法一些思考只是皮毛，沒(méi)有什么 深度，但是當(dāng)下筆去寫(xiě)的時(shí)候每次都會(huì)對(duì)

9、某個(gè)小小的問(wèn)題有了更多的一點(diǎn)點(diǎn)思考，再 寫(xiě)博客的時(shí)候就感覺(jué)到了一種滿足感，一種想法得以釋放思考得以延伸的滿足感。生 活中每天的一個(gè)小小的事情都會(huì)引起人們的思考，甚至是和朋友的聊天中一個(gè)小小的 火花迸發(fā)。督促自己努力、把一時(shí)的想法變成觀點(diǎn)，爭(zhēng)取在生命中的每天里留下點(diǎn)什 么，這也是人們寫(xiě)博客的目的之一。這樣就能督促自己每一天不要渾渾噩噩，時(shí)光流 逝無(wú)痕無(wú)聲無(wú)息，寫(xiě)博客也是在自己的每一天上留下了一道淺淺的思考和劃痕。1.2選題目的和意義博客網(wǎng)站代表了當(dāng)前博客的發(fā)展趨勢(shì)，選擇多媒體博客系統(tǒng)作為課題，在理論上 具備了研究的實(shí)用性。本畢業(yè)設(shè)計(jì)希望通過(guò)對(duì)網(wǎng)站的規(guī)劃與設(shè)計(jì)來(lái)培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí)來(lái)分析和 解

10、決實(shí)際問(wèn)題的能力；掌握“Web數(shù)據(jù)庫(kù)開(kāi)發(fā)”；學(xué)會(huì)使用JSP設(shè)計(jì)動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)； 學(xué)會(huì)使用SQL Server建立網(wǎng)絡(luò)數(shù)據(jù)庫(kù)和編輯查詢網(wǎng)絡(luò)數(shù)據(jù)庫(kù)的語(yǔ)句；學(xué)會(huì)使用程序設(shè) 計(jì)語(yǔ)言編制各種圖形應(yīng)用到網(wǎng)頁(yè)制作中。這樣，既可以使網(wǎng)站訪問(wèn)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)后生成 動(dòng)態(tài)網(wǎng)頁(yè)，又可以使網(wǎng)頁(yè)增加動(dòng)態(tài)的圖形、圖像和聲音。總之，本課題能夠強(qiáng)化計(jì)算機(jī)實(shí)際應(yīng)用技能訓(xùn)練，為今后開(kāi)展網(wǎng)站規(guī)劃、設(shè)計(jì)和 開(kāi)發(fā)打下一個(gè)良好的基礎(chǔ)。1.3博客的研究現(xiàn)狀現(xiàn)今，博客網(wǎng)站已經(jīng)由06年的風(fēng)風(fēng)火火變的平淡，通過(guò)各種方式融入了我們的生 活，成為了我們表現(xiàn)自己的主要方式。它們大部分是由簡(jiǎn)短而且經(jīng)常更新的帖子構(gòu)成， 所有文章都是按照年份和日期排列，有些類似

11、斑竹的日記。看上去平淡無(wú)奇，毫無(wú)可 炫耀之處，但它可以讓每個(gè)人零成本、零維護(hù)地創(chuàng)建自己的網(wǎng)絡(luò)媒體，每個(gè)都可以隨 時(shí)把自己的思想火花和靈感更新到博客站點(diǎn)上。現(xiàn)在的博客網(wǎng)站的主要特點(diǎn)：零機(jī)制：博客屬于個(gè)人所有，是自發(fā)建立和非正式的建設(shè)。BSP不能對(duì)博客發(fā)號(hào) 施令。零技術(shù)：博客不需要作網(wǎng)站的專業(yè)知識(shí)，可以像發(fā)郵件一樣簡(jiǎn)單地實(shí)現(xiàn)博客網(wǎng)頁(yè) 的呈現(xiàn)。技術(shù)的極度簡(jiǎn)化，包括架構(gòu)和申請(qǐng)博客網(wǎng)站、編輯、上傳和修改內(nèi)容等。零成本：任何一個(gè)人都可以像申請(qǐng)免費(fèi)郵件般免費(fèi)申請(qǐng)自己的博客網(wǎng)站。不需要 注冊(cè)域名的成本，不需要租用服務(wù)器空間的成本，不需要許多軟件工具的成本。零編輯：博客用戶就是編輯，即時(shí)寫(xiě)作、即時(shí)發(fā)布、自我檢查

12、。這形成了與傳統(tǒng) 寫(xiě)作截然不同的“體驗(yàn)”，真正實(shí)現(xiàn)了作者“零磨損”的開(kāi)放式寫(xiě)作。零形式：博客頁(yè)面的表現(xiàn)形式和文章內(nèi)容的表現(xiàn)方式十分靈活，沒(méi)有特定形式。與個(gè)人主頁(yè)相比較，博客是使用方便的、交互性強(qiáng)。與傳統(tǒng)的電子郵件、BBS和 ICQ這三種互聯(lián)網(wǎng)溝通方式相比，博客是一種較嚴(yán)肅的溝通平臺(tái)。BBS公共匿名性很 強(qiáng)，而個(gè)人性很弱，因此缺乏約束。電子郵件和ICQ則是多用于個(gè)人間的通訊，而博 客是個(gè)人性和公共性的結(jié)合。博客是個(gè)人在網(wǎng)上展示自己、與別人溝通交流的綜合平 臺(tái)，它的管理比BBS簡(jiǎn)單的多。1.4研究目標(biāo)和主要內(nèi)容本系統(tǒng)實(shí)現(xiàn)了博客網(wǎng)站的基本功能，為博客用戶提供了一個(gè)在網(wǎng)上展現(xiàn)自己的平 臺(tái)。系統(tǒng)主要分為

13、博客管理后臺(tái)和前臺(tái)兩個(gè)大模塊，后臺(tái)模塊主要包括：文章的發(fā)表 與管理，公告的發(fā)表與管理，相片、視頻、音樂(lè)的上傳與管理以及評(píng)論管理。前臺(tái)模 塊主要包括：文章的瀏覽與評(píng)論，公告瀏覽，音樂(lè)、相片、視頻的查看。主要內(nèi)容簡(jiǎn)介系統(tǒng)設(shè)計(jì)，主要介紹博客系統(tǒng)總體的功能設(shè)計(jì)。包括系統(tǒng)總體功能模塊設(shè)計(jì)，系 統(tǒng)功能詳細(xì)說(shuō)明，數(shù)據(jù)庫(kù)設(shè)計(jì)，數(shù)據(jù)庫(kù)建表；系統(tǒng)開(kāi)發(fā)環(huán)境搭建和環(huán)境介紹。注冊(cè)與登錄模塊，主要介紹博客系統(tǒng)的注冊(cè)與登錄模塊的詳細(xì)設(shè)計(jì)。博客管理員模塊，主要介紹注冊(cè)為本系統(tǒng)會(huì)員以后所擁有的權(quán)限操作的各模塊的 詳細(xì)實(shí)現(xiàn)。主要包括日志、文件、視頻等管理模塊。系統(tǒng)管理員模塊，主要介紹博客系 統(tǒng)管理員所有有的權(quán)限操作的各模塊的詳細(xì)

14、實(shí)現(xiàn)。主要包括博客會(huì)員管理，音樂(lè)管理， 文章管理，文件管理，相片管理，視頻管理。博客管理員與普通用戶可以通過(guò)博客首頁(yè)或相關(guān)模塊連接進(jìn)行登錄。通過(guò)身份 驗(yàn)證模塊，普通用戶只能進(jìn)入博客前臺(tái)頁(yè)面，博客管理員可以進(jìn)入博客前臺(tái)和后臺(tái)管理 員界面進(jìn)行操作。博客管理員進(jìn)入管理員界面后，可以發(fā)表自己的網(wǎng)絡(luò)日志，文章、相片和文件 等信息外還可以及時(shí)修改自己的個(gè)人基本信息，設(shè)置注冊(cè)用戶。注冊(cè)用戶只能瀏覽其他注冊(cè)會(huì)員發(fā)表的網(wǎng)絡(luò)日志、文章、下載文件、相片等信 息，同時(shí)可以對(duì)自己感興趣的文章或者網(wǎng)絡(luò)日志發(fā)表自己的看法和建議，以供博主查看。第2章系統(tǒng)的開(kāi)發(fā)工具與環(huán)境2.1開(kāi)發(fā)技術(shù)為了方便博客的管理，實(shí)現(xiàn)系統(tǒng)靜態(tài)與動(dòng)態(tài)頁(yè)面

15、的相互分離，系統(tǒng)采用 JSP+JavaBean+Servlet和SQL Server2000數(shù)據(jù)庫(kù)相結(jié)合的開(kāi)發(fā)模式。在該模式中，結(jié) 合了 JSP和Servlet技術(shù)，充分利用了 JSP和Servlet兩種技術(shù)原有的優(yōu)點(diǎn)。在此模式 中，JavaBean作為模型的角色，充當(dāng)JSP和Servlet通信的中間工具，Servlet處理完后 設(shè)置JavaBean的屬性，JSP讀取此JavaBean的屬性，然后進(jìn)行顯示。該模式更加明顯 地把顯示和邏輯分離，使得代碼更容易管理。開(kāi)發(fā)工具采用MyEclipse7.0和 Dreamweaver 8，Web服務(wù)器軟件采用Tomcat 6.0O JSP中用到的各種技術(shù)

16、如下：JSP概述JSP即Java Server Pages，是由Sun Microsystem公司于1996年6月推出的新技術(shù)， 是基于Java Servlet以及整個(gè)Java體系的Web開(kāi)發(fā)技術(shù)。JSP已經(jīng)成為開(kāi)發(fā)Web動(dòng)態(tài) 網(wǎng)頁(yè)重要、快速和有效的工具，是全新的網(wǎng)絡(luò)服務(wù)器編程環(huán)境。JSP充分利用了 Java 的強(qiáng)大功能，是一種優(yōu)秀的服務(wù)器端技術(shù)。隨著Java技術(shù)的日益成熟和流行，JSP在 網(wǎng)絡(luò)編程中也變得越來(lái)越重要。JSP基于強(qiáng)大的Java語(yǔ)言，具有極強(qiáng)的擴(kuò)展能力，良 好的縮收性，以及與平臺(tái)無(wú)關(guān)的開(kāi)發(fā)特性，成為構(gòu)建動(dòng)態(tài)網(wǎng)站的主流技術(shù)之一，JSP 有著其他技術(shù)所不具備的優(yōu)勢(shì)。其優(yōu)勢(shì)在于：可以將

17、內(nèi)容的生成和顯示進(jìn)行分離、生 成可重用的組件、采用標(biāo)識(shí)簡(jiǎn)化頁(yè)面開(kāi)發(fā)。JSP能提供所有Servlet的功能Servlet 概述Servlet是Java編寫(xiě)的服務(wù)器端程序，是由服務(wù)器端執(zhí)行和調(diào)用的Java類。Servlet 是采用Java技術(shù)來(lái)實(shí)現(xiàn)CGI功能的一種技術(shù)，能夠像CGI 一樣動(dòng)態(tài)地?cái)U(kuò)展Web服務(wù)器 的功能，并采用請(qǐng)求響應(yīng)模式提供Web服務(wù)。Servlet和CGI 一樣都是運(yùn)行在Web 服務(wù)器上，用來(lái)生成Web頁(yè)面。Servlet的主要功能在于交互式地瀏覽和修改數(shù)據(jù)，生 成動(dòng)態(tài)Web內(nèi)容。其工作流程圖如圖2.1所示。Servlet工作流程：客戶端發(fā)送請(qǐng)求信息至服務(wù)器。服務(wù)器將請(qǐng)求信息發(fā)送

18、至ServletoServlet生成響應(yīng)內(nèi)容并將其傳給Servlet。響應(yīng)內(nèi)容動(dòng)態(tài)生成，通常取決于客戶 端的請(qǐng)求。服務(wù)器將響應(yīng)信息返回至客戶端。2.4 JavaBean原理和機(jī)制JSP的一大特點(diǎn)就是與JavaBeans的結(jié)合，而JSP與JavaBeans結(jié)合的一個(gè)突出的 優(yōu)點(diǎn)是頁(yè)面顯示和業(yè)務(wù)邏輯的分離。這可以使團(tuán)隊(duì)協(xié)作的更好，開(kāi)發(fā)出更高質(zhì)量的站 點(diǎn)。JavaBean是一種可以重用的Java組件，在JSP程序中常用來(lái)封裝事物邏輯、數(shù)據(jù) 庫(kù)操作等，可以很好的實(shí)現(xiàn)業(yè)務(wù)邏輯和前臺(tái)程序的分離，使得系統(tǒng)具有更好的健壯性 和靈活性。2.5開(kāi)發(fā)平臺(tái)Eclipse是一個(gè)開(kāi)放源代碼的軟件開(kāi)發(fā)項(xiàng)目，專注于為高度集成

19、的工具開(kāi)發(fā)提供一 個(gè)全功能的、具有商業(yè)品質(zhì)的工業(yè)平臺(tái)。它主要由Eclipse項(xiàng)目、Eclipse工具項(xiàng)目和 Eclipse技術(shù)項(xiàng)目三個(gè)項(xiàng)目組成，具體包括四個(gè)部分組成Eclipse Platform、JDT、CDT和PDE.JDT支持Java開(kāi)發(fā)、CDT支持C開(kāi)發(fā)、PDE用來(lái)支持插件開(kāi)發(fā)，Eclipse Platform則是一個(gè)開(kāi)放的可擴(kuò)展IDE，提供了一個(gè)通用的開(kāi)發(fā)平臺(tái)。它提供建造塊和 構(gòu)造并運(yùn)行集成軟件開(kāi)發(fā)工具的基礎(chǔ)。Eclipse Platform允許工具建造者獨(dú)立開(kāi)發(fā)與他 人工具無(wú)縫集成的工具從而無(wú)須分辨一個(gè)工具功能在哪里結(jié)束，而另一個(gè)工具功能在 哪里開(kāi)始。Dreamweaver MX是

20、一款專業(yè)的 HTML編輯器，用于對(duì) Web站點(diǎn)、Web頁(yè)和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開(kāi)發(fā)。無(wú)論您喜歡直接編寫(xiě)HTML代碼的駕馭感還 是偏愛(ài)在可視化編輯環(huán)境中工作，Dreamweaver都會(huì)為您提供幫助良多的工具，豐富 您的Web創(chuàng)作體驗(yàn)。利用Dreamweaver中的可視化編輯功能，您可以快速地創(chuàng)建頁(yè)面而無(wú)需編寫(xiě)任何 代碼。不過(guò)，如果您更喜歡用手工直接編碼，Dreamweaver還包括許多與編碼相關(guān)的 工具和功能。并且，借助Dreamweaver，您還可以使用服務(wù)器語(yǔ)言例如ASP、ASP.NET、 ColdFusion標(biāo)記語(yǔ)言(CFML、JSP和PHP)生成支持動(dòng)態(tài)數(shù)據(jù)庫(kù)的Web應(yīng)用程序。

21、2.6數(shù)據(jù)庫(kù)SQL Server 2000作為Microsoft家庭的重要成員，是基于客戶機(jī)/服務(wù)器的大型關(guān) 系數(shù)據(jù)庫(kù)系統(tǒng)。SQL Server 2000這種關(guān)系型數(shù)據(jù)庫(kù)系統(tǒng)能夠滿足各種類型的企業(yè)客戶 和獨(dú)立軟件供應(yīng)商構(gòu)建商業(yè)應(yīng)用程序的需求，根據(jù)客戶的反映和需求，是大規(guī)模聯(lián)機(jī) 事務(wù)處理(OLTP)、數(shù)據(jù)倉(cāng)庫(kù)和電子商務(wù)應(yīng)用程序的優(yōu)秀數(shù)據(jù)庫(kù)平臺(tái)。SQL Server 2000 具有以下特點(diǎn)：強(qiáng)大可伸縮性；支持大型Web站點(diǎn)或企業(yè)信息處理系統(tǒng)；客戶機(jī)/服務(wù)器體系結(jié)構(gòu)；而數(shù)據(jù)源包含了數(shù)據(jù)庫(kù)位置和數(shù)據(jù)庫(kù)類型等信息，實(shí)際上是一種數(shù)據(jù)連接的抽象。 各部件之間的關(guān)系如圖2-1所示：圖2-1數(shù)據(jù)關(guān)系圖2.7系統(tǒng)

22、的開(kāi)發(fā)要求硬件要求：CPU：最低 Intel Pentium II 500 MHz。磁盤空間：250MB（完全安裝），155MB（快速安裝）。內(nèi)存：512MB（最好1GB以上）。顯示：1024*768，256 色軟件要求：操作系統(tǒng)：Windows 2000以上的操作系統(tǒng)。開(kāi)發(fā)平臺(tái)：Eclipse3.3，Microsoft SQL Serve第3章需求分析3.1系統(tǒng)目標(biāo)博客網(wǎng)站系統(tǒng)的總目標(biāo)是：在計(jì)算機(jī)網(wǎng)絡(luò)，數(shù)據(jù)庫(kù)和先進(jìn)的開(kāi)發(fā)平臺(tái)上，利用現(xiàn) 有的軟件，配置一定的硬件，開(kāi)發(fā)一個(gè)具有開(kāi)放體系結(jié)構(gòu)的、易擴(kuò)充的、易維護(hù)的、 具有良好人機(jī)交互界面的個(gè)人博客網(wǎng)站，為網(wǎng)絡(luò)用戶提供進(jìn)行在線交流的網(wǎng)絡(luò)平臺(tái)。 通過(guò)個(gè)

23、人博客網(wǎng)站可以結(jié)交更多的朋友，表達(dá)更多的想法，它隨時(shí)可以發(fā)布文章。具體的要求如下：博主可以簡(jiǎn)單的添加和刪除文章；獨(dú)立于具體的數(shù)據(jù)庫(kù)平臺(tái)。對(duì)于與數(shù)據(jù)庫(kù)交互的部分充分考慮兼容性；容易在原先基礎(chǔ)上進(jìn)行二次開(kāi)發(fā)；中間基礎(chǔ)平臺(tái)的無(wú)型性。盡量采用開(kāi)放的標(biāo)準(zhǔn)技術(shù)，達(dá)到跨平臺(tái)運(yùn)行的效果； 為了達(dá)到以上的開(kāi)發(fā)目的，個(gè)人博客網(wǎng)站應(yīng)遵循一定的設(shè)計(jì)和開(kāi)發(fā)與原則：模塊接口定義清晰；基礎(chǔ)類庫(kù)和接口設(shè)計(jì)合理，盡量建立叮擴(kuò)展的接口和抽象類；數(shù)據(jù)庫(kù)操作使用標(biāo)準(zhǔn)SQL語(yǔ)句，如果一定要使用有差別的SQL語(yǔ)句，則盡量集 中在一起，以減少將來(lái)維護(hù)和移植的難度；采用開(kāi)放的標(biāo)準(zhǔn)和工具等；3.2系統(tǒng)的功能要求博客系統(tǒng)通常提供三類服務(wù)：信息服

24、務(wù)：文章顯示，熱點(diǎn)文章推薦，博主風(fēng)采查詢服務(wù)：可以根據(jù)文章內(nèi)容，文章標(biāo)題，留言內(nèi)容，留言標(biāo)題等進(jìn)行模糊查詢 留言服務(wù)：游客可以對(duì)系統(tǒng)進(jìn)行留言或發(fā)表看法意見(jiàn)下面分析本系統(tǒng)的各個(gè)子系統(tǒng)的功能需求。前臺(tái)功能在前臺(tái)的功能實(shí)現(xiàn)上，可以分為以下幾個(gè)部分：用戶登錄：網(wǎng)站用戶用個(gè)人注冊(cè)的帳號(hào)，密碼登錄到網(wǎng)站。網(wǎng)站檢測(cè)用戶的帳號(hào)， 密碼并給予其相應(yīng)的權(quán)限對(duì)網(wǎng)站進(jìn)行操作。用戶注冊(cè)：用戶將個(gè)人的信息存儲(chǔ)到博客網(wǎng)站的數(shù)據(jù)庫(kù)中，以成為本博客的正式用戶。用戶信息修改：把已存儲(chǔ)的用戶信息用一個(gè)網(wǎng)頁(yè)顯示出來(lái)，方便用戶對(duì)個(gè)人信息 進(jìn)行更新。文章查詢和留言：用戶可以檢索或?yàn)g覽博客中的文章同時(shí)給感興趣的文章。公告查詢：用戶可以瀏覽

25、網(wǎng)站中發(fā)布的公告信息，了解博客的一些情況。相片查詢：用戶可以對(duì)博客中的相片，圖片等進(jìn)行查詢，瀏覽。音樂(lè)查詢：用戶可以享受博客中的音樂(lè)。視頻：用戶可以觀看博主上傳的視頻內(nèi)容。后臺(tái)功能通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)將前臺(tái)與后臺(tái)的數(shù)據(jù)庫(kù)相連，網(wǎng)站管理員將從前臺(tái)得到的信息進(jìn) 行處理，實(shí)現(xiàn)文章管理，公告管理，視頻管理，個(gè)人相冊(cè)管理，音樂(lè)管理，用戶設(shè)置 及博主設(shè)置等子系統(tǒng)。文章管理：管理員對(duì)網(wǎng)站中已有的文章進(jìn)行刪除，更新等操作。公告管理：發(fā)布，刪除，更改公告。視頻管理：視頻的上傳、刪除。音樂(lè)管理：音樂(lè)的上傳、刪除。相冊(cè)管理：對(duì)博客相冊(cè)中的圖片進(jìn)行刪除，更新等操作。用戶設(shè)置：更新普通用戶對(duì)博客的操作的權(quán)限。博主設(shè)置：對(duì)博主

26、的信息等進(jìn)行操作。3.3系統(tǒng)的性能需求博客網(wǎng)站的特性要求博客網(wǎng)站系統(tǒng)需要具備以下幾個(gè)主要特性：多樣性：博客網(wǎng)站在設(shè)計(jì)時(shí)必須遵循的一個(gè)重要原則，就是以用戶為系統(tǒng)設(shè)計(jì)的 中心。網(wǎng)絡(luò)的發(fā)展大大降低了信息咨詢的成本，用戶面臨更多的選擇，所以，博客網(wǎng) 站除了降低成本以外，還必須在皮膚，功能的多樣性上下工夫，才能夠得到用戶的認(rèn) 可。具體來(lái)說(shuō)，應(yīng)用系統(tǒng)應(yīng)能實(shí)現(xiàn)用戶特定的需求，操作界面友好、方便，功能設(shè)置 符合用戶的習(xí)慣和要求。易維護(hù):管理員能夠簡(jiǎn)單方便地管理系統(tǒng)，定義新的應(yīng)用，并對(duì)系統(tǒng)進(jìn)行日常維護(hù); 隨著博客網(wǎng)站信息的變更或增加、數(shù)據(jù)規(guī)模的增大，系統(tǒng)升級(jí)、維護(hù)應(yīng)易于操作各子 系統(tǒng)、功能模塊的設(shè)計(jì)應(yīng)具有良好的

27、靈活性，保證在博客網(wǎng)站系統(tǒng)建設(shè)過(guò)程中后期系 統(tǒng)功能的實(shí)現(xiàn)不影響前期已投入使用的系統(tǒng)功能。安全性:系統(tǒng)應(yīng)充分考慮信息、設(shè)備、運(yùn)行和管理的安全性，建立完善的多層次的 安全保障體系，保證用戶的個(gè)人信息等資料的數(shù)據(jù)安全?？蓴U(kuò)展：博客網(wǎng)站的用戶從事著各種行業(yè)，他們的需求各不相同，系統(tǒng)在設(shè)計(jì)時(shí) 應(yīng)充分考慮到用戶需求不斷變化的需要，降低系統(tǒng)在擴(kuò)展新的業(yè)務(wù)功能時(shí)的復(fù)雜度。3.4系統(tǒng)的數(shù)據(jù)需求系統(tǒng)的數(shù)據(jù)需求包括如下幾點(diǎn)：數(shù)據(jù)錄入和處理的準(zhǔn)確性和實(shí)時(shí)性數(shù)據(jù)的輸入是否準(zhǔn)確是數(shù)據(jù)處理的前提，錯(cuò)誤的輸入會(huì)導(dǎo)致系統(tǒng)輸出的不正確和 不可用，從而使系統(tǒng)的工作失去意義。數(shù)據(jù)的輸入來(lái)源是用戶的手工輸入。手工輸入 要通過(guò)系統(tǒng)界面上

28、的安排系統(tǒng)具有容錯(cuò)性，并且對(duì)用戶操作進(jìn)行實(shí)時(shí)的跟蹤和錯(cuò)誤提 示。在系統(tǒng)中，數(shù)據(jù)的輸入往往是大量的，因此系統(tǒng)要有一定的處理能力，以保證迅 速的處理數(shù)據(jù)。數(shù)據(jù)的一致性與完整性由于網(wǎng)站的數(shù)據(jù)是共享的，所以如何保證這些數(shù)據(jù)的一致性，是網(wǎng)站必須解決的 問(wèn)題。要解決這一問(wèn)題，要有一定的人員維護(hù)數(shù)據(jù)的一致性，在數(shù)據(jù)錄入處控制數(shù)據(jù) 的去向，并且要求對(duì)數(shù)據(jù)庫(kù)的數(shù)據(jù)完整性進(jìn)行嚴(yán)格的約束。對(duì)于輸入的數(shù)據(jù)，要為其定義完整性規(guī)則，如果不能符合完整性約束，網(wǎng)站應(yīng)該 拒絕該數(shù)據(jù)。數(shù)據(jù)的共享與獨(dú)立性整個(gè)博客網(wǎng)站的數(shù)據(jù)是共享的。然而，從網(wǎng)站開(kāi)發(fā)的角度上看，共享會(huì)給設(shè)計(jì)和調(diào)試帶來(lái)困難。因此，應(yīng)該提供靈活的配置，使各個(gè)分系統(tǒng)能夠獨(dú)

29、立運(yùn)行，而通過(guò)人 工干預(yù)的手段進(jìn)行系統(tǒng)數(shù)據(jù)的交換。這樣，也能提供系統(tǒng)的強(qiáng)壯性。第4章總體設(shè)計(jì)4.1總體設(shè)計(jì)概述本階段設(shè)計(jì)的基本目標(biāo)是解決系統(tǒng)如何實(shí)現(xiàn)問(wèn)題，也叫做概要設(shè)計(jì)，本階段主要 任務(wù)是劃分出系統(tǒng)的物理元素及設(shè)計(jì)軟件的結(jié)構(gòu)，完成軟件定義時(shí)期的任務(wù)之后就應(yīng) 該對(duì)系統(tǒng)進(jìn)行總體設(shè)計(jì)，即根據(jù)系統(tǒng)分析產(chǎn)生的分析結(jié)果AS來(lái)PX確定這個(gè)系統(tǒng)由哪 些系統(tǒng)和模塊組成，這些系統(tǒng)和模塊又如何有機(jī)的結(jié)合在一起，每個(gè)模塊的功能如何 實(shí)現(xiàn)。系統(tǒng)設(shè)計(jì)的目標(biāo)是使系統(tǒng)實(shí)現(xiàn)擁有所要求的功能，同時(shí)，力爭(zhēng)達(dá)到高效率、高 可靠性、可修改性，并且容易掌握和使用。模塊化的依據(jù)是：把復(fù)雜問(wèn)題分解成許多容易解決的小問(wèn)題。原來(lái)的問(wèn)題也就變 得

30、容易解決。模塊化設(shè)計(jì)是把大型軟件按照一定的原則劃分成一個(gè)較小的相對(duì)功能獨(dú) 立又相關(guān)聯(lián)的模塊。每個(gè)模塊完成一個(gè)特定的子功能。把這些模塊結(jié)合起來(lái)組成一個(gè) 整體。完成指定的功能，滿足問(wèn)題的要求。采用模塊化原理的優(yōu)點(diǎn)在于可以使軟件結(jié) 構(gòu)清晰，容易測(cè)試和調(diào)試。從而提高軟件的可靠性，可修改性。有助于軟件開(kāi)發(fā)的組 織管理。一個(gè)大型軟件可分別編寫(xiě)不同的模塊。模塊化理論的幾個(gè)重要概念如下：抽象。抽象就是抽象出事物的本質(zhì)特性而暫時(shí)不考慮它們的細(xì)節(jié)。處理復(fù)雜系統(tǒng) 唯一有效的方法是用層次的方式構(gòu)造和分析它。一個(gè)復(fù)雜的動(dòng)態(tài)系統(tǒng)首先可以用一些 高級(jí)的抽象概念構(gòu)造和理解，這些高級(jí)概念又可以用一些較低級(jí)的理解，直到最低層 次

31、的具體元素。信息隱蔽和局部化。信息隱蔽是指在設(shè)計(jì)和確定模塊時(shí)，應(yīng)使得一個(gè)模塊內(nèi)包含 的信息對(duì)于不需要這些信息的模塊來(lái)說(shuō)，是不能訪問(wèn)。局部化是指把一些關(guān)系密切的軟件元素物理的放得彼此靠近。局部化有助于實(shí)現(xiàn) 信息隱蔽。信息隱蔽原理和局部化有助于在測(cè)試期間以及軟件維護(hù)期間修改軟件。因?yàn)榻^大 多數(shù)數(shù)據(jù)和過(guò)程對(duì)于軟件的其它部分而言是隱蔽的，從而由疏忽引入的錯(cuò)誤就很少可 能傳播到軟件的其它部分。逐步求精的模塊化概念。逐步求精和模塊化的抽象是密切相關(guān)的。軟件結(jié)構(gòu)每一 層中模塊表示對(duì)軟件抽象層次的次細(xì)化。用自頂向下，逐步求精的方法由抽象到具體 的方式分配控制，簡(jiǎn)化了軟件設(shè)計(jì)和實(shí)施，提高了軟件的可理解性和可測(cè)試

32、性，并使 得軟件更容易維護(hù)。模塊獨(dú)立性。模塊的劃分要使模塊間盡可能的相互獨(dú)立，獨(dú)立模塊較易維護(hù)。度 量模塊的獨(dú)立程度有兩個(gè)標(biāo)準(zhǔn)：內(nèi)聚和耦合。耦合是對(duì)一個(gè)軟件結(jié)構(gòu)內(nèi)不同模塊之間 互連程度的度量。耦合強(qiáng)弱取決于模塊間接口的復(fù)雜程度，進(jìn)入或訪問(wèn)一個(gè)模塊的點(diǎn)， 以及通過(guò)接口的數(shù)。在軟件的設(shè)計(jì)中應(yīng)追求盡可能松散的耦合。內(nèi)聚標(biāo)志一個(gè)模塊內(nèi)各個(gè)元素彼此結(jié) 合的緊密程度，它是信息隱藏和局部化概念的自然擴(kuò)展，理想內(nèi)聚的模塊只做一件事 情。在設(shè)計(jì)時(shí)應(yīng)力求做到高內(nèi)聚。博客網(wǎng)站系統(tǒng)的總目標(biāo)是：在計(jì)算機(jī)網(wǎng)絡(luò)，數(shù)據(jù)庫(kù)和先進(jìn)的開(kāi)發(fā)平臺(tái)上，利用現(xiàn) 有的軟件，配置一定的硬件，開(kāi)發(fā)一個(gè)具有開(kāi)放體系結(jié)構(gòu)的、易擴(kuò)充的、易維護(hù)的、 具

33、有良好人機(jī)交互界面的博客網(wǎng)站，以達(dá)到個(gè)人推薦、展現(xiàn)自我的一個(gè)平臺(tái)，為交流 提供綜合的網(wǎng)絡(luò)環(huán)境，同時(shí)也為個(gè)人的宣傳，發(fā)展，提供了一個(gè)平臺(tái)。4.2系統(tǒng)體系結(jié)構(gòu)基于B/S結(jié)構(gòu)的個(gè)人博客網(wǎng)站系統(tǒng)，應(yīng)由終端（用戶主機(jī)/瀏覽器）、WEB服務(wù)器、 數(shù)據(jù)服務(wù)器構(gòu)成。個(gè)人博客網(wǎng)站的核心是中間的接入服務(wù)器和應(yīng)用服務(wù)器部分。個(gè)人 博客網(wǎng)站的總體結(jié)構(gòu)圖如圖4.1所示：圖4.1博客網(wǎng)站總體結(jié)構(gòu)4.3主要功能模塊系統(tǒng)實(shí)現(xiàn)的物理結(jié)構(gòu)如圖4.2所示:4.4系統(tǒng)頁(yè)面框架圖系統(tǒng)頁(yè)面整體框架如圖4.3所示。圖4.3系統(tǒng)頁(yè)面整體框架圖主要頁(yè)面如表4.1主要頁(yè)面清單表所示:表4.1主要頁(yè)面清單表文件名說(shuō)明Index. Jsp普通用戶登

34、錄頁(yè)面，用戶只要輸入已注冊(cè)的帳號(hào)和密碼head_Consumer.jsp用戶信息頁(yè)面head_photoSelect.jsp相片查詢頁(yè)面head_consumerUpdate.jsp新用戶注冊(cè)頁(yè)面head_disussForm.jsp評(píng)論信息查詢頁(yè)面back_PhotoInsert.jsp相片上傳頁(yè)面backMainPage.jsp系統(tǒng)管理頁(yè)面back_MovieInsert.jsp視頻上傳頁(yè)面Back_MusicInsert.jsp音樂(lè)上傳頁(yè)面head_main.jsp文章顯示界面（包含文章搜索）4.6功能模塊設(shè)計(jì)功能的詳細(xì)劃分如表4.2所示:表4.2功能詳細(xì)劃分表功能設(shè)計(jì)劃分具體功能備注首

35、頁(yè)(head_main.jsp)通過(guò)點(diǎn)擊不同的導(dǎo)航進(jìn)入不同的頁(yè)面文章(head_ArticleList.js文章列表通過(guò)點(diǎn)擊查看全 文進(jìn)入全文顯示頁(yè)面p)文章分頁(yè)一頁(yè)顯示5篇文* 早發(fā)表留言點(diǎn)進(jìn)進(jìn)入留言頁(yè)面加好友本功能暫未實(shí)現(xiàn)與又早只有管理員才能發(fā)表文早閱讀數(shù)評(píng)論數(shù)發(fā)表評(píng)論只有注冊(cè)為會(huì)員才能發(fā)表評(píng)論留言留言顯示(head_disussForm.js留言發(fā)表p)用戶管理可查看、刪除用后戶臺(tái)文章管理可修改、刪除文管早理留言管理可查看、刪除留言相片管理存儲(chǔ)相片，圖片視頻管理上傳視頻音樂(lè)管理上傳音樂(lè)圖4.4前臺(tái)系統(tǒng)結(jié)構(gòu)圖4.8后臺(tái)系統(tǒng)結(jié)構(gòu)圖圖4.5系統(tǒng)后臺(tái)流程圖4.9系統(tǒng)模塊介紹博客注冊(cè)登錄管理本模塊

36、實(shí)現(xiàn)新用戶注冊(cè)，登錄功能。其中，注冊(cè)新用戶時(shí)會(huì)對(duì)用戶輸入的注冊(cè)信 息進(jìn)行有效的驗(yàn)證，包括基本數(shù)據(jù)格式的有效性，以及邏輯有效性，例如：用戶名被 占用時(shí)給出提示。注冊(cè)成功登錄時(shí)會(huì)對(duì)博客輸入的信息進(jìn)行提示，如用戶名、密碼錯(cuò) 誤。博客文章查詢顯示管理本模塊用于幫助網(wǎng)絡(luò)用戶快速定位到自己關(guān)注的博客頁(yè)面及對(duì)應(yīng)的文章信息中。在本模塊中提供了最新文章推薦，還提供了按內(nèi)容或標(biāo)題等關(guān)鍵字快速查詢所需文章 信息發(fā)表文章管理該模塊實(shí)現(xiàn)了博主發(fā)表新文章的功能。此外博主還可以對(duì)所發(fā)表的內(nèi)容進(jìn)行更新 和刪除。發(fā)表及顯示評(píng)論管理該模塊實(shí)現(xiàn)了與文章相關(guān)的評(píng)論管理。只有注冊(cè)成本站用戶才能對(duì)文章進(jìn)行發(fā)表 評(píng)論。留言顯示及查詢管理注

37、冊(cè)成本站的用戶可以對(duì)博主所發(fā)表的文章進(jìn)行評(píng)論。視頻管理該模塊實(shí)現(xiàn)了博主上傳視頻的功能，博主可以對(duì)視頻進(jìn)行更新、刪除操作。音樂(lè)管理該模塊實(shí)現(xiàn)了博主上傳音樂(lè)的功能，博主可以對(duì)音樂(lè)進(jìn)行更新、刪除操作。相片管理該模塊實(shí)現(xiàn)了博主上傳相片的功能，博主可以對(duì)相片進(jìn)行更新、刪除操作。4.10數(shù)據(jù)庫(kù)設(shè)計(jì)一個(gè)設(shè)計(jì)良好的數(shù)據(jù)庫(kù)，可以使系統(tǒng)的實(shí)現(xiàn)變得非常的簡(jiǎn)單。同時(shí)，也可以使系 統(tǒng)的執(zhí)行速度變得很快。反之，一個(gè)設(shè)計(jì)混亂的數(shù)據(jù)庫(kù)，不僅增加了吸引的管理實(shí)現(xiàn) 過(guò)程，同時(shí)在系統(tǒng)的執(zhí)行過(guò)程中，使得檢索變得很慢，降低效率。所以數(shù)據(jù)庫(kù)的設(shè)計(jì) 是一個(gè)系統(tǒng)設(shè)計(jì)很重要的步驟。根據(jù)系統(tǒng)功能設(shè)計(jì)要求和模塊劃分，本站的數(shù)據(jù)庫(kù)主要有用戶信息、文

38、章信息、 管理員信息、照片信息、評(píng)論信息、視頻信息、音樂(lè)信息。數(shù)據(jù)庫(kù)的設(shè)計(jì)通常是以一個(gè)已經(jīng)存在的數(shù)據(jù)庫(kù)管理系統(tǒng)為基礎(chǔ)的，常用的數(shù)據(jù)庫(kù)管理系統(tǒng)有Access SQL Server、Oracle My SQL等。根據(jù)用戶需求和系統(tǒng)分析，本 系統(tǒng)采用SQL Server2000數(shù)據(jù)庫(kù)管理系統(tǒng)。第5章詳細(xì)設(shè)計(jì)詳細(xì)設(shè)計(jì)是整個(gè)系統(tǒng)設(shè)計(jì)中，最重要的一個(gè)步驟。下面對(duì)系統(tǒng)得主要模塊進(jìn)行詳細(xì)的 介紹。5.1前臺(tái)主要頁(yè)面設(shè)計(jì)頂框架頁(yè)面頂框架頁(yè)面是頁(yè)面頭部部分，是這個(gè)網(wǎng)站的公共部分，顯示博主信息及歡迎標(biāo)語(yǔ)。 當(dāng)?shù)卿浀挠脩魹楣芾韱T時(shí)，在頂部右邊有管理員登錄后臺(tái)的鏈接，可以進(jìn)入后臺(tái)操作。 當(dāng)為普通用戶時(shí)無(wú)此鏈接。用于顯示

39、博主信息的主要代碼：for(int host=0;host 博主信息、 重新登錄 進(jìn)入后臺(tái) 】頂框架頁(yè)面設(shè)計(jì)效果如圖5.1所示:圖5.1前臺(tái)頂部框架頁(yè)面左模塊框架左模塊框架主要負(fù)責(zé)顯示相片，音樂(lè)、視頻、文章等，是隨著請(qǐng)求響應(yīng)的需求而改 變。右模塊框架右模塊同頂模塊一樣是整個(gè)網(wǎng)站的公共部分，包含整個(gè)網(wǎng)站前臺(tái)的公共鏈接，網(wǎng)絡(luò) 日歷，以及公告列表。公共鏈接公共鏈接部分包含了網(wǎng)站的主要部分的鏈接，方便用于瀏覽各個(gè)部分。包含有首頁(yè)、 文章、視頻、公告以及音樂(lè)的鏈接。設(shè)計(jì)效果如圖5.2所示：.萱頁(yè)HOME視頻峻VIE文章ARTICLE告DISCUSS相冊(cè). PHOTO；音樂(lè)MUSIC圖5.2右模塊中的公共

40、鏈接網(wǎng)絡(luò)日歷網(wǎng)絡(luò)日歷用來(lái)顯示當(dāng)前系統(tǒng)的確定時(shí)間，模塊上面顯示年、月，下面顯示具體的日 期和星期，而且將當(dāng)期的日期顯示為紅色。此外還可以設(shè)置時(shí)間，可以自己調(diào)整年月以 及日期，方便用戶查看時(shí)間。主要代碼如下：GregorianCalendar currentDay = new GregorianCalendar();int today=currentDay.get(Calendar.DAY_OF_MONTH);int month=currentDay.get(Calendar.MONTH);int year= currentDay.get(Calendar.YEAR);Calendar thisM

41、onth=Calendar.getInstance();thisMonth.set(Calendar.MONTH, month )int firstIndex=thisMonth.get(Calendar.DAY_OF_WEEK)-1;int maxIndex=thisMonth.getActualMaximum(Calendar.DAY_OF_MONTH);for(int i=0;i首先創(chuàng)建GregorianCalendar實(shí)例獲取當(dāng)期時(shí)間的年月日，然后根據(jù)年月日來(lái)獲取星 期。然后將獲取的日期信息賦值給控件：月 日 % for(int j=0;j% for(int i=j*7;i 將獲取到的

42、具體的某一天用紅色顯示。設(shè)計(jì)效果如圖5.3所示：year年(month月 日IE (days i) daysi圖5.3網(wǎng)絡(luò)日歷設(shè)計(jì)圖公告部分是顯示后臺(tái)管理員所發(fā)布的信息，上面顯示的是管理員最新發(fā)布的幾條信息，上面提供了連接可以看到更多的或更早所發(fā)布的信息。設(shè)計(jì)圖如圖5.4所示：堂最新公告o titl 己更多圖5.4公告設(shè)計(jì)圖底框架頁(yè)面底框架也是系統(tǒng)的公共部分，只是用來(lái)顯示一張圖片，如圖5.5所示:Copyright 2010 殘建周 All Rights Reserped圖5.5底框架頁(yè)面系統(tǒng)前臺(tái)整體頁(yè)面以上介紹的是前臺(tái)頁(yè)面的各個(gè)具體部分，現(xiàn)在用一個(gè)整體的框架把各個(gè)部分包含進(jìn)來(lái)。使用jsp:i

43、nclude page=*.jsp flush=true /語(yǔ)句把各個(gè)所要的部分組合到一塊。登錄系統(tǒng)后顯示的整體框架圖如圖5.6所示:性別音樂(lè)MirsicARTICLE懿FHOIO即1 ci年5月藪迎您光臨我的悝彳JSF技術(shù)Java Seryer Page簡(jiǎn)稱JSF，正是運(yùn)行在服務(wù)器蔬的腳本語(yǔ)言之一-與 其他的服務(wù)器端腳本語(yǔ)言一樣，是用來(lái):芹發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的一種技術(shù) JSF 頁(yè)面是由佐統(tǒng)的/ML代瑪和嵌兌其中的Jawa代碼.閱讀卻ID年5月尊日星期四|閱讀(11 ) |回復(fù)(1)史玉柱再沈創(chuàng)業(yè)從中國(guó)“苜負(fù)，到中國(guó)“首副，司玉柱確實(shí)是中置商界的傳奇人物. 從珠海巨人大裳的“轟然倒塌加到“今天過(guò)節(jié)不收

44、禮收禮.日收老白金 再到巨人集團(tuán)在美國(guó)紐約的上市，司玉柱短短的20余年間纏巧了赤生的 大起大落”現(xiàn).閱讀至文%卜即如年5月招日星期四|閱讀(10) |回復(fù)愆)什么事無(wú)知我在觸研究的時(shí)候，發(fā)現(xiàn)一些很奇怪的現(xiàn)象，就是很害案例的決策人在 楸決中的時(shí)候，錯(cuò)誤7攻卜律存i車7F常&都贈(zèng)以薛解，而決策A卻是受訐姓名：張連周興趣：讀書(shū)，音樂(lè)QQ : 49318739.ETilmil : zlz063y：=LtLLio. cuni. cn主頁(yè) ：ht tp : / zh：=LTLgl 1 ：=LTLzhuU. CLifTl個(gè)人日志HOME博主信息重新登錄】進(jìn)人后臺(tái)】網(wǎng)結(jié)日歷文早圖5.6系統(tǒng)前臺(tái)整體頁(yè)面5.2后

45、臺(tái)主要頁(yè)面設(shè)計(jì)頂框架頁(yè)面后臺(tái)頂框架頁(yè)包含了我的首頁(yè)、管理博客、安全退出鏈接，以及顯示系統(tǒng)的實(shí)時(shí)時(shí) 間。其中“我的首頁(yè)”鏈接到博客前臺(tái)首頁(yè)，“管理博客”鏈接到博客后臺(tái)的管理控制 面板，“安全退出”鏈接到博客登錄頁(yè)面。實(shí)時(shí)時(shí)間用來(lái)顯示當(dāng)前系統(tǒng)的時(shí)間，而且時(shí) 間會(huì)自動(dòng)更新顯示當(dāng)前的時(shí)間，具體時(shí)間包括年、月、日、星期以及時(shí)、分、秒。如圖 5.7所示：我的首頁(yè)管理博客安全退出年。6月。3日 星期四14:34:19圖5.7后臺(tái)頂框架頁(yè)面其中用于控制時(shí)間顯示的是JavaScript代碼，其主要代碼如下:function clockon(bgclock)(var now=new Date();var year

46、=now.getYear();if(month10) month=0+month;if(date10) date=0+date;if(hour10) hour=0+hour;if(minu10) minu=0+minu;if(sec10) sec=0+sec;var arr_week=new Array(星期日,星期一，星期二,星期三,星期四,星期五 ,星期六)；week=arr_weekday;var time=;time=year+年+month+月+date+日 +week+ +hour+:+minu+:+sec;if(document.all)(bgclock.innerHTML=+t

47、ime+var timer=setTimeout(clockon(bgclock),200);底框架頁(yè)面后臺(tái)底框架同樣是一副圖片，如圖5.8所示：Copyright。2010 張連周 All Rights Reserved圖5.8底框架頁(yè)面左框架頁(yè)面左框架頁(yè)面主要為博客后臺(tái)頁(yè)面提供導(dǎo)航鏈接。包括文章的發(fā)表與設(shè)置、相片的發(fā) 表與設(shè)置、視頻的上傳與設(shè)置、音樂(lè)的上傳與設(shè)置以及博主的設(shè)置和博主對(duì)用戶的設(shè)置 頁(yè)面。如圖5.9所示：V：博客文章管理o發(fā)表博客文章0博客文章設(shè)詈Q公告管理io公告逐加0公告設(shè)置/視頻管理0視頻添加0規(guī)；嫩置個(gè)人相冊(cè)設(shè)置0相冊(cè)添加0 相冊(cè)沒(méi)O音樂(lè)添加0言樂(lè)設(shè)詈m用戶設(shè)置海博主設(shè)

48、詈圖5.9后臺(tái)左框架模塊后臺(tái)總體框架本模塊是系統(tǒng)后臺(tái)管理模塊，是后臺(tái)整體框架，管理員通過(guò)登錄進(jìn)入管理頁(yè)面，可 對(duì)前臺(tái)信息進(jìn)行修改、刪除等操作。具體功能如下發(fā)表博客文章及對(duì)文章類型等進(jìn)行設(shè)置。設(shè)置公告的內(nèi)容及形式。設(shè)置音樂(lè)的內(nèi)容及形式。設(shè)置個(gè)人相片的內(nèi)容及形式。相片的上傳及設(shè)置。視頻的上傳與設(shè)置。最新公告的主要內(nèi)容。用戶信息，權(quán)限等設(shè)置。博主的個(gè)人信息的設(shè)置。后臺(tái)總體框架如圖5.10所示:圖5.10后臺(tái)總體框架圖5.3視頻模塊實(shí)現(xiàn)本設(shè)計(jì)是用JSP、Servlet、javaBean相結(jié)合的方式開(kāi)發(fā)，采用MVC三層結(jié)構(gòu)，達(dá) 到了視圖、模型及控制的分離，有利于代碼復(fù)用以及后期維護(hù)。其中JSP負(fù)責(zé)視圖顯

49、示， javaBean負(fù)責(zé)數(shù)據(jù)模型和業(yè)務(wù)邏輯，Servlet負(fù)責(zé)對(duì)JSP頁(yè)面發(fā)來(lái)的請(qǐng)求進(jìn)行處理，然后 轉(zhuǎn)發(fā)相應(yīng)頁(yè)面。視頻模塊主要功能包括后臺(tái)管理員添加、刪除以及前臺(tái)用戶進(jìn)行瀏覽。添加視頻要完成以下操作管理員進(jìn)入系統(tǒng)后臺(tái)添加視頻頁(yè)面；上傳上自己要添加的視頻；系統(tǒng)對(duì)添加視頻存數(shù)據(jù)庫(kù)，并提示添加成功。刪除視頻要完成以下操作管理員進(jìn)入系統(tǒng)后臺(tái)視頻設(shè)置界面；點(diǎn)擊要?jiǎng)h除的視頻后的刪除；系統(tǒng)在列表和數(shù)據(jù)庫(kù)中刪除視頻，并提示刪除成功。視頻的數(shù)據(jù)模型數(shù)據(jù)模型(javaBean)是靜態(tài)的數(shù)據(jù)模塊，每個(gè)字段的對(duì)外訪問(wèn)權(quán)限為private，因此 不能被外界直接訪問(wèn)，只能通過(guò)setter和getter方法對(duì)字段進(jìn)行操作

50、。視頻的控制模塊Servlet是程序的核心控制模塊，它負(fù)責(zé)對(duì)接收的頁(yè)面請(qǐng)求進(jìn)行處理或者轉(zhuǎn)發(fā)頁(yè)面請(qǐng) 求。注冊(cè)控制模塊的主要包括視頻的上傳和刪除上傳視頻的主要代碼如下：movieForm.setMovieDescription(movieDescription);filedir = filedir + maxID + .+ singlefile.getFileExt();movieForm.setMovieAddress(filedir);if (movieDao.operationMovie(添加, movieForm) (singlefile.saveAs(filedir, File.SAVE

51、AS_VIRTUAL);result =上傳視頻成功!；刪除的主要代碼如下：if (movieDao.operationMovie(刪除，photoForm) (file.delete();out.print(alert(刪除視頻成功，請(qǐng)重新查詢！ );window.location.href=back_movieSelect.jsp;); else (out.print(alert( 刪 除 失 敗 ！ );history.go(-1););當(dāng)刪除成功時(shí)轉(zhuǎn)入back_movieSelect.jsp頁(yè)面，當(dāng)失敗時(shí)返回前一個(gè)(hitory.go(-1)頁(yè)面。5.3.3 視頻的數(shù)據(jù)庫(kù)操作模塊視頻的

52、數(shù)據(jù)庫(kù)操作，主要包括對(duì)數(shù)據(jù)庫(kù)的增、刪、改、查功能。對(duì)數(shù)據(jù)庫(kù)的添加和刪除的主要代碼如下：if (operation.equals(刪除)sql = delete from tb_movie where id= + movieForm.getId() + ;if (operation.equals(添加)sql = insert into tb_movie values (+ movieForm.getMovieAddress() + ,+ movieForm.getMovieDescription() + ,+ movieForm.getMovieTime() + );if (connectio

53、n.executeUpdate(sql)flag = true;注冊(cè)視頻servletServlet只有經(jīng)過(guò)注冊(cè)才能使用。在web.xml中完成的最常見(jiàn)的一個(gè)任務(wù)是對(duì)Servlet或 JSP頁(yè)面給出名稱和定制的URLO 用 Servlet元素分配名稱，使用Servlet-mapping元素 將定制的URL與分配的名稱關(guān)聯(lián)起來(lái)，這樣應(yīng)用程序才能訪問(wèn)的到。MovieServlet注冊(cè)名，與下W元素的名字必須一致，而且在整個(gè)web.xml中是唯一com.servlet.MovieServlet注冊(cè)類的完整類名MovieServlet/MovieServlet/注冊(cè)頁(yè)面的映射路徑，“/”代表根目錄當(dāng)要

54、訪問(wèn)Servlet時(shí)，容器會(huì)根據(jù)請(qǐng)求路徑中的路徑在web.xml中對(duì)元素就 行匹配，要是能匹配上就訪問(wèn)相應(yīng)的Servleto后臺(tái)視頻添加頁(yè)面后臺(tái)視頻添加時(shí)，主要包括視頻地址，視頻描述，以及上傳的時(shí)間。在上傳時(shí)系統(tǒng)會(huì)在 后臺(tái)自動(dòng)的將所上傳的視頻復(fù)制到指定的文件夾下，同時(shí)將視頻的地址、描述、上傳時(shí) 間寫(xiě)入數(shù)據(jù)庫(kù)。上傳界面如圖5.11所示：視頻上傳上傳地址：瀏覽.視頻描述：上傳時(shí)間:網(wǎng)口8年1月理日星期二注意：祖蒙的梧式只能為：Havi保存重置圖5.11視頻上傳后臺(tái)視頻設(shè)置頁(yè)面視頻設(shè)置頁(yè)面是對(duì)數(shù)據(jù)庫(kù)中的視頻進(jìn)行刪除操作，當(dāng)進(jìn)入設(shè)置頁(yè)面時(shí)，系統(tǒng)從數(shù)據(jù)庫(kù)中查找所有的視頻進(jìn)行分頁(yè)出來(lái)，每頁(yè)顯示一個(gè)視頻。設(shè)

55、置界面如圖5.12所示：O hah角 刪除.下載X前臺(tái)視頻瀏覽頁(yè)面當(dāng)前頁(yè)數(shù)：必下一頁(yè)最后一頁(yè)前臺(tái)視頻瀏覽是供管理者和用戶進(jìn)行瀏覽，當(dāng)有多個(gè)視頻時(shí)，系統(tǒng)會(huì)進(jìn)行分頁(yè)顯示，還可以點(diǎn)擊具體的頁(yè)碼顯示具體的視頻。如圖5.13所示：博主信息匚重If登錄N匚進(jìn)A!后臺(tái)】姓名：張連周性別封趣：讀書(shū)，音樂(lè)QQ : 49.3187439E-Mail : zlzUFi3y：ELtLuij. curri. cn主頁(yè)：http：/ zh：dTLgl 1 :ELTizhijU. C 口 E上佳日期：-即1CI年6月2日星期三HOIEARTICLEPHOTOVSIC5.1Lf5.4公告模塊實(shí)現(xiàn)當(dāng)前頁(yè)數(shù)：1/4 下一頁(yè) 最后

56、一頁(yè)也最新企告公告的數(shù)據(jù)模型以及公告的數(shù)據(jù)庫(kù)操作和視頻的都一樣，因此不再做詳細(xì)介紹。公告后臺(tái)的操作包括公告的添加和刪除以及更新操作，前臺(tái)用戶只能瀏覽。公告在前臺(tái) 顯示時(shí)以列表的形式顯示，用戶點(diǎn)擊鏈接時(shí)可以進(jìn)行詳細(xì)查詢。當(dāng)公告的內(nèi)容較多時(shí)系 統(tǒng)會(huì)自動(dòng)進(jìn)行分頁(yè)顯示。發(fā)表公告要完成以下操作用戶進(jìn)入系統(tǒng)后臺(tái)發(fā)表公告發(fā)表頁(yè)面；用戶只需要輸入“公告題目、公告內(nèi)容”等內(nèi)容；系統(tǒng)把內(nèi)容存入數(shù)據(jù)庫(kù)，并提示“添加公告成功。修改公告要完成以下操作用戶進(jìn)入系統(tǒng)后臺(tái)發(fā)表公告設(shè)置頁(yè)面；用戶找到要修改的公告，進(jìn)入要修改頁(yè)面，修改后并提交；系統(tǒng)把修改后的內(nèi)容存入數(shù)據(jù)庫(kù)，并提示“修改公告成功”。刪除公告要完成以下操作用戶進(jìn)入系

57、統(tǒng)后臺(tái)發(fā)表公告設(shè)置頁(yè)面；用戶找到要?jiǎng)h除的公告，點(diǎn)擊要?jiǎng)h除的公告后的刪除；系統(tǒng)在網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)中刪除公告。公告前臺(tái)頁(yè)面如圖5.14查詢所有公告信息題目發(fā)布時(shí)間操作感謝你，孔子雹1口年S月13日星期四詳細(xì)查詢春天的故事雹1口年S月13日星期四詳細(xì)查詢悲傷的坐在你農(nóng)1年5月13日星期四詳細(xì)查詢雹1呻2口1 口年5月13日星期四詳細(xì)查詢陌生人的來(lái)信雹1口年S月13日星期四詳細(xì)查詢散文一篇農(nóng)1年5月13日星期四詳細(xì)查詢諸惡與眾善2口1 口年5月13日星期四詳細(xì)查詢當(dāng)前頁(yè)數(shù)：1/1圖5.14前臺(tái)公告查詢頁(yè)面5.5評(píng)論模塊實(shí)現(xiàn)評(píng)論模塊是用戶對(duì)博主所發(fā)表的內(nèi)容進(jìn)行評(píng)論，博主登錄后臺(tái)后就可以看到評(píng)論，還可 以對(duì)評(píng)

58、論的內(nèi)容進(jìn)行刪除。當(dāng)用戶進(jìn)入博主的文章頁(yè)面時(shí)，系統(tǒng)會(huì)顯示出當(dāng)前對(duì)博主的 文章進(jìn)行評(píng)論的人次以及別人對(duì)博主文章的評(píng)論，當(dāng)用戶提交評(píng)論時(shí)，系統(tǒng)會(huì)根據(jù)當(dāng)前 用戶的session將當(dāng)前用戶的名字一塊提交到數(shù)據(jù)庫(kù)。前臺(tái)評(píng)論的主要代碼如下：0)(for(int i=0;i題目： 內(nèi)容： 回復(fù)人：out.print(pagination.printCtrl(Page,id);%如果評(píng)論的條數(shù)較多，利用pagination.printCtrl(Page,id)方法進(jìn)行分頁(yè)。前臺(tái)評(píng)論頁(yè)面如圖5.15所示：圖5.15前臺(tái)評(píng)論回復(fù)主題:回復(fù)人：后臺(tái)評(píng)論呈斑博博主可以對(duì)評(píng)論進(jìn)行刪除操作，這里不再一一敘述。*臺(tái)實(shí)現(xiàn)與前

59、臺(tái)基本相同，于前臺(tái)相比后臺(tái)的題目：你好內(nèi)容：你好回復(fù)人:張連周題目：不錯(cuò)內(nèi)容：口門_口哈哈*回復(fù)人：張連周當(dāng)前頁(yè)數(shù)：1/U5.6輔助模塊實(shí)現(xiàn)輔助模塊是為了輔助其它模塊的使用，主要包括字符集編碼模塊、分頁(yè)模塊以及包括時(shí) 間模塊。分頁(yè)模塊實(shí)際考慮系統(tǒng)中的音樂(lè)、視頻、公告、評(píng)論以及相片上傳的會(huì)比較多，一個(gè)頁(yè)面也許不 能顯示所有的條目，因此需要提供分頁(yè)顯示的功能?？紤]到用到分頁(yè)功能的模塊比較多， 因此將分頁(yè)模塊單獨(dú)從各個(gè)具體的模塊分離出來(lái)開(kāi)發(fā)，對(duì)外提供公共訪問(wèn)接口。分頁(yè)模 塊提供以下功能：初始化分頁(yè)：根據(jù)需要指定每頁(yè)需要顯示的記錄數(shù)獲取指定頁(yè)數(shù)據(jù)：根據(jù)需要選取某一確定頁(yè)數(shù)據(jù)。初始化分頁(yè)主要代碼如下：t

60、his.list=list;recordCount=list.size();this.pagesize=pagesize;this.maxPage=getMaxPage();try(for(int i=(1)*pagesize;i=recordCount)break;catch(Exception e)newList.add(Object)list.get(i);List是對(duì)象數(shù)組，存放的是一個(gè)數(shù)據(jù)對(duì)象，pagesize指定每頁(yè)需要顯示記錄數(shù)目。獲取 指定頁(yè)代碼如下：for(int i=(1)*pagesize;i=recordCount)break;catch(Exception e)new