個人博客系統(tǒng)畢業(yè)論文

1、安徽財貿(mào)職業(yè)學院學號 姓名 班級 計應1001班 指導教師 論文題目 個人博客系統(tǒng) 摘 要博客的精神是：自由表達，開放寬容，個性張揚，專業(yè)精神。本文介紹了個如何開發(fā)個人博客。博客系統(tǒng)主要為用戶提供發(fā)表文章、瀏覽文章等功能，用戶通過internet可以發(fā)表一些自己撰寫的文章以和其他網(wǎng)友進行交流。本博客網(wǎng)站主要以asp.net作為主要開發(fā)手段，采用sql sever2005設計數(shù)據(jù)以強大的microsoft studio 2010為開發(fā)平臺工具本文對博客系統(tǒng)進行整體分析，明確了系統(tǒng)的可行性和用戶需求；根據(jù)模塊化原理，規(guī)劃設計了系統(tǒng)功能模塊；在數(shù)據(jù)庫設計部分，詳細說明了系統(tǒng)數(shù)據(jù)庫的結構和數(shù)據(jù)庫的完整

2、性、安全性措施；程序設計則采用面向對象的程序設計思想，提出系統(tǒng)的程序設計思路，對前臺與后臺功能的程序實現(xiàn)進行了詳細論述；系統(tǒng)測試部分，具體分析測試過程中出現(xiàn)的主要問題，并提出了解決方案，實現(xiàn)系統(tǒng)功能。最后，對系統(tǒng)作以客觀、全面的評價，并對進一步改進提出了建議。關鍵詞：個人博客、sql server、vs2010、dreamweaver目 錄第一章 緒論11.1 系統(tǒng)研究開發(fā)背景11.2 個人博客概述11.3 個人博客開發(fā)的目標21.3.1任何擁有博客的人都可以做到21.3.2 訪問博客系統(tǒng)的人，可以做到2第二章 系統(tǒng)的總體規(guī)劃和概要設計32.1 系統(tǒng)總體目標32.2 系統(tǒng)的邏輯體系結構32.3

3、 三層結構32.4 前臺功能模塊42.5 后臺管理功能模塊4第三章 數(shù)據(jù)層的設計與實現(xiàn)53.1 數(shù)據(jù)庫邏輯結構設計53.2 數(shù)據(jù)庫表結構設計53.6 存儲過程設計6第四章 系統(tǒng)設計74.1模板頁設計74.2. defaul 頁面設計94.3 相冊頁面的設計94.4.日志頁面的設計104.5.留言界面設計；104.6后臺設計114.6.1管理員登陸114.6.2后臺模板頁頁面設計124.6.3. “添加文章”功能模塊124.6.4文章的管理124.6.5.相冊管理124.6.6. 留言管理13第五章 系統(tǒng)測試145.1 測試目的145.2 測試方法145.3.系統(tǒng)測試；145.3.1用戶登錄和用

4、戶注冊145.3.2發(fā)表評論后留言155.3.3.前臺文章顯示測試165.3.4后臺管理16總結18附 錄19致 謝25參考文獻26第一章 緒論1.1 系統(tǒng)研究開發(fā)背景在沒有自己的博客之前，人們會經(jīng)常進出于論壇發(fā)表貼子或者通過即時通信軟件聊天，來表達自已的想法，可是這些都是零散的和雜亂的。博客的出現(xiàn)，讓人們可以不斷的把自己以前的和每天激發(fā)的一些想法或者感受整理放在自己的博客上，每次在寫文章的時候，可能又會產(chǎn)生新的想法。雖然一些想法一些思考只是皮毛，沒有什么深度，但是當下筆去寫的時候每次都會對某個小小的問題有了更多的一點點思考，再寫博客的時候就感覺到了一種滿足感，一種想法得以釋放思考得以延伸的滿

