本科畢業(yè)設(shè)計(論文)題目名稱： 個人博客網(wǎng)站的設(shè)計與實現(xiàn) 學(xué) 院： 計算機科學(xué)技術(shù)學(xué)院 專業(yè)年級： XXXX XX 級

本科畢業(yè)設(shè)計(論文)

題目名稱： 個人博客網(wǎng)站的設(shè)計與實現(xiàn) 學(xué) 院： 計算機科學(xué)技術(shù)學(xué)院 專業(yè)年級： XXXX XX 級 學(xué)生姓名： XXX 班級學(xué)號： X 班XX 號 指導(dǎo)教師： XXX

二○一四 年 六 月 八 日

摘 要

本文介紹了個人博客網(wǎng)站開發(fā)背景、意義和目前發(fā)展的情況，詳細的闡述了個人博客網(wǎng)站的主要設(shè)計思想和實現(xiàn)方案。該系統(tǒng)主要采用B/S模式，前臺采用Java ，后臺采用SQL Server 2005數(shù)據(jù)庫，服務(wù)器采用MyEclipse Tomcat，整個博客系統(tǒng)的框架設(shè)計遵循MVC 模式，將表示層、業(yè)務(wù)邏輯層、控制層進行合理分離。本系統(tǒng)的重點實現(xiàn)了會員注冊登錄模塊，留言模塊等，同時實現(xiàn)管理員登錄，博主心情日記，音樂收藏，相冊，新聞通知等管理，以及對系統(tǒng)進行動態(tài)管理等功能。

本系統(tǒng)的主要特點是界面操作友好、美觀大方，為博客網(wǎng)站博主和注冊會員形成良好交互，提供一個溝通平臺。此設(shè)計具有用戶使用方便、功能人性化等優(yōu)點。博客是私人性和公共性的有效結(jié)合，它絕不僅僅是純粹個人思想的表達和日?，嵤碌挠涗?，它所提供的內(nèi)容可以用來進行交流和為他人提供幫助，具有極高的共享精神和價值，為人們提供了周到和人性化的服務(wù)。

關(guān)鍵詞：博客系統(tǒng)；SQL Server；MyEclipse Tomcat；交互

I

Abstract

This paper introduces the blog website development background, the significance and the present development situation, elaborated the main design ideas and implementation scheme of personal blog website. The system uses B/S mode, frontend using Java, the backend using SQL Server 2005 database, server using MyEclipse Tomcat, framework design of the blog system follow the MVC model, the representation is reasonable separation layer, business logic layer, control layer. The focus of this system realizes the login module, the message module, at the same time the administrator login, blogger, diary, photo albums, music collection, news alerts management and dynamic management function of the system.

The main feature of this system is friendly interface operation, beautiful appearance, for the blogger and registered members to form a good interaction, to provide a communication platform. It has the advantages of convenient use and user function of humanized design. The blog is private and public effective combination, it has a pure expression of personal thoughts and daily hassles records, which provides the content can be used to communicate and to help others, with the spirit of sharing and of high value, it provides thoughtful and humanized service for the people.

Key Words： Blog ; SQL Server ; MyEclipse Tomcat ; Interaction

II

目 錄

摘 要 ..................................................................................................I Abstract ................................................................................................. II

第1章 概述 .......................................................................................... 1

1.1選題背景 ........................................................................................ 1

1.2選題來源 ........................................................................................ 1

1.3選題意義 ........................................................................................ 1

1.4國內(nèi)外發(fā)展動態(tài) ............................................................................. 2

1.5初步設(shè)想 ........................................................................................ 2

1.6設(shè)計的指導(dǎo)思想 ............................................................................. 3

第2章 方案論證 . .................................................................................. 4

2.1 技術(shù)可行性 . ................................................................................... 4

2.2 經(jīng)濟可行性 . ................................................................................... 4

2.3 操作可行性 . ................................................................................... 4

2.4 法律可行性 . ................................................................................... 4

2.5 方案選擇 ....................................................................................... 4

2.5.1 所涉及的主要技術(shù)與框架 ...................................................... 5

2.5.2 所使用的主要開發(fā)工具 . ......................................................... 6

第3章 需求分析 ................................................................................. 7

3.1 問題分析 ..................................................................................... 7

3.2 設(shè)計原則 ..................................................................................... 7

3.3 需求描述 ..................................................................................... 8

3.3.1 前臺會員權(quán)限 ........................................................................ 8

