個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文

1、<p><b>　　畢 業(yè) 論 文</b></p><p>　　題目：個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) </p><p>　　摘要：博客作為一種特定的網(wǎng)絡(luò)信息發(fā)布平臺(tái)，與傳統(tǒng)論壇BBS的不同之處在于:使用者能夠擁有一個(gè)屬于自己的空間，除了友好地發(fā)布文章之外，還能夠根據(jù)自己的喜好需要來設(shè)計(jì)版式、定義功能;在與其

2、他網(wǎng)友交互的過程中累積成一串能夠追溯、回顧的歷史，同時(shí)結(jié)合具有Web2.0特征的內(nèi)在功能，博客己經(jīng)成為一個(gè)用戶的個(gè)性化信息平臺(tái)川。</p><p>　　本文首先介紹了博客的概念和特點(diǎn)，為了更深入的理解博客文化還將其與BBS及個(gè)人網(wǎng)站進(jìn)行了比較。然后闡述了博客的發(fā)展歷史，詳細(xì)分析了三款目前國(guó)內(nèi)主流商業(yè)化博客系統(tǒng)。它們雖然在性能方面各有千秋，但其共同的缺陷是更新速度慢、個(gè)性化弱、高性能與高投資并存。</p>

3、;<p>　　論文中詳細(xì)地描述了HTML的定義、特性，CSS的定義、樣式及其作用，同時(shí)還介紹了DreamWaver的特點(diǎn)。并在理論研究的基礎(chǔ)上，設(shè)計(jì)與實(shí)現(xiàn)了一個(gè)博客系統(tǒng)，并就其中幾個(gè)功能的實(shí)現(xiàn)作了詳細(xì)的論述。本系統(tǒng)的開發(fā)和運(yùn)行平臺(tái)，均采用開源而且功能強(qiáng)大的工具，最大限度地降低了成本。</p><p>　　關(guān)鍵詞：博客、信息發(fā)布、論壇、信息</p><p>　　Abstract

4、：Blog publishing platform as a specific network information, the difference is that the traditional forum BBS: The user is able to have a space of their own, according to their preferences in addition to friendly post ne

5、ed to design the layout, defined functions; accumulated in the process of interaction with other users able to trace into a string, a review of the history, combined with Web2.0 features inherent function, the blog has b

6、ecome a user of the personalized information platfor</p><p>　　This paper first introduces the concepts and features of the blog, for more in-depth understanding of the blog culture also compared with BBS and

7、 personal websites. Then described the history of the development of the blog, and a detailed analysis of the three mainstream commercial blog system. Although they have a great deal of diversity in terms of performance,

8、 but the common defects updates slow, the personalized weak, high-performance and high investment coexist.</p><p>　　HTML definitions, characteristics, the definition of CSS, style, and its role is described

9、in detail in the thesis, and also introduces DreamWaver characteristics. And on the basis of the theoretical research, design and realization of a blog system, and the realization of which several functions are discussed

10、 in detail. The system development and runtime platform, open source but also a powerful tool to minimize costs.</p><p>　　Keywords：blog、inof diffusion、tribune、information目 錄</p><p><b>

11、　　一 緒論4</b></p><p>　　（一） 開發(fā)背景4</p><p><b>　?。ǘ╅_發(fā)意義4</b></p><p>　?。ㄈ┱撐牡闹饕ぷ?</p><p>　　二 相關(guān)技術(shù)與開發(fā)平臺(tái)6</p><p>　?。ㄒ唬?HTML6</p>&l

12、t;p><b>　?。ǘ?CSS7</b></p><p>　?。ㄈ?Dreamwaver8</p><p>　　三 系統(tǒng)需求分析11</p><p><b>　　四 系統(tǒng)設(shè)計(jì)12</b></p><p>　?。ㄒ唬?總體設(shè)計(jì)12</p><p>　　（二

13、）博客系統(tǒng)開發(fā)框架12</p><p>　?。ㄈ?交互設(shè)計(jì)13</p><p><b>　　五 系統(tǒng)實(shí)現(xiàn)15</b></p><p>　?。ㄒ唬?系統(tǒng)主頁(yè)15</p><p>　　（二） 日志管理17</p><p>　?。ㄈ?照片管理17</p><p>

