基于Web的個(gè)人博客的設(shè)計(jì)與實(shí)現(xiàn)

目錄摘要1第1章緒論21.1博客的作用21.2研究博客的背景與必要性3第2章關(guān)鍵技術(shù)簡介52.1相關(guān)術(shù)語52.1.1站點(diǎn)52.1.2超鏈接52.1.3URL52.2Dreamweaver8.0簡介52.3AdobePhotoshop簡介62.4開發(fā)語言簡介72.4.1VBScript腳本語言72.4.2JavaScript82.4.3PHP和MySQL簡介8第3章需求分析與博客的設(shè)計(jì)113.1需求分析113.1.1主要功能劃分113.1.2功能需求描述113.1.3博客系統(tǒng)功能簡圖113.1.4連接數(shù)據(jù)庫的關(guān)鍵代碼123.2博客系統(tǒng)預(yù)期的結(jié)果123.3界面設(shè)計(jì)133.4數(shù)據(jù)庫設(shè)計(jì)14第4章博客系統(tǒng)的實(shí)現(xiàn)174.1博客前臺(tái)頁面設(shè)計(jì)實(shí)現(xiàn)174.1.1首頁面174.1.2博文界面完成效果204.1.3相冊(cè)界面完成效果224.1.4留言界面完成效果234.2博客系統(tǒng)后臺(tái)設(shè)計(jì)實(shí)現(xiàn)254.2.1后臺(tái)登陸頁面254.2.2后臺(tái)功能管理菜單274.3博客系統(tǒng)的測試304.3.1博客系統(tǒng)的具體測試30總結(jié)與展望31致謝32參考文獻(xiàn)33摘要博客是“一種表達(dá)個(gè)人思想、網(wǎng)絡(luò)鏈接、內(nèi)容，按照時(shí)間順序排列，并且不斷更新的出版方式〞。簡單的說博客是一類人，這類人習(xí)慣于在網(wǎng)上寫日記。博客它通常是由簡短且經(jīng)常更新的帖子所構(gòu)成，這些張貼的文章都按照年份和日期倒序排列。Blog的內(nèi)容和目的有很大的不同，從對(duì)其他網(wǎng)站的超級(jí)鏈接和評(píng)論，有關(guān)公司、個(gè)人設(shè)想到日記、照片、詩歌、散文，甚至科幻小說的發(fā)表或張貼都有。本博客與網(wǎng)上的其他博客一樣，實(shí)現(xiàn)了一般博客所具有的功能，能夠進(jìn)行文章，圖片的發(fā)布以及進(jìn)行博客系統(tǒng)中的各個(gè)局部的管理、后臺(tái)的管理等等，瀏覽者可以進(jìn)行瀏覽和留言等等。本博客采用PHP實(shí)現(xiàn)以上功能，用MySQL建立數(shù)據(jù)庫，以Web網(wǎng)頁的形式呈現(xiàn)，用“Wamp5Ver2.0〞實(shí)現(xiàn)瀏覽各項(xiàng)功能。關(guān)鍵詞Blog博文相冊(cè)MySQL數(shù)據(jù)庫緒論博客通常被稱為“網(wǎng)絡(luò)日志〞簡稱為“網(wǎng)志〞。博客是繼EMAILE、BBS、IM之后出現(xiàn)的第四種全新的網(wǎng)絡(luò)交流方式。博客系統(tǒng)不僅僅是一種單向的發(fā)布系統(tǒng)，它有著極其出色的交流功能。在以往的幾種網(wǎng)絡(luò)交流方式中，BBS過于公共化。而EMAILE和即時(shí)通信工具IM那么有很明顯的私人性質(zhì)，博客系統(tǒng)的出現(xiàn)那么將公共性和私人性很好的結(jié)合起來。博客是一個(gè)正處于快速開展和快速演變中的互聯(lián)網(wǎng)新應(yīng)用，它就是一個(gè)網(wǎng)頁，通常由簡短且經(jīng)常更新的帖子構(gòu)成，這些帖子一般是按照年份和日期倒序排列的。它并不等同于“網(wǎng)絡(luò)日志〞。作為網(wǎng)絡(luò)日志是帶有很明顯的私人性質(zhì)的，博客那么是私人性和公共性的有效結(jié)合，它絕不僅僅是純粹個(gè)人思想的表達(dá)和日?，嵤碌挠涗洠峁┑膬?nèi)容可以用來進(jìn)行交流和為他人提供幫助，是可以包容整個(gè)互聯(lián)網(wǎng)的，具有極高的共享精神和價(jià)值。簡言之，博客就是以網(wǎng)絡(luò)作為載體，簡易迅速便捷地發(fā)布自己的心得，即時(shí)有效輕松的與他人進(jìn)行交流，再集豐富多彩的個(gè)性化展示于一體的綜合性平臺(tái)。博客系統(tǒng)可以充分展示每個(gè)用戶的內(nèi)心世界、工作感受、技術(shù)資料等方面的資訊。博客是個(gè)獨(dú)立站點(diǎn)任何人都可以方便的來使用，就像每個(gè)人擁有自己的筆記本開始書寫一樣簡單。博客的出現(xiàn)代替了以前的個(gè)人網(wǎng)站，任何人不需要懂得網(wǎng)頁設(shè)計(jì)的制作技術(shù)，就可以在互聯(lián)網(wǎng)上表達(dá)自己的觀點(diǎn)，展示自己的風(fēng)采，記錄自己的生活瑣事或是工作經(jīng)驗(yàn)，讓自己得到更多人的關(guān)注。1.1博客的作用促進(jìn)學(xué)習(xí)：寫blog可以促進(jìn)學(xué)習(xí)，想寫文章出來，自然不能是泛泛的了解就可以的，要理解了才能寫的出來。這就促進(jìn)了對(duì)某些領(lǐng)域的不斷學(xué)習(xí)和思考。記錄收獲：blog中，常常是記錄下來的都是瞬間的靈感，對(duì)于事物的感悟，經(jīng)過多日的思考和實(shí)踐的結(jié)果，對(duì)于某個(gè)問題的解決方案等等，這些都是財(cái)富，要記錄下來。反映成長：寫blog，可以反映出人的思考過程，而不僅僅是思考結(jié)果。對(duì)于一個(gè)問題或是領(lǐng)域，從不了解到了解，從了解到熟悉，從熟悉到精通。這記錄了一個(gè)人思考和解決問題的成長過程。很久之后，看到自己之前的文章，將會(huì)覺得自己進(jìn)步了。結(jié)交朋友：寫了blog，自然會(huì)有許多志趣相同的朋友來閱讀，這可以認(rèn)識(shí)許多朋友。大家有共同的興趣愛好，自然談得來。共享知識(shí)：blog給大家看，大家的博客也給自己看。這個(gè)問題我解決了，那個(gè)問題他解決了。大家互通有無，建立起一個(gè)社群。交流看法：回復(fù)的人對(duì)博客的觀點(diǎn)或贊同，或反對(duì)，大家一起討論，聽聽別人的思想，可以促進(jìn)雙方的共同進(jìn)步。包裝自己：看到一篇篇用心寫出的文章，自然是對(duì)自己知識(shí)技能的最好宣傳。練習(xí)文筆：寫blog，得考慮這篇文章是否拿得出手吧，全是不通的語句怎么好意思給人看，這是鍛煉語句的好時(shí)機(jī)。1.2研究博客的背景與必要性現(xiàn)在越來越多的人都擁有了自己的私人博客，而且很多公司，單位也都有自己的博客，在這些博客中每個(gè)都有自己獨(dú)立的特點(diǎn)，都有自己的風(fēng)格，為自身樹立了一個(gè)與眾不同的形象，博客也變得越來越普遍，它逐漸成為一個(gè)隨時(shí)可以記錄自己以及身邊發(fā)生的一切的地方，在這里可以發(fā)表自己的觀點(diǎn)，談自己的想法，也可以和別人交流，學(xué)習(xí)到更多東西，研究博客具有很大的價(jià)值博客是繼Email、BBS、ICQ之后出現(xiàn)的第四種網(wǎng)絡(luò)交流方式。博客是網(wǎng)絡(luò)時(shí)代的個(gè)人“讀者文摘〞。博客是以超級(jí)鏈接為武器的網(wǎng)絡(luò)日記。博客是信息時(shí)代的麥哲倫。博客代表著新的生活方式和新的工作方式，更代表著新的學(xué)習(xí)方式。通過博客，讓自己學(xué)到很多，讓別人學(xué)到更多。博客代表著“新聞媒體3.0版〞：舊媒體〔oldmedia〕→新媒體〔newmedia〕→自媒體〔wemedia〕?？傊?，博客是一個(gè)正處于快速開展和快速演變中的互聯(lián)網(wǎng)新應(yīng)用。在《市場術(shù)語》中對(duì)博客的定義為：一種表達(dá)個(gè)人思想和網(wǎng)絡(luò)鏈接，內(nèi)容按照時(shí)間順序排列，并且不斷更新的出版方式。Pyra創(chuàng)始人EvanWilliams認(rèn)為博客概念主要表達(dá)在三個(gè)方面：頻繁更新〔Frequency〕、簡潔明了〔Brevity〕和個(gè)性化〔Personality〕。佩姬?努南的解釋是：博客是每周7天，每天24時(shí)運(yùn)轉(zhuǎn)的言論網(wǎng)站，這種網(wǎng)站以其率真、野性、無保存、富于思想而奇怪的方式提供無拘無束的言論。其他說法還有：博客是一個(gè)“快捷易用的知識(shí)管理系統(tǒng)〞〔DylanTweney〕，博客是新型的“協(xié)同媒體〞，博客是“不停息的網(wǎng)上旅程〞，是“個(gè)人網(wǎng)上出版物〔社區(qū)〕〞，是“網(wǎng)絡(luò)中的信息雷達(dá)系統(tǒng)〞，是“人工搜索引擎〞，是“專家過濾器〞，是“自組織網(wǎng)絡(luò)生態(tài)〞，是“草根記者〞……第2章關(guān)鍵技術(shù)簡介2.1相關(guān)術(shù)語2.1.1站點(diǎn)所謂站點(diǎn)，就是將網(wǎng)頁文件和素材文件，有條理地放置站點(diǎn)文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實(shí)質(zhì)內(nèi)容。站點(diǎn)文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨(dú)文件的形式存在。2.1.2超鏈接我們?cè)跒g覽網(wǎng)頁時(shí)，當(dāng)鼠標(biāo)指針指向某段文本或是某個(gè)圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以翻開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實(shí)現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計(jì)算機(jī)上的海量資源，實(shí)現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web效勞存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。2.1.3URLURL〔UniformResourceLocator的縮寫〕，統(tǒng)一資源定位器?；ヂ?lián)網(wǎng)中某種信息資源以某種方式存儲(chǔ)在網(wǎng)絡(luò)中的某處，必須用一個(gè)惟一的URL來進(jìn)行標(biāo)識(shí)，這樣才能方便查找。對(duì)于Web來說，可以簡單把URL理解為網(wǎng)址。每個(gè)Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個(gè)網(wǎng)頁。例如，://sina/index.html，其意思就是采用超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過超文本傳輸協(xié)議進(jìn)行訪問，默認(rèn)下，“://〞可以省略不輸入。2.2Dreamweaver8.0簡介Dreamweaver是創(chuàng)立和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)立跨平臺(tái)、跨瀏覽器的頁面。Macromedia的RoundtripHTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式。Dreamweaver可以為用戶做到：使用動(dòng)態(tài)HTML功能〔例如具有動(dòng)態(tài)效果的層和行為〕而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。Dreamweaver還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)立自己的對(duì)象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴(kuò)展Dreamweaver的行為和屬性檢查器。至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下假設(shè)干種：(一)文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。(二)裝載器中包含一些翻開和關(guān)閉常用檢查器和模板的按鈕。(三)對(duì)象工具欄包含創(chuàng)立不同類型的對(duì)象〔例如圖像、表格、層等〕的按鈕。(四)屬性檢查器顯示選定對(duì)象的屬性。(五)快捷菜單可以使用戶對(duì)當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。(六)可固定的浮開工具欄允許用戶將浮動(dòng)窗口、檢查器和工具欄組合在一個(gè)或多個(gè)選擇窗口中。2.3AdobePhotoshop簡介Photoshop是目前最流行的圖形、圖像編輯設(shè)計(jì)軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計(jì)、封面設(shè)計(jì)、美術(shù)繪畫、網(wǎng)頁設(shè)計(jì)等領(lǐng)域都被廣泛地應(yīng)用。(一)文字處理更加方便(二)增加了圖層集，讓圖層的管理更有序。(三)新增圖像功能：圖像的剪切和剪裁更加方便。(四)將所有工具的選項(xiàng)板改良為工具選項(xiàng)欄放置在工作區(qū)頂部，方便選項(xiàng)參數(shù)的設(shè)置。(五)為了更方便地用路徑繪畫，改良增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)立路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。2.4開發(fā)語言簡介2.4.1VBScript腳本語言一、VBScript數(shù)據(jù)類型VBScript只有一種數(shù)據(jù)類型Variant。Variant是一種特殊的數(shù)據(jù)類型，根據(jù)使用的方式，它可以包含不同類別的作息。因?yàn)閂ariant是VBScript中惟一的數(shù)據(jù)類型，所以它也是VBScript中所有函數(shù)的返回值的數(shù)據(jù)類型。最簡單的Variant可以包含數(shù)字或字符串。Variant用于數(shù)字上下文中時(shí)作為數(shù)字處理，用于字符串上下文中時(shí)作為字符串處理。這就是說，如果使用看起來像是數(shù)字的數(shù)據(jù)，那么VBScript會(huì)假定其為數(shù)字并以適用于數(shù)字的方式處理。與此類似，如果使用的數(shù)據(jù)只要能是字符串，那么VBScript將按字符串處理。當(dāng)然，也可以將數(shù)字包含在引號(hào)“〞中使其成為字符串。二、VBScript變量在VBScript中只有一個(gè)根本數(shù)據(jù)類型，即Variant，因此所有變量的數(shù)據(jù)類型都是Variant。1.聲明變量聲明變量的常用方式是使用Dim語句、Public語句和Private語句在腳本中顯式聲明。2.變量的命名規(guī)那么變量命名必須遵循VBScript的標(biāo)準(zhǔn)命名規(guī)那么，必須遵循：第一個(gè)字符必須是字母不能包含嵌入的鐘點(diǎn)長度不能超過255個(gè)安符在被聲明的作用域內(nèi)必須惟一合法的變量名，例如Strl、MyVarl、j,不合法的變量名，例如la、abc等。3.循環(huán)語句循環(huán)用于重復(fù)執(zhí)行一組語句。循環(huán)可分為三類：一類在條件變?yōu)镕alse之前重復(fù)執(zhí)行語句，一類在條件變?yōu)門rue之前重復(fù)執(zhí)行語句，另一類按照指定的次數(shù)重復(fù)執(zhí)行語句。在VBScript中可使用以下循環(huán)語句：1)Do...Loop:當(dāng)〔或直到〕條件為True時(shí)循環(huán)。2)While...Wend:當(dāng)條件為True時(shí)循環(huán)。3)For...Next:指定循環(huán)次數(shù)，使用計(jì)數(shù)器重復(fù)運(yùn)行語句。4)ForEach...Next:對(duì)于集合中的每項(xiàng)或數(shù)組中的每個(gè)元素，重復(fù)執(zhí)行一組語句。2.4.2JavaScriptJavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有平安性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java腳本語言〔Java小程序〕一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語言的缺陷，它是Java與HTML折衷的選擇。2.4.3PHP和MySQL簡介PHP，一個(gè)嵌套的縮寫名稱，是英文超級(jí)文本預(yù)處理語言〔PHP:HypertextPreprocessor〕的縮寫。PHP是一種HTML內(nèi)嵌式的語言，是一種在效勞器端執(zhí)行的嵌入HTML文檔的腳本語言，語言的風(fēng)格有類似于C語言，現(xiàn)在被很多的網(wǎng)站編程人員廣泛的運(yùn)用。PHP獨(dú)特的語法混合了C、Java、Perl以及PHP自創(chuàng)新的語法。它可以比CGI或者Perl更快速的執(zhí)行動(dòng)態(tài)網(wǎng)頁。用PHP做出的動(dòng)態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；與同樣是嵌入HTML文檔的腳本語言JavaScript相比，PHP在效勞器端執(zhí)行，充分利用了效勞器的性能；PHP執(zhí)行引擎還會(huì)將用戶經(jīng)常訪問的PHP程序駐留在內(nèi)存中，其他用戶再一次訪問這個(gè)程序時(shí)就不需要重新編譯程序了，只要直接執(zhí)行內(nèi)存中的代碼就可以了，這也是PHP高效率的表達(dá)之一。PHP具有非常強(qiáng)大的功能，所有的CGI或者JavaScript的功能PHP都能實(shí)現(xiàn)，而且支持幾乎所有流行的數(shù)據(jù)庫以及操作系統(tǒng)。PHP最初是1994年RasmusLerdorf創(chuàng)立的，剛剛開始只是一個(gè)簡單的用Perl語言編寫的程序，用來統(tǒng)計(jì)他自己網(wǎng)站的訪問者。后來又用C語言重新編寫，包括可以訪問數(shù)據(jù)庫。PHP1.0，提供了訪客留言本、訪客計(jì)數(shù)器等簡單的功能。PHP2.0，定名為PHP/FI(FormInterpreter〕，參加了對(duì)mySQL的支持，從此建立了PHP在動(dòng)態(tài)網(wǎng)頁開發(fā)上的地位。第三版就定名為PHP3。2000年，PHP4.0又問世了，其中增加了許多新的特性。PHP的特性包括：開放的源代碼：所有的PHP源代碼事實(shí)上都可以得到。PHP是免費(fèi)的。php的便捷性:php十分便捷，學(xué)習(xí)簡單基于效勞器端：由于PHP是運(yùn)行在效勞器端的腳本,可以運(yùn)行在UNIX、LINUX、WINDOWS下。嵌入HTML：因?yàn)镻HP可以嵌入HTML語言，所以學(xué)習(xí)起來并不困難。簡單的語言：PHP堅(jiān)持腳本語言為主，與Java和C++不同。效率高：PHP消耗相當(dāng)少的系統(tǒng)資源。圖像處理：用PHP動(dòng)態(tài)創(chuàng)立圖像面向?qū)ο瘢涸趐hp4,php5中，面向?qū)ο蠓矫娑加辛撕艽蟮母牧?，現(xiàn)在php完全可以用來開發(fā)大型商業(yè)程序。PHP相對(duì)于其他語言，編輯簡單，實(shí)用性強(qiáng)，更適合初學(xué)者。MySQL是目前最流行的開源SQL數(shù)據(jù)庫管理系統(tǒng)，由MySQLAB公司開發(fā)。在MySQL的官方網(wǎng)站://mysql/上，可以找到關(guān)于MySQL的最新信息。MySQL是一種關(guān)系數(shù)據(jù)庫管理系統(tǒng)，其中的SQL指的是“結(jié)構(gòu)化查詢語言〞，是用于訪問數(shù)據(jù)庫的最通用的標(biāo)準(zhǔn)化語言。MySQL最初是為處理大型數(shù)據(jù)庫而開發(fā)的，與已有的解決方案相比，它的速度更快。另外，良好的平安性和方便連接使得MySQL非常適合訪問因特網(wǎng)上的數(shù)據(jù)庫。MySQL的主要特性如下：●能夠工作在絕大局部硬件平臺(tái)和操作系統(tǒng)上，如Linux、MacOS、Windows?！裉峁┝擞糜贑、C++、Eiffel、Java、Perl、PHP、Python、Ruby和Tcl的API?！衿銼QL函數(shù)是使用高度優(yōu)化的類庫實(shí)現(xiàn)的，運(yùn)行很快?！裥谄骺梢宰鳛楠?dú)立的程序以客戶/效勞器方式運(yùn)行，也可以作為庫嵌入〔鏈接〕到其他應(yīng)用程序中。●有大量可用的共享MySQL軟件，大大簡化了MySQL的使用和管理?！裉峁┝遂`活平安的權(quán)限和密碼系統(tǒng)，當(dāng)用戶連接到效勞器時(shí)，所有的密碼傳輸均采用加密形式?！窬哂休^強(qiáng)的可伸縮性，能夠處理大型數(shù)據(jù)庫。使用MyISAM表時(shí)，最大可達(dá)65536TB，因此MySQL數(shù)據(jù)庫的最大表尺寸通常是由操作系統(tǒng)對(duì)文件大小的限制決定的。●MySQL支持多種通信方式。客戶端可以使用TCP/IP協(xié)議、命名管道〔Windows系統(tǒng)的NT系列〕以及UNIX域套接字文件與MySQL效勞器通信。MySQL提供的Connector/ODBC〔MyODBC接口、Connector/J接口和Connector/NET接口可以分別滿足使用ODBC、JDBC連接的客戶端程序以及.NET應(yīng)用程序的連接需要。所以該博客選擇了PHP結(jié)合MySQL以及Dreamweaver進(jìn)行制作。第3章需求分析與博客的設(shè)計(jì)3.1需求分析主要功能劃分主要功能包括：對(duì)文章和圖片的添加，刪除，修改等。瀏覽者可以選擇自己感興趣的類別，然后進(jìn)行閱讀，并且可以對(duì)其留言和評(píng)價(jià)。在后臺(tái)管理頁面中，通過認(rèn)證管理者身份，管理員可以對(duì)博客系統(tǒng)中的信息進(jìn)行管理。功能需求描述〔1〕前臺(tái)任何用戶都可以對(duì)所有類別的文章和圖片進(jìn)行瀏覽，也可以選擇自己感興趣的類別瀏覽。如果想對(duì)某篇文章想說說自己的想法，可以進(jìn)行留言，或者對(duì)整個(gè)博客進(jìn)行評(píng)價(jià)。〔2〕后臺(tái)后臺(tái)主要是對(duì)前臺(tái)頁面中的文章和圖片進(jìn)行添加、刪除、修改，并同時(shí)連接數(shù)據(jù)庫及時(shí)的對(duì)其進(jìn)行更新。以及對(duì)用戶的留言進(jìn)行管理?！?〕用戶管理管理人員：后臺(tái)管理人員主要是系統(tǒng)管理人員，其他用戶不能進(jìn)入。后臺(tái)管理人員要處理管理員登陸、查詢信息、發(fā)布和更新信息、添加、刪除、修改等信息。個(gè)人用戶：個(gè)人用戶只能瀏覽博客以及進(jìn)行留言等，不能讓那個(gè)進(jìn)入后臺(tái)。與系統(tǒng)管理人員有很大的區(qū)別。博客系統(tǒng)功能簡圖博客系統(tǒng)系統(tǒng)利用Dreamweaver、PHP、MySQL數(shù)據(jù)庫等技術(shù)。將自己的心得和記錄以及一些精彩的東西向他人開放，使其與他人進(jìn)行交流和學(xué)習(xí)，它不僅使自己有一個(gè)抒寫心得，記錄東西的地方更加方便了自己與他人交流分享也為其他人提供不過了一個(gè)參考，學(xué)習(xí)的地方。下面是該博客系統(tǒng)的功能簡圖:圖3-1博客系統(tǒng)的功能簡圖連接數(shù)據(jù)庫的關(guān)鍵代碼<?$conn=mysql_connect("localhost","root","123456")ordie("數(shù)據(jù)庫效勞器連接錯(cuò)誤".mysql_error());mysql_select_db("blog",$conn)ordie("數(shù)據(jù)庫訪問錯(cuò)誤".mysql_error());mysql_query("setcharactersetutf-8");mysql_query("setnamesutf-8");?>3.2博客系統(tǒng)預(yù)期的結(jié)果本博客系統(tǒng)的預(yù)期成果是完成前臺(tái)各種信息正確的顯示和后臺(tái)中對(duì)數(shù)據(jù)的添加、刪除、修改等功能全部實(shí)現(xiàn)。具體介紹如下：1.前臺(tái)的各個(gè)頁面首頁面中將對(duì)在博客后臺(tái)所添加的文章、圖片等顯示出來、以及文章和圖片的導(dǎo)航，留言等等。2.后臺(tái)的各個(gè)頁面登陸頁面，管理員可以通過此頁面進(jìn)入后臺(tái)管理整個(gè)系統(tǒng)。所以在登陸頁面時(shí)一定要做好平安的判斷，一定是在擁有正確的用戶名，密碼的前提下才能正確登陸。否那么不能登陸。進(jìn)入后臺(tái)管理系統(tǒng)后，對(duì)系統(tǒng)分為六大模塊：文章管理，添加文章管理，文章類別管理，圖片管理，圖片類別管理，留言管理以及其它模塊。在文章管理模塊中：文章管理應(yīng)實(shí)現(xiàn)文章的添加，刪除，修改。在添加文章管理模塊中主要是針對(duì)文章標(biāo)題、文章內(nèi)容、文章摘要、文章類別的添加。而文章類別管理模塊主要是對(duì)文章類別的添加和刪除。圖片管理和圖片類別管理：能夠添加圖片類別，對(duì)圖片進(jìn)行添加和刪除。留言管理：對(duì)用戶的留言進(jìn)行查看和刪除。3.3界面設(shè)計(jì)在明確了博客系統(tǒng)的風(fēng)格和定位后，就是博客系統(tǒng)的材料組織以及博客各個(gè)的頁面設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)。首先當(dāng)然應(yīng)該是博文質(zhì)量。界面裝飾得再花哨，而文章卻很臭，對(duì)別人也是沒多大吸引力的。正所謂“花里胡哨，空空如也〞，說的就是這個(gè)道理。