3.3.2 后臺管理模塊 ........................................................................ 8

3.3.3 其他需求 ............................................................................... 8

3.4 數(shù)據(jù)流圖 ..................................................................................... 8

3.5 系統(tǒng)數(shù)據(jù)字典 ............................................................................ 10

3.5.1 個人博客的數(shù)據(jù)字典 ........................................................... 10

3.5.2 個人博客的數(shù)據(jù)項 . ...............................................................11

3.6 系統(tǒng)E-R 圖 . ............................................................................. 12

第4章 過程論述 ............................................................................... 14

4.1 概要設(shè)計 ................................................................................... 14

4.1.1 概要模塊設(shè)計 ...................................................................... 14

4.1.2 系統(tǒng)流程圖 ......................................................................... 15

4.2 數(shù)據(jù)庫設(shè)計 . ............................................................................... 16

4.2.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 ........................................................... 16

4.2.2 系統(tǒng)數(shù)據(jù)表 ......................................................................... 16

4.3 系統(tǒng)后臺詳細設(shè)計和實現(xiàn) .......................................................... 20

4.3.1 管理員登錄模塊 .................................................................. 20

4.3.2 賬號管理模塊 ...................................................................... 21

4.3.3 會員信息管理模塊 . .............................................................. 21

4.3.4 心情日記管理模塊 . .............................................................. 21

4.3.5 相冊管理模塊 ...................................................................... 22

4.3.6 留言管理模塊 ...................................................................... 22

4.3.7 音樂管理模塊 ...................................................................... 23

4.3.8 系統(tǒng)管理模塊 ...................................................................... 23

4.4 系統(tǒng)前臺詳細設(shè)計和實現(xiàn) .......................................................... 25

4.4.1 博客系統(tǒng)主界面 .................................................................. 25

4.4.2 會員注冊 ............................................................................. 25

4.4.3 會員登錄 ............................................................................. 25

4.4.4 站內(nèi)新聞 ............................................................................. 27

4.4.5 給博主留言 ......................................................................... 27

4.4.6 心情日記 ............................................................................. 28

4.4.7 相冊瀏覽 ............................................................................. 28

4.4.8 音樂收藏 ............................................................................. 29

第5章 結(jié)果分析 . ................................................................................ 30

5.1 測試概述 ................................................................................... 30

5.1.1 測試目的 ............................................................................. 30

5.1.2 測試人員 ............................................................................. 30

5.2 系統(tǒng)測試內(nèi)容 ............................................................................ 30

5.3 設(shè)計測試用例 ............................................................................ 31

5.3.1 輸入有效性測試 .................................................................. 31

5.3.2 功能健壯性測試 .................................................................. 31

5.4 測試計劃 ................................................................................... 32

5.4.1 測試類型 ............................................................................. 32

5.4.2 測試測試環(huán)境與配置 ........................................................... 33

5.4.3 測試項目 ............................................................................. 33

5.5 測試結(jié)果分析 ............................................................................ 35

5.5.1 測試項目執(zhí)行情況分析 . ....................................................... 35

5.5.2 測試總結(jié) ............................................................................. 35

結(jié) 論 ............................................................................................... 36

致 謝 ............................................................................................... 37

參考文獻 ............................................................................................... 38

附 錄 ............................................................................................... 39

第1章 概述

1.1選題背景

博客是WEB LOG的縮寫，簡單來說就是網(wǎng)絡(luò)日記。它是1997年12月由美國的Jorn Barger最早提出的，這些年全球博客獲得了突飛猛進的發(fā)展。據(jù)博客搜索Technorati 統(tǒng)計，目前全球平均每5.8秒鐘誕生一個博客。它是一個新型的個人互聯(lián)網(wǎng)出版工具，博客使用者可以很方便地用文字、鏈接、影音、圖片建立起個性化的網(wǎng)絡(luò)世界。

博客秉承了個人網(wǎng)站的自由精神，但是綜合了激發(fā)創(chuàng)造的新模式，使其更具開放和建設(shè)性。它作為一種新表達的方式，它的傳播不僅情緒，包括大量的智慧、意見和思想。某種意義上說，它也是一種新的文化現(xiàn)象，博客的出現(xiàn)和繁榮，真正凸現(xiàn)網(wǎng)絡(luò)的知識價值，標(biāo)志著互聯(lián)網(wǎng)發(fā)展開始步入更高的階段。博客結(jié)合了文字、圖像、其他博客或網(wǎng)站的鏈接及其他主體相關(guān)的媒體，能讓讀者以互動的方式留言等。大部分播客以文字為主，但仍有一部分以藝術(shù)、攝影、視頻、音樂等主題展開。當(dāng)今博客已成為社會媒體主流一部分，最著名有新浪、網(wǎng)易等。