14、　　（四） 網(wǎng)絡(luò)素材19</p><p>　?。ㄎ澹?我的作品20</p><p><b>　　六 總結(jié)21</b></p><p><b>　　一、緒論</b></p><p><b>　　（一） 開發(fā)背景</b></p><p>　　博客(Bl

15、og)1997年出現(xiàn)于美國(guó)，1999年高速發(fā)展，2002年開始出現(xiàn)在中國(guó)陸。簡(jiǎn)單說來，博客是一種強(qiáng)調(diào)用戶個(gè)性化的網(wǎng)絡(luò)日志，每個(gè)用戶能夠方便地建立起屬于自己的個(gè)人主頁(yè)，發(fā)表自己的感想心得，每個(gè)博客因其不同的內(nèi)容、目的而蘊(yùn)含著大量豐富的信息[1]。</p><p>　　博客作為一種特定的網(wǎng)絡(luò)信息發(fā)布平臺(tái)，與傳統(tǒng)論壇BBS的不同之處在于:使用者能夠擁有一個(gè)屬于自己的空間，除了友好地發(fā)布文章之外，還能夠根據(jù)自己的喜好需要

16、來設(shè)計(jì)版式、定義功能;在與其他網(wǎng)友交互的過程中累積成一串能夠追溯、回顧的歷史，同時(shí)結(jié)合具有Web2.0特征的內(nèi)在功能，博客己經(jīng)成為一個(gè)用戶的個(gè)性化信息平臺(tái)川[2]。</p><p>　　從整個(gè)互聯(lián)網(wǎng)的角度觀察，早期的用戶只是作為一個(gè)信息的閱讀者被動(dòng)地從各個(gè)網(wǎng)站上接受信息，隨著網(wǎng)絡(luò)技術(shù)的日益進(jìn)步，一系列動(dòng)態(tài)產(chǎn)生網(wǎng)頁(yè)的技術(shù)相繼出現(xiàn)，使互聯(lián)網(wǎng)與用戶交互的能力不斷增強(qiáng)，表現(xiàn)方式更加豐富。博客這種新應(yīng)用正是在這種背景環(huán)境下

17、產(chǎn)生的，雖然只是一個(gè)小型的網(wǎng)絡(luò)應(yīng)用程序，但是博客運(yùn)用廣泛的網(wǎng)絡(luò)技術(shù)以展現(xiàn)網(wǎng)絡(luò)服務(wù)的特質(zhì)，帶來了崇尚自由、分享的風(fēng)尚[3]。博客的使用者可以自由地發(fā)表自己的看法，傳播各種消息，逐漸增多的博客用戶已經(jīng)成為另一種新的信息傳播力量，成為信息的提供者。</p><p><b>　　（二）開發(fā)意義</b></p><p>　　2002年博客剛剛進(jìn)入中國(guó)時(shí)，其數(shù)量不足1萬;2003

18、年約20萬;2004年的時(shí)候博客數(shù)量達(dá)到了200萬;2005年突破了1600萬;2006年突破到6000萬。從這幾個(gè)數(shù)量上看，博客的增長(zhǎng)速度在放慢，但博客的絕對(duì)數(shù)量是在增加的。根據(jù)統(tǒng)計(jì)數(shù)字，預(yù)計(jì)博客的數(shù)量在2008年會(huì)達(dá)到12000萬，甚至?xí)黄埔粋€(gè)億。博客迅速發(fā)展的原因可以從兩個(gè)方面來分析。首先，從互聯(lián)網(wǎng)最終用戶角度來講，博客的到來，大規(guī)模實(shí)現(xiàn)了用戶從原來主要扮演內(nèi)容接受者的角色向接受者、提供者并舉的重大轉(zhuǎn)變。源自人類本能的表達(dá)欲望，

19、使用戶對(duì)信息提供者這種角色傾注了巨大的熱情。草根的聲音雖然微弱，但通過博客的聚合，已經(jīng)和正在成為互聯(lián)網(wǎng)上一股愈來愈強(qiáng)大的力量。其次，從網(wǎng)站角度來看，所有網(wǎng)站追求的核心無非就是兩點(diǎn)，一是豐富的內(nèi)容，二是用戶的粘著度。當(dāng)然，對(duì)于商業(yè)網(wǎng)站來說還有一個(gè)艱巨的任務(wù)，那就是在實(shí)現(xiàn)了這兩個(gè)目標(biāo)的基礎(chǔ)上要將其成功轉(zhuǎn)化為利潤(rùn)。博客剛好對(duì)實(shí)現(xiàn)網(wǎng)站這兩個(gè)目標(biāo)都有巨大的積極促進(jìn)作用[4]。</p><p>　?。ㄈ?論文的主要工作&l