5、足感。生活中每天的一個小小的事情都會引起人們的思考，甚至是和朋友的聊天中一個小小的火花迸發(fā)。督促自己努力、把一時的想法變成觀點，爭取在生命中的每天里留下點什么，這也是人們寫博客的目的之一。這樣就能督促自己每一天不要渾渾噩噩，時光流逝無痕無聲無息，寫博客也是在自己的每一天上留下了一道淺淺的思考和劃痕。不僅如此，通過寫博客、記錄自己的想法可以幫助實現(xiàn)如下這些目的：a）記錄生活，在自己的每一天上留下思考的劃痕。 b）整理思路，固化知識，獲得更多更好的想法。 c）分享，將自己的想法、經(jīng)驗與人分享。d）交流、提高，通過交流產(chǎn)生更多的思維火花，相互提高。 e）交友，互相鼓勵，一路同行。 如果說博客網(wǎng)站是一

6、個舞臺，那么所有的博客都是其中的舞者，把自己有價值的真實的一面展示在網(wǎng)絡世界中，相互交流溝通； 如果博客僅僅為了寫日志，那么博客是一面鏡子，鏡子中展現(xiàn)的是真實的自己；如果博客是一個自由媒體，可以把自身感覺有價值的信息通過博客這個工具發(fā)布，與網(wǎng)友共享。1.2 個人博客概述博客最初的名稱是weblog，由web和log兩個單詞組成，按字面意思就為網(wǎng)絡日記，后來喜歡新名詞的人把這個詞的發(fā)音故意改了一下，讀成we blog，由此，blog這個詞被創(chuàng)造出來。不過，在中國大陸有人往往也將本身和blog（即博客作者）均音譯為“博客”?！安┛汀庇休^深的涵義：“博”為“廣博”；“客”不單是“blogger”更有

7、“好客”之意?？碽log的人都是“客”。而在臺灣，則分別音譯成“部落格”（或“部落閣”）及“部落客”，認為blog本身有社群群組的意含在內(nèi)，借由blog可以將網(wǎng)絡上網(wǎng)友集結成一個大博客，成為另一個具有影響力的自由媒體。1.3 個人博客開發(fā)的目標1.3.1任何擁有博客的人都可以做到（1）登錄博客系統(tǒng)瀏覽文章（2）管理自己博客的基本信息（3）撰寫個人隨筆（4）處理留言、文章評論等內(nèi)容1.3.2 訪問博客系統(tǒng)的人，可以做到游覽博客系統(tǒng)中的文章目錄、評論博客系統(tǒng)中的內(nèi)容，只有博客管理員登錄系統(tǒng)之后，才能進行管理。而博客系統(tǒng)的訪問者不需要注冊，也不需要登錄就可以訪問博客系統(tǒng)中的內(nèi)容。工作流圖如下： 圖1

8、-1：工作流圖第二章 系統(tǒng)的總體規(guī)劃和概要設計2.1 系統(tǒng)總體目標實現(xiàn)個人博客的基本功能并使網(wǎng)頁整體美觀吸引游客，如發(fā)表日志，相冊瀏覽，游客評論、注冊、登錄和留言，還有后臺管理（留言、會員、日志、評論管理）。2.2 系統(tǒng)的邏輯體系結構本系統(tǒng)采用當前流行的b/s設計模式，基于asp.net平臺構建web應用程序，把系統(tǒng)劃分為數(shù)據(jù)層、業(yè)務邏輯層和表示層。邏輯體系結構如圖2-2所示：圖2-1：邏輯結構2.3 三層結構(1) 表示層：即用戶接口層，是由asp.net技術的web窗體和web用戶控件組合起來構成的。表示層運行在客戶端瀏覽器上，產(chǎn)生用戶視圖。在業(yè)務邏輯層發(fā)生變化時通過改變表示層的組合以及做