1.2選題來源

博客的精神是：個性張揚、開放寬容、自由表達、專業(yè)精神。

人們在無個人的博客之前，大家會總是進出貼吧論壇發(fā)帖子或者用即時通訊軟件聯(lián)絡(luò)，聊天，來表達自己的觀點，可是這些都不系統(tǒng)規(guī)整，繁雜散亂。當(dāng)博客出現(xiàn)，讓人們可以堅持每天把自己不經(jīng)意間產(chǎn)生的思路想法還有一些感受整理一下，記錄在自己的博客上。也許在寫文章之時又會有新的心得體會，雖然某些思考某些想法可能沒有太深的深度內(nèi)涵，只是淺淺一筆，但是當(dāng)手指敲擊鍵盤寫下去，都會對事物有更多的思考空間和時間。再寫博客就會有動力，一種想法得以釋放，會有滿足感。生活中每日一個小時間都會引發(fā)大家的思考，尤其是和朋友中聊天中交流點的碰撞。監(jiān)督自己的堅持，把即時靈感變成語言，在生命軌跡畫下美麗的一筆，不讓自己的生活平淡無痕，渾渾噩噩，激發(fā)自己的斗志，記錄生命的點滴，和朋友交流的每分每秒。所以選擇個人博客網(wǎng)站的設(shè)計。

1.3選題意義

在網(wǎng)絡(luò)技術(shù)逐漸滲入社會生活各個層面的今天，傳統(tǒng)的交流方式也面臨著變革，而網(wǎng)絡(luò)博客則是一個很重要的方向，博客也是社會媒體網(wǎng)絡(luò)的一部分。針對目前博客網(wǎng)站中存在的一系列問題，開發(fā)個人博客系統(tǒng)。并且可以對大學(xué)四年的知識予以綜合運用，強化自己的編程能力，對web 網(wǎng)站流程理解能力，使自已的綜合素質(zhì)有更深層次的提高。

通過寫博客，記錄博主的事件可以做到以下幾點：

1

a. 想法整理，知識鞏固，汲取更好的想法。

b. 記錄日常，生命中的每一日都記錄下點滴。

c. 與朋友互動交流，互相提高，激勵著彼此。

若個人博客是一面明鏡，呈現(xiàn)出最真實的自己。若博客是一種媒介，他可以與朋友共享自己的想法和各種信息。若博客是一個大舞臺，那上面每天都在演繹著每個人的真實的角色。

1.4國內(nèi)外發(fā)展動態(tài)

現(xiàn)今，博客網(wǎng)站已經(jīng)由06年的風(fēng)風(fēng)火火變的平淡，通過各種方式融入了我們的生活，成為了我們表現(xiàn)自己的主要方式。它們大部分是由簡短而且經(jīng)常更新的帖子構(gòu)成，所有文章都是按照年份和日期排列，有些類似斑竹的日記?？瓷先テ降瓱o奇，毫無可炫耀之處，但它可以讓每個人零成本、零維護地創(chuàng)建自己的網(wǎng)絡(luò)媒體，每個都可以隨時把自己的思想火花和靈感更新到博客站點上。

現(xiàn)在的博客網(wǎng)站的主要特點：

零機制：博客屬于個人所有，是自發(fā)建立和非正式的建設(shè)。BSP 不能對博客發(fā)號施令。

零技術(shù)：博客不需要作網(wǎng)站的專業(yè)知識，可以像發(fā)郵件一樣簡單地實現(xiàn)博客網(wǎng)頁的呈現(xiàn)。技術(shù)的極度簡化，包括架構(gòu)和申請博客網(wǎng)站、編輯、上傳和修改內(nèi)容等。

零成本：任何一個人都可以像申請免費郵件般免費申請自己的博客網(wǎng)站。不需要注冊域名的成本，不需要租用服務(wù)器空間的成本，不需要許多軟件工具的成本。

零編輯：博客用戶就是編輯，即時寫作、即時發(fā)布、自我檢查。這形成了與傳統(tǒng)寫作截然不同的“體驗”，真正實現(xiàn)了作者“零磨損”的開放式寫作。