20、t;/p><p>　　本文將實(shí)現(xiàn)一個(gè)單戶博客系統(tǒng)。首先介紹了該系統(tǒng)的開發(fā)背景和開發(fā)意義。在第2章中，簡(jiǎn)單介紹了系統(tǒng)實(shí)現(xiàn)的相關(guān)技術(shù)和開發(fā)平臺(tái)，包括HTML，CSS和DreamWaver等。在第3章中，介紹了需求分析。第4章中，給出了系統(tǒng)的設(shè)計(jì)過程。在第5章中，論文展示了系統(tǒng)的實(shí)現(xiàn)效果。最后在第6章中，給出了項(xiàng)目總結(jié)。</p><p>　　二、相關(guān)技術(shù)與開發(fā)平臺(tái)</p><p&

21、gt;<b>　?。ㄒ唬?HTML</b></p><p>　　超級(jí)文本標(biāo)記語言[2]（英文縮寫：HTML）是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋

22、和顯示其標(biāo)記的內(nèi)容，對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋 ，因而可能會(huì)有不同的顯示效果[5]。</p><p>　　超級(jí)文本標(biāo)記語言文檔制作不是很復(fù)雜，但功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是萬維網(wǎng)（WWW）盛行的原因之一，其主要特點(diǎn)如下：</p><

23、p>　　表2.1 HTML主要特點(diǎn)</p><p><b>　　（二） CSS</b></p><p>　　級(jí)聯(lián)樣式表（Cascading Style Sheet）簡(jiǎn)稱“CSS”，通常又稱為 “風(fēng) 格樣式表（Style Sheet）”，它是用來進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線，這就是一種風(fēng)格。通過設(shè)

24、立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力[6]。</p><p>　　CSS[1]是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn)HTML或 XML等文件樣式的計(jì)算機(jī)語言。</p><p>　　CSS目前最新版本為CSS3，

25、是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁(yè)中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語言。CSS能夠根據(jù)不同使用者的理解能力，簡(jiǎn)化或者優(yōu)化寫法，針對(duì)各類人群，有較強(qiáng)的易讀性[6]。</p><p>　　有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表：

26、 </p><p>　　圖2.1 CSS樣式</p><p>　　外部樣式：將網(wǎng)頁(yè)鏈接到外部樣式表。 </p><p>　　內(nèi)頁(yè)樣式：在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。 </p><p>　　行內(nèi)樣式：應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。 </p><p>　　每一種方法均有其優(yōu)缺點(diǎn)： </p><p>　　當(dāng)

27、要在站點(diǎn)上所有或部份的網(wǎng)頁(yè)上一致地應(yīng)用相同樣式時(shí)，可使用外部樣式表。在一個(gè)或多個(gè)外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁(yè)，便能確保所有網(wǎng)頁(yè)外觀的一致性。如果人們決定更改樣式，只需在外部樣式表中修改一次，而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁(yè)上。通常外部樣式表以.css做為文件擴(kuò)展名，例如Mystyles.css。然后在需要此樣式的頁(yè)面中將其鏈接進(jìn)來，如：</p><p>　　<link href=&

28、quot;/css/Mystyles.css" rel="stylesheet" type="text/css"/> </p><p>　　當(dāng)人們只是要定義當(dāng)前網(wǎng)頁(yè)的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級(jí)聯(lián)樣式表，“嵌”在網(wǎng)頁(yè)的<HEAD>標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁(yè)上使用。 如：</p><p>

29、　　<style type="text/css"></p><p>　　<!-- /* 把聲明的樣式包含在一個(gè)html注釋中，這樣可以解決較老的瀏覽器不識(shí)別style的問題 */</p><p>　　body {background:grey;}</p><p><b>　　--></b></p

30、><p><b>　　</style></b></p><p>　　使用內(nèi)嵌樣式以應(yīng)用級(jí)聯(lián)樣式表屬性到網(wǎng)頁(yè)元素上。 如：</p><p>　　<pstyle="@import url('style3.css');">CSS document</p><!-- 不能在styl