在保證博文質(zhì)量的前提下，對(duì)博客做適當(dāng)?shù)男揎椕阑怯斜匾?，因?yàn)椴┛褪且粋€(gè)很私人的東西，是代表自己的符號(hào)，所以一定要表達(dá)出自己的風(fēng)格以及審美，千人一面就太讓人乏味了。因?yàn)?，這世界本就是多彩的。

美化自己的博客，首先要考慮的就是界面整體風(fēng)格的和諧統(tǒng)一，一定要追求專屬于個(gè)人的標(biāo)志及特色。從別的網(wǎng)站上復(fù)制幾行源代碼，然后添上幾滴水珠、幾朵鮮花，抑或者加上一個(gè)鐘表。這些做法并沒有什么太大的實(shí)際意義。接下來就應(yīng)該是頭圖和背景圖的制作過程了，這局部大致分四步：

①構(gòu)思：首先要明確的是，想要做出一幅什么風(fēng)格的頭圖及與之對(duì)應(yīng)的背景圖。在腦海中勾勒出一個(gè)大致的輪廓，然后進(jìn)行下一步的工作。

②搜集素材：當(dāng)明確設(shè)計(jì)的大致方向，利用網(wǎng)上的壁紙站、百度搜索等尋找所需要的各種元素。③制作：創(chuàng)立新圖層，調(diào)整顏色，然后把需要的各種元素經(jīng)過繪制、摳圖、濾鏡、描邊、調(diào)整、縮放等步驟后添加到圖中去，最后，經(jīng)過調(diào)整及修飾，最后完成制作。④應(yīng)用：挑選與設(shè)計(jì)的頭圖和背景圖所搭配的界面模版，然后開始應(yīng)用。個(gè)人博客設(shè)計(jì)的要求：第一、導(dǎo)航清晰，布局合理，層次清楚，頁面的鏈接層次不要太深，盡量讓瀏覽者用最短的時(shí)間找到自己感興趣的內(nèi)容；第二、風(fēng)格統(tǒng)一：保持統(tǒng)一的風(fēng)格，有助于加深瀏覽者對(duì)博客系統(tǒng)的印象。要實(shí)現(xiàn)風(fēng)格的統(tǒng)一，不一定要把每個(gè)欄目做得一模一樣，舉個(gè)例子來說，可以嘗試讓導(dǎo)航條樣式統(tǒng)一，各個(gè)欄目采用不同的色彩搭配，在保持風(fēng)格統(tǒng)一的同時(shí)為網(wǎng)站增加一些變化；第三、色彩和諧、重點(diǎn)突出：在界面設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原那么，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美觀的頁面；第四、界面清爽：要吸引訪問者長時(shí)間的停留在你的博客中，千萬不能讓瀏覽者第一眼就感覺壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要比照鮮明，這樣訪問者瀏覽時(shí)眼睛才不致疲勞。適當(dāng)?shù)牧舭卓梢宰尳缑娓逅?；第五、?dòng)態(tài)效果不宜太多：適當(dāng)?shù)膭?dòng)態(tài)效果可以起到畫龍點(diǎn)睛的作用，過多的動(dòng)態(tài)效果會(huì)讓人眼花繚亂而抓不住主題。3.4數(shù)據(jù)庫設(shè)計(jì)1、本網(wǎng)站的數(shù)據(jù)庫名為blog。共6張表，各表的名字分別為：bo_admin、bo_chat、bo_class、bo_list、bo_pic、bo_pic_class。2、各表介紹〔1〕管理員信息表管理員根本表主要是管理員的一些根本信息，如管理員帳號(hào)和密碼,管理員通過其中信息進(jìn)入后臺(tái)進(jìn)行管理，區(qū)別與普通用戶。表名為bo_admin。表結(jié)果如表3-1所示：表3-1管理員信息表〔2〕留言管理表留言管理表主要是管理瀏覽者在瀏覽某些內(nèi)容后的留言，對(duì)留言查看、刪除等管理。表名為bo_chat。表結(jié)構(gòu)如表3-2所示：表3-2留言管理表〔3〕文章類別管理表文章類別管理表是可以進(jìn)行文章類別的添加，刪除的信息表，管理員能夠通過它在后臺(tái)添加自己想要的文章類型。表名為bo_class。表結(jié)構(gòu)如表3-3所示：表3-3文章類別管理表〔4〕文章管理表文章管理表主要是記錄，顯示所添加的文章的題目、內(nèi)容、時(shí)間等，在后臺(tái)運(yùn)行時(shí)實(shí)現(xiàn)對(duì)文章的添加、刪除、修改等功能。表名為bo_list。表結(jié)構(gòu)如表3-4所示：表3-4文章管理表〔5〕圖片管理表圖片管理主要是對(duì)整個(gè)博客中的圖片進(jìn)行添加、刪除等。表名為bo_pic。表結(jié)構(gòu)如表3-5所示：表3-5圖片管理表〔6〕圖片類別管理表圖片類別管理表主要是對(duì)整個(gè)博客中圖片類別的添加、刪除，管理員可以根據(jù)自己的需要添加不同類型的圖片，表名為bo_pic_class。表結(jié)構(gòu)如表3-7所示：表3-6圖片類別管理表以上這些表就是整個(gè)博客系統(tǒng)的數(shù)據(jù)庫中的所有表，通過數(shù)據(jù)庫連接代碼連接到后臺(tái)，然后管理員再進(jìn)入后臺(tái)管理處就可以實(shí)現(xiàn)對(duì)整個(gè)博客系統(tǒng)的管理。第4章博客系統(tǒng)的實(shí)現(xiàn)4.1博客前臺(tái)頁面設(shè)計(jì)實(shí)現(xiàn)首頁面1、首頁面的設(shè)計(jì)前臺(tái)所有的頁面的設(shè)計(jì)都是分模塊來設(shè)計(jì)的，除了相冊(cè)頁面分為2局部top〔頭部〕和Body〔主體〕外，其他頁面分為top(頭部)，bottom(底部)，Body(主體)，期中在Body中由包括了其他內(nèi)容。這樣在做網(wǎng)站的時(shí)候只需要變動(dòng)這些模塊就行了，而top和bottom局部直接調(diào)用就也可以了。如在首頁代碼中就包含了下面的其他局部：<?phpinclude("admin/inc.php");include("admin/lib/db.class.php");?>首頁面里，分為三大塊，用一個(gè)大行三列固定好整個(gè)框架，頂部單獨(dú)為一塊，右邊用來顯示最新的評(píng)論，留言。中間用來顯示文章的類型，以及最新添加進(jìn)去的文章，最新添加的圖片等。這時(shí)里面所有的信息都從數(shù)據(jù)庫里面讀取。所用到的關(guān)鍵代碼如下：<?php$arr=$db->get_result("select*frombo_class");foreach($arras$value){?><tdwidth="99"class="STYLE21"><divalign="center"class="STYLE47"><ahref="boke.php?class=<?phpecho$value['id']?>"><?phpecho$value['co_content']?></a></div></td><?php}?><?php$arr=$db->get_result("select*frombo_listlimit0,5");foreach($arras$value){?><tr><tdheight="53"background="img/di.jpg"><spanclass="STYLE53"><ahref="article.php?id=<?phpecho$value['id']?>"><?phpecho$value['li_title']?></a></span></td></tr><tr><tdheight="20"background="img/di.jpg"><spanclass="STYLE24"><?phpecho$value['li_time']?></span></td></tr><tr><tdheight="128"background="img/di.jpg"><?phpecho$value['li_expert']?></td></tr><tr><tdheight="61"background="img/di.jpg">spanclass="STYLE35"><ahref="article.php?id=<?phpecho$value['id']?>">閱讀全文>></a></span></td></tr><?php$temp_row=$db->get_row("bo_class",array("id"=>$value['li_class']));echo$temp_row['co_content'];?>評(píng)論〔<?php echo$db->get_nums("bo_chat",array('ch_article_id'=>$value['id']));?>〕瀏覽〔<?phpecho$value['li_hits'];?>?>2、首頁面完成效果首頁面一般會(huì)顯示出博客中的相關(guān)信息，里面主要包括導(dǎo)航、最新添加的文章、最新添加的圖片、最近的評(píng)論等等內(nèi)容。博客首頁效果圖如圖4-1、圖4-2、圖4-3所示：圖4-1博客首頁圖圖4-2博客首頁圖圖4-3博客首頁圖博文界面完成效果該頁面主要是顯示出博客中的所有文章，在該頁面的右邊是所有文章的分類，和瀏覽者的最新評(píng)論，瀏覽者可以選擇自己喜歡的類型，可以查看其他人留下的評(píng)論和自己留下的評(píng)論，頁面顯示效果如圖4-4、圖4-5所示：圖4-4博文界面圖圖4-5博文界面圖相冊(cè)界面完成效果該頁面主要是顯示出博客中所有添加的圖片，在博客的頭部下面是對(duì)圖片的分類，瀏覽者可以選擇喜歡的圖片類型進(jìn)行瀏覽，頁面顯示效果如圖4-6、圖4-7所示：圖4-6相冊(cè)界面圖圖4-7相冊(cè)界面圖留言界面完成效果任何博客或者網(wǎng)站中都有一個(gè)瀏覽者能夠發(fā)表自己觀點(diǎn)的地方，本博客也不例外，留言能夠反應(yīng)很多的有用的信息，不僅能夠幫助博客管理人員更好的了解該博客系統(tǒng)的缺乏之處，而且有些信息還有很好的參考性、學(xué)習(xí)性，也可對(duì)其他瀏覽者產(chǎn)生幫助。頁面顯示效果如圖4-8、圖4-9所示：圖4-8留言板界面圖圖4-9留言板界面圖4.2博客系統(tǒng)后臺(tái)設(shè)計(jì)實(shí)現(xiàn)后臺(tái)登陸頁面1、此頁面在設(shè)計(jì)時(shí)主要是有一個(gè)表格用模塊來控制排版，這里最重要的是平安問題的考慮。這個(gè)表格要向數(shù)據(jù)庫輸入數(shù)據(jù)所以要放在表單里面。后臺(tái)連接數(shù)據(jù)庫代碼如下：登陸頁面如圖4-10所示：圖4-10登陸界面圖點(diǎn)擊登陸按鈕時(shí)觸發(fā)，在MySQL數(shù)據(jù)庫里面的管理員信息表中的admin_name和admin_pwd與當(dāng)前所輸入信息進(jìn)行比擬，存在并且正確那么登陸，否那么錯(cuò)誤提示。只要代碼如下：<?phpsession_start();include"conn.php";$admin_name=$_POST['admin_name'];$admin_pwd=$_POST['admin_pwd'];if($_GET['action']=="go"){$sql="select*frombo_adminwhereadmin_name='".$admin_name."'andadmin_pwd='".$admin_pwd."'";$result=mysql_query($sql); $num=mysql_num_rows($result);$row=mysql_fetch_array($result,MYSQL_ASSOC);if($num==1)//登錄成功。{$_SESSION['admin_name']=$_POST['admin_name']; $_SESSION['admin_pwd']=$_POST['admin_pwd']; echo"<script>alert('登陸成功！');</script>"; $result=mysql_query($sql);echo"<scriptlanguage='javascript'>";echo"location='main.php';";echo"</script>";} else//登錄失敗。{ echo"<script>alert('用戶名或密碼輸入錯(cuò)誤!');</script>"; echo"<scriptlanguage='javascript'>parent.window.history.go(-1);</script>;} }?>在輸入的管理員帳號(hào)和密碼與數(shù)據(jù)庫管理員信息表中和的帳號(hào)密碼相同時(shí)那么登陸成功，如圖4-11所示：圖4-11登陸成功圖演示沒輸入管理員帳號(hào)或者密碼或者管理員帳號(hào)、密碼均不輸入或者輸入與數(shù)據(jù)庫中管理員信息表中的帳號(hào)、密碼不相符時(shí)那么登陸出錯(cuò)，如圖4-12所示：圖4-12登陸失敗圖<?$conn=mysql_connect("localhost","root","123456")ordie("數(shù)據(jù)庫效勞器連接錯(cuò)誤".mysql_error());mysql_select_db("blog",$conn)ordie("數(shù)據(jù)庫訪問錯(cuò)誤".mysql_error());mysql_query("setcharactersetutf-8");mysql_query("setnamesutf-8");?>后臺(tái)功能管理菜單1、管理人員由于本博客系統(tǒng)要求比擬簡單，所以只設(shè)置有一個(gè)管理員，沒有注冊(cè)用戶，也不分為超級(jí)管理員和普通管理員，系統(tǒng)中的信息均是由一個(gè)管理員管理,管理員可以對(duì)數(shù)據(jù)庫系統(tǒng)中的所有信息進(jìn)行添加、刪除、修改,如果沒有經(jīng)過任何登陸進(jìn)入后臺(tái)那么非法登陸，頁面上不顯示任何內(nèi)容,其頁面為admin\acl.php,其判斷代碼如下：<?phpsession_start();if($_SESSION['admin_name']==""||$_SESSION['admin_pwd']==""){ //沒有登陸就直接進(jìn)入后臺(tái) die("非法登陸"); }?>2、管理員表頁面完成效果表4-1管理員列表3、信息管理后臺(tái)信息管理主要是對(duì)博客中文章、文章類別和圖片、圖片類別以及對(duì)瀏覽者的留言內(nèi)容進(jìn)行添加、刪除和修改。這項(xiàng)功能只能管理員進(jìn)行此操作。通過對(duì)這些信息進(jìn)行相應(yīng)的操作后在前臺(tái)顯示出來。其中包含了admin\articles.php、admin\pic_classes.php、admin\pictures.php、admin\add_article.php等等頁面、可以在這些頁面進(jìn)行相關(guān)代碼編寫，所有信息都是通過連接數(shù)據(jù)庫從數(shù)據(jù)庫里面讀出來完成頁面如圖4-13、圖4-14、圖4-15所示：圖4-13文章類別管理圖圖4-14文章添加圖圖4-15圖片添加圖4.3博客系統(tǒng)的測試博客系統(tǒng)的具體測試1、登錄對(duì)本博客而言，主要是管理員可以登陸后臺(tái)。所以在登陸時(shí)對(duì)賬號(hào)，密碼的正確性要求很高。我們?cè)跍y試時(shí)一般是看是否可以不登陸面直接進(jìn)入后臺(tái)。在登陸時(shí)賬號(hào)或密碼不小心輸錯(cuò)后，可以試多少次的限制。對(duì)大小寫是否敏感。這些都是我們需要注意的地主。2、SessionWeb應(yīng)用系統(tǒng)是否有超時(shí)的限制，也就是說，瀏覽者在一定時(shí)間內(nèi)沒有點(diǎn)擊任何頁面，是否需要重新登陸才能正常使用。3、博客功能測試這里主要是看信息是否能正確的添加，刪除，或修改。瀏覽者是否能夠成功的添加留言，管理員能否在數(shù)據(jù)庫中進(jìn)行相關(guān)的操作，以及在添加、刪除、修改相關(guān)信息后能否在前臺(tái)頁面正確的顯示出來。