零形式：博客頁面的表現(xiàn)形式和文章內(nèi)容的表現(xiàn)方式十分靈活，沒有特定形式。

與個人主頁相比較，博客是使用方便的、交互性強。與傳統(tǒng)的電子郵件、BBS 和ICQ 這三種互聯(lián)網(wǎng)溝通方式相比，博客是一種較嚴肅的溝通平臺。BBS 公共匿名性很強，而個人性很弱，因此缺乏約束。電子郵件和ICQ 則是多用于個人間的通訊，而博客是個人性和公共性的結(jié)合。博客是個人在網(wǎng)上展示自己、與別人溝通交流的綜合平臺，它的管理比BBS 簡單的多。博客具有個人性、及時性、開放性的特點，作為信息傳播的一種方式，它傳播著一種能量。對于國內(nèi)外現(xiàn)代社會來說，信息是一刻都不可缺少的，而且必須保證其全面性、穩(wěn)定性。從博客的發(fā)展史來看，博客在挖掘并報道新聞的深度和實效性已經(jīng)突出了非常大的潛力，越來越成為傳統(tǒng)媒體不可小區(qū)的一股強大力量。

1.5初步設(shè)想

本課題主要探討了博客系統(tǒng)的前臺管理與后臺管理。前臺管理包括：留言功

2

能，音樂點播功能，新聞瀏覽功能等；后臺管理包括：會員管理、心情日記管理、相冊管理、留言管理、音樂管理、系統(tǒng)管理等功能。

1.6設(shè)計的指導(dǎo)思想

在網(wǎng)絡(luò)技術(shù)逐漸滲入社會生活各個層面的今天，傳統(tǒng)的交流方式也面臨著變革，而網(wǎng)絡(luò)博客則是一個很重要的方向?；赪eb 技術(shù)的博客系統(tǒng)可以借助于遍布全球的Internet 進行，因此交流既可以是本地進行，也可以是異地進行，大大拓展了溝通與交流的靈活性。博客在現(xiàn)如今這個飛速發(fā)展的網(wǎng)絡(luò)時代已經(jīng)成為人們不可或缺的一部分。

3

第2章 方案論證

開發(fā)任何一個基于計算機的系統(tǒng)都會受到時間和資源的限制。因此在開發(fā)軟件項目之前，必須根據(jù)可利用的時間和資源等條件進行可行性研究?？尚行匝芯抗ぷ鞯闹饕蝿?wù)不是研究如何解決問題，而是要用最小的代價在最短的時間內(nèi)確定該項目是否具有開發(fā)的可行性?？尚行匝芯恐饕夹g(shù)可行性研究，經(jīng)濟可行性研究，操作可行性研究，法律可行性研究和開發(fā)方案的選擇。

2.1 技術(shù)可行性

本系統(tǒng)個人博客的開發(fā)基于B/S模式，主要包括前端應(yīng)用程序的開發(fā)以及后臺數(shù)據(jù)庫的建立和維護兩個方面。對于前者要求應(yīng)具備功能完備、易于使用等特點，而對于后者則要求能建立數(shù)據(jù)一致性和完整性強、數(shù)據(jù)安全性好的庫。本系統(tǒng)主要采用Struts 框架、JavaScript 、JSP 等技術(shù)來實現(xiàn)。

因此從技術(shù)方面講開發(fā)此系統(tǒng)是可行的。

2.2 經(jīng)濟可行性

個人博客網(wǎng)站做需求的軟件環(huán)境(JSP SQL)和硬件(電腦及其相關(guān)硬件) 。對于軟件可以從網(wǎng)站上下載，可以節(jié)省一部分資金。對于硬件的話，大部分學(xué)生目前都擁有筆記本，不用再添置。系統(tǒng)成本主要集中在本系統(tǒng)的開發(fā)和維護上。不過開發(fā)周期較短，人員支出不大，所以節(jié)省了人力，財力。開發(fā)成本相對減少許多。

所以，本系統(tǒng)在經(jīng)濟方面上是可行的。

2.3 操作可行性

本系統(tǒng)采用B/S模式，博主進入自己的博客后，可以進行各種允許的操作；會員可以對博主的博客進行查看等操作。整個博客系統(tǒng)的框架設(shè)計遵循MVC 模式，將表示層、業(yè)務(wù)邏輯層、控制層進行合理分離。界面統(tǒng)一規(guī)范，功能相對完整，用戶可以輕松操作。