31、e屬性中使用@import --></p><p>　　如果網(wǎng)頁(yè)鏈接到外部樣式表，為網(wǎng)頁(yè)所創(chuàng)建的內(nèi)嵌的或嵌入式樣式將擴(kuò)充或覆蓋外部樣式表中的指定屬性。</p><p>　?。ㄈ?Dreamwaver</p><p>　　是個(gè)原本由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具[7]。它使用所見即所得的接口，亦有HTML編輯的功能。它現(xiàn)在有Mac和Windo

32、ws系統(tǒng)的版本。隨Macromedia被Adobe收購(gòu)后，Adobe也開始計(jì)劃開發(fā)Linux版本的 Dreamweaver 了。Dreamweaver自MX版本開始，使用了Opera的排版引擎 "Presto" 作為網(wǎng)頁(yè)預(yù)覽。</p><p>　　Dreamwaver的優(yōu)勢(shì)體現(xiàn)在制作效率、網(wǎng)站管理和控制能力上。</p><p><b>　　制作效率&

33、lt;/b></p><p>　　Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可

34、完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化[8]。</p><p><b>　　網(wǎng)站管理</b></p><p>　　使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、

35、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。</p><p><b>　　控制能力</b></p><p>　　Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您

36、簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweave

37、r在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。 全方位的</p><p><b>　　三、系統(tǒng)需求分析</b><

38、;/p><p>　　在互聯(lián)網(wǎng)鋪天蓋地發(fā)展的今天，展呈現(xiàn)出個(gè)人化、生了巨大的影響。交互化、商業(yè)化、博客成為多數(shù)人群生活的一部分。博客的發(fā)富媒體化等特點(diǎn)，在政治、經(jīng)濟(jì)等領(lǐng)域中產(chǎn)另外，博客在教育界的應(yīng)用也是非常廣泛的，有很多大學(xué)、中學(xué)、小學(xué)的學(xué)生和教師都在開通自己的博客。本論文所開發(fā)的博客系統(tǒng)是某學(xué)校以加強(qiáng)校園信息化建設(shè)，增進(jìn)師生之間的溝通和互動(dòng)，提高學(xué)生的學(xué)習(xí)積極性和趣味性為目的，提供給在校老師的博客系統(tǒng)。因此本系統(tǒng)有明

39、顯的教師群體的個(gè)性化特征;在系統(tǒng)的功能上要以師生交流為主要目標(biāo);界面設(shè)計(jì)要時(shí)尚、人性化、充滿動(dòng)感，以便引起學(xué)生的興趣和關(guān)注。</p><p>　　本系統(tǒng)將實(shí)現(xiàn)以下功能:</p><p>　　圖3.1 系統(tǒng)需求分析</p><p><b>　　四、系統(tǒng)設(shè)計(jì)</b></p><p><b>　?。ㄒ唬?總體設(shè)計(jì)&l

40、t;/b></p><p>　　本系統(tǒng)的總體設(shè)計(jì)框架如圖4.1所示。包含了博客的內(nèi)容管理，照片管理，網(wǎng)絡(luò)素材管理，我的作品管理，關(guān)于自己和左鄰右舍等。</p><p>　　圖4.1 系統(tǒng)需求分析</p><p>　?。ǘ┎┛拖到y(tǒng)開發(fā)框架</p><p>　　博客系統(tǒng)是典型的B/S結(jié)構(gòu)應(yīng)用程序，如果直接將展示數(shù)據(jù)的代碼和業(yè)務(wù)處理、數(shù)據(jù)訪

41、問的代碼混在一起，則隨著項(xiàng)目開發(fā)規(guī)模的擴(kuò)大代碼量會(huì)隨之增加，既難以維護(hù)、升級(jí)也不利于代碼的重用，因此應(yīng)當(dāng)對(duì)系統(tǒng)進(jìn)行分層設(shè)計(jì)，使得每一層都具有相對(duì)的獨(dú)立功能，每一層只與直接相鄰的層交互，并且低層次的層隱藏具體實(shí)現(xiàn)細(xì)節(jié)，只提供給高層調(diào)用接口。根據(jù)以上的分析，系統(tǒng)將采用三層架構(gòu)，即將應(yīng)用程序從邏輯上分為用戶表現(xiàn)層，業(yè)務(wù)邏輯層和數(shù)據(jù)訪問層。</p><p>　　其中用戶表現(xiàn)層只負(fù)責(zé)接受用戶輸入的數(shù)據(jù)，并在經(jīng)過簡(jiǎn)單的校驗(yàn)后