9、一些簡單的調整就可以很好地適應新的業(yè)務邏輯層。(2) 業(yè)務邏輯層：這一層是從整個系統(tǒng)功能設計中抽取大量具有共性的模塊，把它們統(tǒng)一設計成為系統(tǒng)公共的可重用的組件。由com+組件服務管理器統(tǒng)一配置管理組件。(3) 數(shù)據(jù)層：用來管理和存儲數(shù)據(jù)，實現(xiàn)數(shù)據(jù)訪問功能，設計數(shù)據(jù)庫，定義數(shù)據(jù)表結構、表的索引、數(shù)據(jù)表之間的關聯(lián)，定義數(shù)據(jù)庫中的視圖以及操作數(shù)據(jù)的存儲過程，設計數(shù)據(jù)庫的安全等等。該層由數(shù)據(jù)庫管理系統(tǒng)如sql server來管理和控制。2.4 前臺功能模塊可以注冊、登錄用戶信息， 游客還可以瀏覽日志、評論日志、查看相冊、給博主留言2.5 后臺管理功能模塊后臺管理系統(tǒng)僅供管理員自己使用， 日志管理、圖像

10、管理、留言管理、對日志的增刪改查，對游客及評論留言的刪除和查找。第三章 數(shù)據(jù)層的設計與實現(xiàn)3.1 數(shù)據(jù)庫邏輯結構設計數(shù)據(jù)庫的概念結構設計完畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫概念結構轉化為某種數(shù)據(jù)庫系統(tǒng)所支持的實際數(shù)據(jù)模型，也就是數(shù)據(jù)庫邏輯結構。3.2 數(shù)據(jù)庫表結構設計以用戶表t_user為例，圖3-1: t_user數(shù)據(jù)類型圖3-2: t_user數(shù)據(jù)3.6 存儲過程設計數(shù)據(jù)庫中的存儲過程對應高級語言中的子程序，存儲過程的內(nèi)容是sql語句，與高級語言的子程序一樣，存儲過程也有輸入輸出形參。存儲過程在服務器端運行，存儲過程執(zhí)行一次后，就被編譯為二進制代碼且駐留在高速緩沖存儲器中，在以后的操作中，只需從

11、高速緩沖中調用已編譯好的二進制代碼，提高了系統(tǒng)性能。而且存儲過程中也便于使用事務處理。第四章 系統(tǒng)設計對博客系統(tǒng)進行系統(tǒng)分析、數(shù)據(jù)庫設計之后，本章將主要介紹系統(tǒng)各功能模塊的設計及其實現(xiàn)。軟件所實現(xiàn)的功能強弱是衡量一個軟件的最根本的標準。通過對系統(tǒng)的全面分析并結合調研的情況，確定了本系統(tǒng)的功能模塊圖。本章先從系統(tǒng)總體結構設計介紹，接著分別對公用模塊、客戶界面、管理對功能模塊加以描述。4.1模板頁設計1首先是banner的設計，用ps處理如下圖圖4-1：banner2對導航條的設置圖4-2：導航條3用戶登錄首先只有注冊過的會員才能登陸，要不需要進行會員注冊，只有注冊過的才能發(fā)表評論和留言。登陸界面

12、如下圖圖4-3：用戶登錄用戶注冊頁面： 圖4-4：用戶注冊 4個人資料說明樓主一些的主要信息；圖4-5：個人資料5最新文章和友情鏈接圖4-6：友情鏈接6右面為綁定數(shù)據(jù)庫的內(nèi)容。4.2. defaul 頁面設計圖4-8：最新日志4.3 相冊頁面的設計相冊主要是博客日常生活的一些真照，或旅游時拍下的一些風景圖片。 圖4-9：相冊封面用js寫一個相冊切換，放大的效果；圖4-10：相冊4.4.日志頁面的設計尋找你想要的文章。主要是綁定數(shù)據(jù)中博主發(fā)過的全部博文，如果你想要什么資料，也可以進行搜索。4.5.留言界面設計只有會員，才能向樓主進行留言，博主看見你的意見時會進行一些適當?shù)男薷模煌瑫r也進行了博主和