2.4 法律可行性

本系統(tǒng)沒有違反國家相關(guān)法律規(guī)定，因此法律方面可行。

2.5 方案選擇

系統(tǒng)采用B/S模式

軟件編程環(huán)境：MyEclipse

編程語言：JAVA,JSP

數(shù)據(jù)庫：SQL Server 2005

4

WEB 服務(wù)器： MyEclipse Tomcat

數(shù)據(jù)庫連接方式：JDBC 直接連接SQL Server數(shù)據(jù)庫

下面對此方案做一下詳細的闡述：

1.Brower/Server的基本思想是在內(nèi)部網(wǎng)絡(luò)上采用Internet 的TCP/IP作為通訊協(xié)議，并以Internet 的 Web 模型作為標(biāo)準平臺，通過簡單的瀏覽界面，方便地提供電子郵件，文件傳輸，電子公告和新聞數(shù)據(jù)查詢等服務(wù)，還可以通過防火墻或代理服務(wù)器等方式與Intrnet 連接以實現(xiàn)企業(yè)內(nèi)部網(wǎng)上的用戶對Internet 進行瀏覽查詢，同時對外提供信息服務(wù)。

2.MyEclipse 是一個十分優(yōu)秀的用于開發(fā)Java, J2EE 的 Eclipse 插件集合，MyEclipse 的功能非常強大，支持也十分廣泛，尤其是對各種開源產(chǎn)品的支持十分不錯。MyEclipse 目前支持Java Servlet,AJAX, JSP, JSF, Struts,Spring, Hibernate,EJB3,JDBC 數(shù)據(jù)庫鏈接工具等多項功能?？梢哉fMyEclipse 是幾乎囊括了目前所有主流開源產(chǎn)品的專屬eclipse 開發(fā)工具。

3.SQL Server 是一個具備完全 Web 支持的數(shù)據(jù)庫產(chǎn)品，提供了對可擴展標(biāo)記語言 (XML) 的核心支持以及在 Internet 上和防火墻外進行查詢的能力，提供了以 Web 標(biāo)準為基礎(chǔ)的擴展數(shù)據(jù)庫編程功能。豐富的 XML 和 Internet 標(biāo)準支持允許使用內(nèi)置的存儲過程以 XML 格式輕松存儲和檢索數(shù)據(jù)。SQL Server 提供強大的開發(fā)工具和各類開發(fā)特性，在大大提高開發(fā)效率的同時，進一步拓展應(yīng)用空間。

所以選擇SQL Server數(shù)據(jù)庫。

4. 開發(fā)平臺: dreamweaver

Dreamweaver MX 是一款專業(yè)的 HTML 編輯器，用于對 Web 站點、Web 頁和 Web 應(yīng)用程序進行設(shè)計、編碼和開發(fā)。無論您喜歡直接編寫 HTML 代碼的駕馭感還是偏愛在可視化編輯環(huán)境中工作，Dreamweaver 都會為您提供幫助良多的工具，豐富您的 Web 創(chuàng)作體驗。

利用 Dreamweaver 中的可視化編輯功能，您可以快速地創(chuàng)建頁面而無需編寫任何代碼。不過，如果您更喜歡用手工直接編碼，Dreamweaver 還包括許多與編碼相關(guān)的工具和功能。并且，借助 Dreamweaver ，您還可以使用服務(wù)器語言（例如 ASP 、ASP.NET 、ColdFusion 標(biāo)記語言 （CFML ）、JSP 和 PHP ）生成支持動態(tài)數(shù)據(jù)庫的 Web 應(yīng)用程序。

2.5.1 所涉及的主要技術(shù)與框架

本系統(tǒng)主要采用Struts 框架、JavaScript 、JSP 等技術(shù)來實現(xiàn)。

(1)Struts 的核心是一個MVC 模式的控制器。Struts 控制器搭起了Model 和View 之間的橋梁?？蚣芤舶ㄩ_發(fā)人員想用來開發(fā)可伸縮的、先進的應(yīng)用的其他組件。Struts 是一個“隱藏支柱”的集合，幫助開發(fā)人員將分散的材料如數(shù)據(jù)庫和頁面，結(jié)合成一個整體的應(yīng)用程序。MVC 架構(gòu)將Model （模型組件）、View （視圖組件）和Controller （控制器組件）三大核心組件分別應(yīng)用到開發(fā)的Web 應(yīng)用的不同組件中。

5