42、，根據(jù)需要將數(shù)據(jù)整理后傳遞至業(yè)務(wù)邏輯層，業(yè)務(wù)邏輯層則按照一定的業(yè)務(wù)規(guī)則對(duì)數(shù)據(jù)進(jìn)行一定的處理，當(dāng)需要將數(shù)據(jù)寫入數(shù)據(jù)庫(kù)或是從數(shù)據(jù)庫(kù)中取出數(shù)據(jù)時(shí)，再根據(jù)需要調(diào)用數(shù)據(jù)訪問層的代碼。數(shù)據(jù)訪問層負(fù)責(zé)與數(shù)據(jù)庫(kù)的交互，封裝了底層的實(shí)現(xiàn)代碼。業(yè)務(wù)邏輯層根據(jù)需要將取回的數(shù)據(jù)返回到用戶表現(xiàn)層。表現(xiàn)層再將最終的數(shù)據(jù)顯示在界面上，呈現(xiàn)給系統(tǒng)的用戶。</p><p>　　這樣劃分應(yīng)用程序的好處是明確了責(zé)任的劃分，解決了功能之間的禍合，提高了

43、系統(tǒng)的靈活性，不會(huì)因?yàn)橐砑右粋€(gè)小功能而同時(shí)需要修改每一個(gè)層中的代碼實(shí)現(xiàn);同時(shí)提高了開發(fā)效率，各層的開發(fā)人員僅僅需要知道所要調(diào)用的接口，無需等待其他層開發(fā)完成后再開始自己的工作，每個(gè)開發(fā)小組的工作能夠并行展開。</p><p>　　圖4.2 web系統(tǒng)組成</p><p><b>　　（三） 交互設(shè)計(jì)</b></p><p>　　交互設(shè)計(jì)的目的

44、是使產(chǎn)品讓用戶能簡(jiǎn)單使用。 任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來[9]。交互設(shè)計(jì)的原則如下：</p><p>　　圖4.2 交互設(shè)計(jì)原則</p><p>　　1) 有清楚的錯(cuò)誤提示。誤操作后，系統(tǒng)提供有針對(duì)性的提示。 2) 讓用戶控制界面?！跋乱徊健?、“完成”，面對(duì)不同層次提供多種選擇，給不同層次的用戶提供多種可能性。 3) 允許兼用鼠

45、標(biāo)和鍵盤。同一種功能，同時(shí)可以用鼠標(biāo)和鍵盤。提供多種可能性。 4) 允許工作中斷。例如用手機(jī)寫新短信的時(shí)候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。 5) 使用用戶的語言，而非技術(shù)的語言。 6) 提供快速反饋。給用戶心理上的暗示，避免用戶焦急。 7) 方便退出。如手機(jī)的退出，是按一個(gè)鍵完全退出，還是一層一層的退出。提供兩種可能性。 8）導(dǎo)航功能。隨時(shí)轉(zhuǎn)移功能，很容易從一個(gè)功能跳到另外一個(gè)功能。</p><

46、;p><b>　　五、系統(tǒng)實(shí)現(xiàn)</b></p><p><b>　　（一） 系統(tǒng)主頁(yè)</b></p><p>　　本系統(tǒng)的主界面如圖5.1所示。其中，界面設(shè)計(jì)采用兩欄式，左半部分為導(dǎo)航欄，有半部分為內(nèi)容欄。</p><p><b>　　圖5.1 網(wǎng)站首頁(yè)</b></p><p

47、>　　如圖5.1所示，在導(dǎo)航欄中羅列出了整個(gè)系統(tǒng)的功能，包括日志管理，照片管理，網(wǎng)絡(luò)素材，我的作品，關(guān)于博主、左鄰右舍等超鏈接。其中還左側(cè)的下半部分還有“返回首頁(yè)”，“與我聯(lián)系”和“我的地圖”等超鏈接。有半部分則稱之為內(nèi)容欄，在主頁(yè)的有半部分分為“小站公告”和“圖片長(zhǎng)廊”。主頁(yè)左半部分的實(shí)現(xiàn)代碼如下：</p><p><b>　　（二） 日志管理</b></p><