13、游客的一個交流的平臺；增加了互動性，從而從一到百。擴大了博客的意義。圖4-11：留言板4.6后臺設計4.6.1管理員登陸只有管理員才可以進入，其他會員用戶不可以進入；界面設計；圖4-12：管理員登陸4.6.2后臺模板頁頁面設計圖4-13：后臺頁面4.6.3. “添加文章”功能模塊通過“添加文章”功能模塊用戶能設置文章標題，選擇文章所屬分類，填寫文章概要和文章內(nèi)容。圖4-14：發(fā)表文章4.6.4文章的管理“文章管理”功能模塊主要顯示當前用戶所寫的所有文章，并能修改或者刪除現(xiàn)有文章圖4-15：修改文章4.6.5.相冊管理增加上傳圖片；圖4-16：上傳圖片4.6.6. 留言管理通過管理留言和游客保持

14、互動的平臺，知道游客的思想，從而更加完善自己的博客。刪除不要的或垃圾留言。 第五章 系統(tǒng)測試5.1 測試目的程序測試就是在程序投入運行前，對程序的需求分析、設計規(guī)格說明和編碼的最終復審，是保證程序質量的關鍵步驟。如果要給程序測試下定義，可以這樣講，程序測試是為了發(fā)現(xiàn)錯誤而執(zhí)行程序的過程。測試的目的就是在軟件投入生產(chǎn)性運行之前，盡可能多地發(fā)現(xiàn)軟件中的錯誤。在開發(fā)大型軟件系統(tǒng)的過程中，需要面對錯綜復雜的問題，因此，在軟件生存周期的每個階段都不可避免地會產(chǎn)生錯誤。編程人員力求在每個階段結束之前通過嚴格的技術審查，盡可能早的發(fā)現(xiàn)并糾正錯誤。5.2 測試方法程序測試的主要方法分為兩大類，白盒測試和黑盒測

15、試。白盒測試：也稱結構測試，將軟件看成一個透明的白盒子，按照程序的內(nèi)部結構和處理邏輯來選定測試用例，對軟件的邏輯路徑及過程進行測試，檢查它與設計是否相符。黑盒測試：也稱功能測試，將軟件看作黑盒子，在完全不考慮程序的內(nèi)部結構和特性的情況下，測試軟件的外部特性。根據(jù)軟件的需求規(guī)格說明書設計測試用例，從程序的輸入和輸出特性上測試是否滿足設定的功能。在本次測試工作中使用了兩種方法。但主要使用的是黑盒測試方法。5.3.系統(tǒng)測試；5.3.1用戶登錄和用戶注冊測試內(nèi)容：不是用戶會員登錄是否會成功，不成功會怎么辦。操作：以瀏覽者的身份進入用戶登錄，點擊登錄按鈕結果：用戶不可以進入，點擊注冊，會到用戶注冊頁面。

16、進行注冊，然后進行登錄。圖5-1：用戶注冊圖5-2：用戶注冊5.3.2發(fā)表評論后留言測試內(nèi)容：不是用戶會員評論后發(fā)表是否會成功。操作： 以瀏覽者的身份進行發(fā)表結果：只有登錄用戶才能發(fā)表和留言，要不可以進行圖5-3：評論測試一圖5-4：評論測試二5.3.3.前臺文章顯示測試測試內(nèi)容：打開前臺首頁后，是否會顯示相應的文章列表。操作：打開前臺首頁查看。結果：文章列表區(qū)域正確顯示發(fā)表的文章。結論：顯示的內(nèi)容與數(shù)據(jù)庫中的內(nèi)容一致，經(jīng)調試成功。5.3.4后臺管理(1) 發(fā)表文章測試內(nèi)容：管理員用戶發(fā)表新文章，。操作：以管理員的身份進入博客系統(tǒng)，點擊管理按鈕，選擇添加文章的操作如圖下圖所示，填寫完文章內(nèi)容之

17、后單擊添加按鈕，看系統(tǒng)是否會提示發(fā)表成功。圖5-5：發(fā)表文章(2) 刪除文章。測試內(nèi)容：用戶對自己所發(fā)表的文章信息能否成功刪除。操作：點擊刪除系統(tǒng)詢問是否刪除該文章信息， 結果：文章信息被成功刪除。結論：測試成功。（3）圖像管理。測試內(nèi)容：看圖片個能插入，刪除，修改操作：點擊插入，刪除，修改按鈕，看圖片個成功結果：圖片信息成功修改?？偨Y畢業(yè)設計是最能體現(xiàn)我們所學知識的時候，是對我們大學兩年所學理論知識的一次鞏固和提高。設計本系統(tǒng)的過程不僅是對我學過的知識的一次應用，更是對我綜合處理問題、解決實際問題能力的培養(yǎng)和鍛煉。通過本次畢業(yè)設計使我對系統(tǒng)開發(fā)有了深入的了解，我的編程能力也有了較大的提高。我

18、在設計過程中也遇到了很多困難，但是通過指導老師和夏同學的幫助以及自己的努力，最終還是順利地完成了畢業(yè)設計。本系統(tǒng)具有如下特點：(1) 界面美觀簡潔，程序結構清晰，編碼規(guī)范。 (2) 后臺數(shù)據(jù)庫采用的sql server 2005，它功能比較強大，可以處理包含在各種平臺上運行的數(shù)據(jù)庫管理系統(tǒng)內(nèi)核。但同時也應該看到，由于時間倉促，本系統(tǒng)的功能實現(xiàn)還不是盡善盡美的，還存在需要改進的地方,例如系統(tǒng)的某些設計的可擴展性并不十分理想，在以后的系統(tǒng)維護過程中，使用重構方法對系統(tǒng)進行重構，使系統(tǒng)的設計日益趨于更強的可擴展性。希望在今后可以繼續(xù)完善本系統(tǒng)設計致 謝本研究及學位論文是在我的導師 的親切關懷和悉心指

19、導下完成的。她嚴肅的科學態(tài)度，嚴謹?shù)闹螌W精神，精益求精的工作作風，深深地感染和激勵著我。 老師不僅在學業(yè)上給我以精心指導，同時還在思想、生活上給我以無微不至的關懷，在此謹向 老師致以誠摯的謝意和崇高的敬意。我還要感謝在一起愉快的度過畢業(yè)論文小組的同學們，正是由于你們的幫助和支持，我才能克服一個一個的困難和疑惑，直至本文的順利完成。在論文即將完成之際，我的心情無法平靜，從開始進入課題到論文的順利完成，有多少可敬的師長、同學、朋友給了我無言的幫助，在這里請接受我誠摯的謝意!最后我還要感謝培養(yǎng)我長大含辛茹苦的父母，謝謝你們!最后，再次對關心、幫助我的老師和同學表示衷心地感謝！參考文獻1周奇 . sq

20、l server 2005 北京大學出版社2劉小華. 任廷奇.畢業(yè)論文寫作指導,北京科學出版社：2004，101003尚俊杰 .asp網(wǎng)絡編程從入門到精通,清華大學出版社限公司：2009，25704何國民、仲治國.asp動態(tài)網(wǎng)站68個典型模塊精解,科學出版社： 2008，203505css 實戰(zhàn)手冊 .北京電子出版社 2007.96.周伶俐 .asp 畢業(yè)設計指南與項目實踐 ,科學出版社：2008，991307黃斯偉.html4.0動態(tài)網(wǎng)頁制作,人民郵電出版社：2007，1351758 黃雷.asp+html+dreamweaver+access開發(fā)動態(tài)網(wǎng)站實例薈萃,機械業(yè)出版社： 2006，