48、p>　　在主頁(yè)中，點(diǎn)擊“日志管理”后，即可得到日志管理列表，如圖5.2所示。</p><p><b>　　圖5.2 日志列表</b></p><p>　　在5.2所示的界面中，左側(cè)依然為導(dǎo)航欄，方便用戶返回到主頁(yè)或者直接進(jìn)行其它操作。這種設(shè)計(jì)模式使得使用網(wǎng)站變得極為容易。</p><p><b>　　（三） 照片管理</b

49、></p><p><b>　　圖5.3 照片管理</b></p><p>　　照片管理的實(shí)現(xiàn)代碼如下所示。</p><p><b>　?。ㄋ模?網(wǎng)絡(luò)素材</b></p><p>　　網(wǎng)絡(luò)素材的界面如圖5.4所示。</p><p>　　圖5.4 網(wǎng)絡(luò)素材管理</p

50、><p>　　在這個(gè)模塊中，提供大量的網(wǎng)絡(luò)編程素材，包括按鈕素材，模板，asp源代碼，音樂素材等。</p><p><b>　?。ㄎ澹?我的作品</b></p><p>　　我的作品部分將展示自己的個(gè)人成果，具體如圖5.5所示。</p><p>　　圖5.5 我的作品列表</p><p><b&

51、gt;　　六、總結(jié)</b></p><p>　　經(jīng)過一個(gè)多月的努力，博客系統(tǒng)的功能已經(jīng)基本實(shí)現(xiàn)，本系統(tǒng)主要是為用戶提供一個(gè)交流的平臺(tái)、學(xué)習(xí)的園地，達(dá)到自主性和共享性相結(jié)合的目的。有很多的問題在沒有實(shí)際動(dòng)手之前根本無法發(fā)現(xiàn)。通過這次畢業(yè)設(shè)計(jì)，我多網(wǎng)絡(luò)編程技術(shù)有了更加深入的了解和應(yīng)用，同時(shí)我還學(xué)習(xí)到了很多在課本上學(xué)不到的知識(shí)，通過不斷的修正錯(cuò)誤，調(diào)試程序，我的動(dòng)手能力和分析查找錯(cuò)誤的能力都有了較大的提高。

52、</p><p>　　本文首先介紹了博客的概念和特點(diǎn)，為了更深入的理解博客文化還將其與BBS及個(gè)人網(wǎng)站進(jìn)行了比較。然后闡述了博客的發(fā)展歷史，詳細(xì)分析了三款目前國(guó)內(nèi)主流商業(yè)化博客系統(tǒng)。它們雖然在性能方面各有千秋，但其共同的缺陷是更新速度慢、個(gè)性化弱、高性能與高投資并存。</p><p>　　論文中詳細(xì)地描述了HTML的定義、特性，CSS的定義、樣式及其作用，同時(shí)還介紹了DreamWaver的

53、特點(diǎn)。并在理論研究的基礎(chǔ)上，設(shè)計(jì)與實(shí)現(xiàn)了一個(gè)博客系統(tǒng)，并就其中幾個(gè)功能的實(shí)現(xiàn)作了詳細(xì)的論述。本系統(tǒng)的開發(fā)和運(yùn)行平臺(tái)，均采用開源而且功能強(qiáng)大的工具，最大限度地降低了成本。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　孫華.博客系統(tǒng)的教學(xué)應(yīng)用分析.中國(guó)科技信息，2006-12.</p><p>　　鄧啟輝, 趙英. 語義Blo

54、g系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[ J]. 圖書館學(xué)研究, 2008( 12).</p><p>　　肖飛. 多用戶B log 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[ D]. 湖北黃岡師范學(xué)院, 2007.</p><p>　　黃麗麗, 陳華輝. 博客數(shù)據(jù)分析系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[ D]. 寧波大學(xué), 2008.</p><p>　　Jeffreycjackson著.陳宗斌等譯.web技術(shù).北京:清華大學(xué)

55、出版社，2007-06.</p><p>　　EricA.Meyer著.許勇，齊寧譯.CSS權(quán)威指南.中國(guó)電力出版社，2001.</p><p>　　劉仁輝. 基于B /S 結(jié)構(gòu)的信息系統(tǒng)開發(fā)模式的研究[ D] . 哈爾濱理工大學(xué), 2004.</p><p>　　岳曉光,梁曉誠(chéng),趙子強(qiáng).一種基于UML的博客系統(tǒng)的分析和設(shè)計(jì)[J].桂林理工大學(xué)學(xué)報(bào), 2009( 8