21、10-200附 錄1.模板頁css樣式的代碼* margin:0; padding:0;ul,li list-style:none;.clear clear:both;img border-style: none; border-color: inherit; border-width: medium; body margin: 1em;padding: 0;background: #ffffff url(./images/img1.jpg);font-family: georgia, times new roman, times, serif;color: #748164;#wrapper

22、width:760px; margin:0 auto; text-align:center;#banner background:url(./images/img2.jpg); height:160px;#nav background-color:#5d8259 ; height:30px; margin-bottom:10px; margin-top:10px;#nav ul li float:left; width:100px; height:30px; line-height:30px; margin-left:50px;#nav ul li a text-decoration:none

23、; color:#fff; font:16px;#nav ul li a:hover color:red; font:20px; #left float:left; width:250px; #right float:right; width:500px; #footer height:40px; line-height:40px; color:white; background-color:#5d8259; text-align:center; clear:both.lefttitle background:url(./images/img3.jpg); height:40px; line-

24、height:40px; text-align:left; color:white;.leftbox margin-bottom:10px;.leftcontent background:url(./images/img4.jpg); background-position:bottom left; background-color:white; background-repeat:no-repeat; .leftcontent p height:40px; line-height:40px; margin-left:20px;.lwmzp height :183px; background:

25、url(./images/zp.jpg) no-repeat left top; width: 250px;.jzh text-indent:40px; font-size:18px; color: gray ;font-family: 宋?體?, arial, helvetica, sans-serif; .bd font-size:19px;color: orange ;.jianjie float:right; margin-right:40px;color: #003300 ;.gr text-align:left;.leftcon background:url(./images/im

26、g4.jpg); background-position:bottom left; background-color:white; background-repeat:no-repeat; text-align:left; line-height:30px; .leftcon ul li a text-decoration:none; color：o black; font:16px;.leftcon ul li a:hover color:red; font:20px; 2.用戶注冊頁面的代碼： public partial class userregister : system.web.u

27、i.page protected void page_load(object sender, eventargs e) protected void btnregister_click(object sender, imageclickeventargs e) string name = txtname.text; string pwd = txtpwd.text; string spwd = txtspwd.text; string mail = txtmail.text; if (string.isnullorempty(name) | string.isnullorempty(pwd)

28、| string.isnullorempty(spwd) | string.isnullorempty(mail) lblshow.text = 用?戶注冊數(shù)y據(jù)y不?能為a空?!; else if (pwd != spwd) clientscript.registerstartupscript(this.gettype(), , alert(密碼?和確認?密碼?不?一?致?！?); else bool b = new regex(a-za-z0-9_-+$).match(mail).success; if (b) t_userbll bll = new t_userbll();

29、t_user model = new t_user(); model.name = txtname.text; model.password = txtpwd.text; model.rid = 1; model.mail = txtmail.text; bll.add(model); sessiononeuser = model; clientscript.registerstartupscript(this.gettype(), , alert(用?戶注冊成功|了?！?); else lblshow.text = 郵箱?格?式?不?正y確; 3.jq圖片的效果 $(document).re

30、ady(function () $(.thumbarea).jcarousellite( btnnext: .next, btnprev: .prev, visible: 4, circular: true ); ); $(function () $(.thumb).click(function () $(#big).attr(src, $(this).attr(src).show(); $(.bigdes).html($(this).attr(alt).addclass(des); ); ); 4.管理員登陸代碼: public partial class adminlogin : syst

31、em.web.ui.page protected void page_load(object sender, eventargs e) protected void button1_click(object sender, eventargs e) string name = txtname.text; string pwd = txtpwd.text; t_userbll bll = new t_userbll(); t_user model = bll.admin(name,pwd); if (model = null) clientscript.registerstartupscript(this.gettype(), , alert(用?戶名?或者?密碼?不?正y確！?); else response.r