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

1、<p><b>　　專(zhuān)科畢業(yè)論文</b></p><p>　　題目: Dreamweaver+Access個(gè)人博客系統(tǒng)</p><p>　　學(xué)生姓名 </p><p>　　專(zhuān)業(yè)班級(jí) 軟件技術(shù)</p><p>　　學(xué) 號(hào) </p>

2、<p>　　院 (系) 計(jì)算機(jī)科學(xué)與技術(shù)系</p><p>　　指導(dǎo)教師 </p><p>　　2013年1月14日</p><p>　　Dreamweaver+Access個(gè)人博客系統(tǒng)</p><p><b>　　摘 要</b></p><p>　

3、　博客，又譯為網(wǎng)絡(luò)日志、部落格或部落閣等，是一種通常由個(gè)人管理、不定期張貼新的文章的網(wǎng)站，也是現(xiàn)今網(wǎng)絡(luò)上最為流行的交流平臺(tái)。博客上的文章通常根據(jù)張貼時(shí)間，以倒序方式由新到舊排列。許多博客專(zhuān)注在特定的課題上提供評(píng)論或新聞，其他則被作為比較個(gè)人的日記。一個(gè)典型的博客結(jié)合了文字、圖像、其他博客或網(wǎng)站的鏈接、及其它與主題相關(guān)的媒體。能夠讓讀者以互動(dòng)的方式留下意見(jiàn)，是許多博客的重要要素。大部分的博客內(nèi)容以文字為主，仍有一些博客專(zhuān)注在藝術(shù)、攝影、視

4、頻、音樂(lè)、播客等各種主題。博客是社會(huì)媒體網(wǎng)絡(luò)的一部</p><p><b>　　分[1].。</b></p><p>　　本博客系統(tǒng)便是嘗試用Dreamweaver在網(wǎng)絡(luò)上架構(gòu)一個(gè)動(dòng)態(tài)的電子商務(wù)網(wǎng)站，它是在Windows XP下，以ACCESS為數(shù)據(jù)庫(kù)開(kāi)發(fā)平臺(tái)，Netbox作為測(cè)試服務(wù)器，采用Dreamweaver(Active Server Pages)技術(shù)開(kāi)發(fā)的個(gè)

5、人博客系統(tǒng)。分為前臺(tái)和后臺(tái)兩部分，前臺(tái)部分主要實(shí)現(xiàn)日志、留言板、個(gè)人檔的瀏覽功能。后臺(tái)部分由管理員和用戶使用，主要包括用戶注冊(cè)，日志管理，留言板管理，個(gè)人資料管理等功能。</p><p>　　建立后的個(gè)人博客系統(tǒng)是一個(gè)動(dòng)態(tài)、交互式、具有類(lèi)似于新浪博客、QQ空間等網(wǎng)絡(luò)交流互動(dòng)平臺(tái)網(wǎng)站。</p><p>　　關(guān)鍵詞: Dreamweaver/ACCESS/Netbox/個(gè)人博客系統(tǒng)</p

6、><p><b>　　目 錄</b></p><p><b>　　摘 要Ⅰ</b></p><p><b>　　前 言1</b></p><p>　　1 系統(tǒng)需求分析2</p><p>　　2 開(kāi)發(fā)工具的選用及介紹3</p>&l

7、t;p>　　2.1 Dreamweaver3</p><p>　　2.2 Access4</p><p>　　2.3 Dreamweaver6</p><p>　　3 數(shù)據(jù)庫(kù)設(shè)計(jì)及數(shù)據(jù)庫(kù)語(yǔ)言介紹7</p><p>　　3.1數(shù)據(jù)庫(kù)設(shè)計(jì)7</p><p>　　3.2采用的數(shù)據(jù)庫(kù)語(yǔ)言---SQL7<

8、/p><p>　　3.3數(shù)據(jù)庫(kù)連接9</p><p>　　4 系統(tǒng)詳細(xì)設(shè)計(jì)12</p><p>　　4.1 前臺(tái)功能實(shí)現(xiàn)13</p><p>　　4.1.1 前臺(tái)總體設(shè)計(jì)13</p><p>　　4.1.2 前臺(tái)功能模塊實(shí)現(xiàn)13</p><p>　　4.2 后臺(tái)管理22</p>

9、;<p>　　4.2.1后臺(tái)總體設(shè)計(jì)17</p><p>　　4.2.2后臺(tái)功能模塊實(shí)現(xiàn)18</p><p>　　5 系統(tǒng)運(yùn)行測(cè)試27</p><p><b>　　結(jié)束語(yǔ)30</b></p><p><b>　　參考文獻(xiàn)31</b></p><p>&

10、lt;b>　　致 謝32</b></p><p><b>　　前 言</b></p><p>　　博客是一個(gè)網(wǎng)頁(yè)，通常由簡(jiǎn)短且經(jīng)常更新的帖子構(gòu)成，這些帖子一般是按照年份和日期倒序排列的。而作為Blog的內(nèi)容，它可以是你純粹個(gè)人的想法和心得，包括你對(duì)時(shí)事新聞、國(guó)家大事的個(gè)人看法，或者你對(duì)一日三餐、服飾打扮的精心料理等，也可以是在基于某一主題的情況

11、下或是在某一共同領(lǐng)域內(nèi)由一群人集體創(chuàng)作的內(nèi)容。它并不等同于“網(wǎng)絡(luò)日記”。作為網(wǎng)絡(luò)日記是帶有很明顯的私人性質(zhì)的，而B(niǎo)log則是私人性和公共性的有效結(jié)合，它絕不僅僅是純粹個(gè)人思想的表達(dá)和日常瑣事的記錄，它所提供的內(nèi)容可以用來(lái)進(jìn)行交流和為他人提供幫助，是可以包容整個(gè)互聯(lián)網(wǎng)的，具有極高的共享精神和價(jià)值。 本論文主要闡述一個(gè)博客網(wǎng)站系統(tǒng)的建設(shè)及其后臺(tái)操作過(guò)程和一些關(guān)鍵技術(shù)。該系統(tǒng)信息來(lái)源主要由用戶直接添加，通過(guò)審核后,在網(wǎng)站上發(fā)布出來(lái),以

12、供大家共同欣賞。本系統(tǒng)包含有四大模塊，日志、留言、個(gè)人檔等三大功能。該博客網(wǎng)站系統(tǒng)是應(yīng)用Dreamweaver8、Access2007、Photoshop CS3等軟件，后臺(tái)結(jié)合Dreamweaver編程技術(shù)開(kāi)發(fā)出來(lái)的。我們根據(jù)個(gè)人喜好開(kāi)發(fā)了個(gè)人博客系統(tǒng)。 </p><p><b>　　1 系統(tǒng)需求分析</b></p><p>　　在Internet飛速發(fā)展的今天，

13、互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。</p><p>　　個(gè)人博客系統(tǒng)就是當(dāng)今網(wǎng)絡(luò)上

14、最為流行的交流互動(dòng)平臺(tái)，個(gè)人系統(tǒng)是針對(duì)網(wǎng)絡(luò)用戶的交流需求，提供一個(gè)方便的可以支持跨地域結(jié)交朋友、聊天、互動(dòng)、了解多方信息的平臺(tái)。個(gè)人博客內(nèi)容豐富，界面簡(jiǎn)潔美觀，大大豐富了當(dāng)代人的精神需求。</p><p>　　博客能讓個(gè)人在互聯(lián)網(wǎng)上表達(dá)自己的心聲。這是一個(gè)收集和共享任何感興趣的事物的地方--可以是政治評(píng)論、個(gè)人日記或是指向您想記住的網(wǎng)站的鏈接。許多人使用博客只是要組織自己的想法，而有些人則在全球成千上萬(wàn)的瀏覽者中

15、贏得影響力。職業(yè)和業(yè)余新聞?dòng)浾呤褂貌┛桶l(fā)布特發(fā)新聞，而有寫(xiě)日記習(xí)慣的人則會(huì)在博客 中宣示自己內(nèi)心的想法。而攝影和美術(shù)發(fā)燒者，可以通過(guò)博客 系統(tǒng)的管理自己的作品，無(wú)論您要發(fā)表什么意見(jiàn)，博客都可以幫您表達(dá)出來(lái)。</p><p>　　博客作為一種新表達(dá)的方式，它的傳播不僅情緒，包括大量的智慧、意見(jiàn)和思想。某種意義上說(shuō)，它也是一種新的文化現(xiàn)象，博客的出現(xiàn)和繁榮，真正凸現(xiàn)網(wǎng)絡(luò)的知識(shí)價(jià)值，標(biāo)志著互聯(lián)網(wǎng)發(fā)展開(kāi)始步入更高的階段。

16、</p><p>　　2 開(kāi)發(fā)工具的選用及介紹</p><p>　　隨著Internet技術(shù)的快速發(fā)展與普及，各種制作網(wǎng)頁(yè)的軟件也如雨后春筍，從最初制作靜態(tài)網(wǎng)頁(yè)的Html到現(xiàn)在非常流行的“Dreamweaver” 、“JSP” 、“. NET”等互動(dòng)網(wǎng)頁(yè)制作工具，該網(wǎng)站的制作主要用到了Dreamweaver、Access和Dreamweaver等。</p><p>

17、　　2.1 Dreamweaver</p><p>　　(1)利用Dreamweaver可以實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁(yè)的一些功能限制，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)； </p><p>　　(2)Dreamweaver文件是包含在HTML代碼所組成的文件中的，易于修改和測(cè)試； </p><p>　　(3)服務(wù)器上的Dreamweaver解釋程序會(huì)在服務(wù)器端制定Dreamweaver程序，并

18、將結(jié)果以HTML格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽Dreamweaver所產(chǎn)生的網(wǎng)頁(yè)； </p><p>　　(4)Dreamweaver提供了一些內(nèi)置對(duì)象，使用這些對(duì)象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過(guò)HTML表單提交的信息，并在腳本中對(duì)這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息； </p><p>　　(5)Dreamweaver

19、可以使用服務(wù)器端ActiveX組建來(lái)執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫(kù)、發(fā)現(xiàn)那個(gè)Email或訪問(wèn)文件系統(tǒng)等； </p><p>　　(6)由于服務(wù)器是將Dreamweaver程序執(zhí)行的結(jié)果以HTML格式傳回客戶端瀏覽器，因此使用者不會(huì)看到Dreamweaver所編寫(xiě)的原始程序代碼，可放置Dreamweaver程序代碼被竊取[5]。</p><p>　　2.2 Access</p>

20、;<p>　　Access 是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)(RDBMS)，是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報(bào)表、頁(yè)、宏、模塊7種用來(lái)建立數(shù)據(jù)庫(kù)系統(tǒng)的對(duì)象；提供了多種向?qū)?、生成器、模板，把?shù)據(jù)存儲(chǔ)、數(shù)據(jù)查詢、界面設(shè)計(jì)、報(bào)表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫(kù)管理系統(tǒng)提供了方便，也使得普通用戶不必編寫(xiě)代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)[2].。 </p>

21、<p>　　Access是一種關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，其主要特點(diǎn)如下： </p><p>　　(1)存儲(chǔ)方式單一 </p><p>　　Access管理的對(duì)象有表、查詢、窗體、報(bào)表、頁(yè)、宏和模塊，以上對(duì)象都存放在后綴為(.mdb)的數(shù)據(jù)庫(kù)文件種，便于用戶的操作和管理。 </p><p><b>　　(2)面向?qū)ο?</b></p&

22、gt;<p>　　Access是一個(gè)面向?qū)ο蟮拈_(kāi)發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫(kù)系統(tǒng)中的各種功能對(duì)象化，將數(shù)據(jù)庫(kù)管理的各種功能封裝在各類(lèi)對(duì)象中。它將一個(gè)應(yīng)用系統(tǒng)當(dāng)作是由一系列對(duì)象組成的，對(duì)每個(gè)對(duì)象它都定義一組方法和屬性，以定義該對(duì)象的行為和外國(guó)，用戶還可以按需要給對(duì)象擴(kuò)展方法和屬性。通過(guò)對(duì)象的方法、屬性完成數(shù)據(jù)庫(kù)的操作和管理，極大地簡(jiǎn)化了用戶的開(kāi)發(fā)工作。同時(shí)，這種基于面向?qū)ο蟮拈_(kāi)發(fā)方式，使得開(kāi)發(fā)應(yīng)用程序更為簡(jiǎn)便。 <

23、;/p><p>　　(3)界面友好、易操作 </p><p>　　Access是一個(gè)可視化工具，是風(fēng)格與Windows完全一樣，用戶想要生成對(duì)象并應(yīng)用，只要使用鼠標(biāo)進(jìn)行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報(bào)表設(shè)計(jì)器以及數(shù)據(jù)庫(kù)向?qū)?、表向?qū)?、查詢向?qū)?、窗體向?qū)?、?bào)表向?qū)У裙ぞ撸沟貌僮骱?jiǎn)便，容易使用和掌握。 </p><p>　　(4)集成環(huán)境、處理多

24、種數(shù)據(jù)信息 </p><p>　　Access基于Windows操作系統(tǒng)下的集成開(kāi)發(fā)環(huán)境，該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ撸瑯O大地提高了開(kāi)發(fā)人員的工作效率，使得建立數(shù)據(jù)庫(kù)、創(chuàng)建表、設(shè)計(jì)用戶界面、設(shè)計(jì)數(shù)據(jù)查詢、報(bào)表打印等可以方便有序地進(jìn)行。 </p><p>　　(5)Access支持ODBC(開(kāi)發(fā)數(shù)據(jù)庫(kù)互連，Open Data Base Connectivity)，利用Access強(qiáng)大的D

25、DE(動(dòng)態(tài)數(shù)據(jù)交換)和OLE(對(duì)象的聯(lián)接和嵌入)特性，可以在一個(gè)數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動(dòng)態(tài)的數(shù)據(jù)庫(kù)報(bào)表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動(dòng)態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫(kù)訪問(wèn)頁(yè)對(duì)象生成HTML文件，輕松構(gòu)建Internet/Intranet的應(yīng)用[3]。</p><p>　　2.3 Dreamweaver</p><p>　　使用M

26、acromedia公司的產(chǎn)品Dreamweaver軟件。因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁(yè)面效果，該網(wǎng)站頁(yè)面主要使用Dreamweaver軟件。還用到一些基本上的Html語(yǔ)言。</p><p>　　(1)處理圖片工具：Photoshop9.0是Adobe公司的產(chǎn)品，是功能非常強(qiáng)大的專(zhuān)業(yè)圖形軟件，可以制作任何你想要的平面效果。其中包含的ImageReady是用于網(wǎng)頁(yè)圖片制作的。</p>&

27、lt;p>　　(2)制作動(dòng)畫(huà)工具：Macromedia公司出品的Flash互動(dòng)網(wǎng)頁(yè)制作工具與Dreamweaver和firework并稱網(wǎng)頁(yè)制作三劍客，該網(wǎng)站使用Flash制作動(dòng)畫(huà)效果</p><p>　　(3)動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)：腳本語(yǔ)言Javascript和Vbscript，Javascript是Netscape，它介于JAVA和HTML之間，是基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven

28、)并運(yùn)行于客戶端的編程語(yǔ)言。網(wǎng)站主要運(yùn)用javascript制作一些網(wǎng)頁(yè)特效。Dreamweaver(Active Server Pages)是包括HTML標(biāo)記、文本和腳本命令的文件，使用它可以創(chuàng)建動(dòng)態(tài)、交互的 Web 服務(wù)器應(yīng)用程序，并可以組合HTML頁(yè)、腳本命令和ActiveX組件以創(chuàng)建交互的Web頁(yè)和基于Web的功能強(qiáng)大的應(yīng)用程序[6]。</p><p>　　3 數(shù)據(jù)庫(kù)設(shè)計(jì)及數(shù)據(jù)庫(kù)語(yǔ)言介紹</p>

29、;<p><b>　　3.1 數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　本系統(tǒng)采用的數(shù)據(jù)庫(kù)是Microsoft Access，建立db.mdb數(shù)據(jù)庫(kù)，然后建立相應(yīng)的表。</p><p>　　該數(shù)據(jù)庫(kù)中表及其用途如表3-1所示。</p><p>　　表3-1 數(shù)據(jù)表功能一覽表</p><p>　　3.2 采用的

30、數(shù)據(jù)庫(kù)語(yǔ)言---SQL</p><p>　　SQL是英文Structured Query Language的縮寫(xiě)，意思為結(jié)構(gòu)化查詢語(yǔ)言。按照ANSI(美國(guó)國(guó)家標(biāo)準(zhǔn)協(xié)會(huì))的規(guī)定，SQL被作為關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)的標(biāo)準(zhǔn)語(yǔ)言。SQL語(yǔ)言的主要功能就是同各種數(shù)據(jù)庫(kù)建立聯(lián)系，進(jìn)行溝通。SQL語(yǔ)句通常用于完成一些數(shù)據(jù)庫(kù)的操作任務(wù)，比如在數(shù)據(jù)庫(kù)中更新數(shù)據(jù)，或者從數(shù)據(jù)庫(kù)中檢索數(shù)據(jù)。使用SQL的常見(jiàn)關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)有：Or

31、acle、 Sybase、 Microsoft SQL Server、 Access、 Ingress等等。雖然絕大多數(shù)的數(shù)據(jù)庫(kù)系統(tǒng)使用SQL，但是它們同樣有它們自立另外的專(zhuān)有擴(kuò)展功能用于它們的系統(tǒng)。但是，標(biāo)準(zhǔn)的SQL命令，比如"Select"、 "Insert"、 "Update"、 "Delete"、 "Create"和 "

32、Drop"常常被用于完成絕大多數(shù)數(shù)據(jù)庫(kù)的操作。在眾多的SQL命令中，select語(yǔ)句應(yīng)該算是使用最頻繁的。select語(yǔ)句主要被用來(lái)對(duì)數(shù)據(jù)庫(kù)進(jìn)行查詢并返回符合用戶查詢標(biāo)準(zhǔn)的結(jié)果數(shù)據(jù)。select語(yǔ)句中位于select關(guān)鍵詞之后的列名用來(lái)決定哪些列將作為查詢結(jié)果返回。用戶可以按照自己的需要選擇任意列，</p><p><b>　　3.3 數(shù)據(jù)庫(kù)連接</b></p>&l

33、t;p>　　本系統(tǒng)采用的測(cè)試服務(wù)器是Netbox，需要寫(xiě)出main.box文件，main.box文件代碼如下：</p><p><b>　　Dim httpd</b></p><p>　　Shell.Service.RunService "NBWeb", "NetBox Web Server", "NetBox

34、Http Server Sample"</p><p>　　'---------------------- Service Event ---------------------</p><p>　　Sub OnServiceStart()</p><p>　　Set httpd = NetBox.CreateObject("NetBox

35、.HttpServer") </p><p>　　If httpd.Create("", 80) = 0 Then </p><p>　　Set host = httpd.AddHost("", "\boke") </p><p>　　host.EnableScrip

36、t = true </p><p>　　host.AddDefault "default.Dreamweaver" </p><p>　　host.AddDefault "default.htm" </p><p>　　host.AddDefault "ind

37、ex.Dreamweaver" </p><p>　　host.AddDefault "index.htm" </p><p>　　httpd.Start </p><p><b>　　else</b></p>&

38、lt;p>　　Shell.Quit 0 </p><p><b>　　end if</b></p><p><b>　　End Sub</b></p><p>　　Sub OnServiceStop() </p&

39、gt;<p>　　httpd.Close</p><p><b>　　End Sub</b></p><p>　　Sub OnServicePause() </p><p>　　httpd.Stop</p><p><b>　　End Sub<

40、;/b></p><p>　　Sub OnServiceResume() </p><p>　　httpd.Start</p><p><b>　　End Sub</b></p><p>　　我們將與數(shù)據(jù)庫(kù)的連接，單獨(dú)寫(xiě)

41、出來(lái)并進(jìn)行編譯，也就是數(shù)據(jù)庫(kù)連接的conn.Dreamweaver文件，我們?cè)贒reamweaver頁(yè)面中只用直接調(diào)用改方法即可，存放在根目錄文件下，我們?cè)谛枰獙?duì)數(shù)據(jù)庫(kù)進(jìn)行操作的時(shí)候只需在頁(yè)面上添加這樣一個(gè)標(biāo)簽<!--#include file=" conn.Dreamweaver"-->即可。</p><p><b>　　連接關(guān)鍵代碼如下：</b></

42、p><p><b>　　<%</b></p><p><b>　　'打開(kāi)數(shù)據(jù)庫(kù)連接</b></p><p>　　dim conn,connstr,db,rs</p><p>　　db="manage/db/db.mdb"</p><p>　　Se

43、t conn = Server.CreateObject("ADODB.Connection")</p><p>　　connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(""&db&"")</p><

44、;p>　　'如果你的服務(wù)器采用較老版本Access驅(qū)動(dòng)，請(qǐng)用下面連接方法[5]</p><p>　　'connstr="driver={Microsoft Access Driver (*.mdb)};dbq=" & Server.MapPath(db)</p><p>　　conn.Open connstr</p><

45、p><b>　　%></b></p><p><b>　　4 系統(tǒng)詳細(xì)設(shè)計(jì)</b></p><p>　　系統(tǒng)結(jié)構(gòu)圖如圖4-1所示。</p><p><b>　　登 返</b></p><p><b>　　錄 回</b></

46、p><p>　　圖4-1 系統(tǒng)結(jié)構(gòu)圖</p><p>　　4.1 前臺(tái)功能實(shí)現(xiàn) </p><p>　　4.1.1 前臺(tái)總體設(shè)計(jì)</p><p>　　前臺(tái)主要是個(gè)人博客的主要功能展示界面，又稱客戶界面，要求來(lái)訪者能看到管理者的日志、留言，還有管理和用戶的登錄功能以及來(lái)訪者的留言功能管理。所用功能主要可分為以下模塊：</p><p

47、>　　(1)日志模塊：根據(jù)日志內(nèi)容可分為幾大項(xiàng)內(nèi)容以不同內(nèi)容區(qū)塊兒展示；</p><p>　　(2)留言版模塊：展示所用來(lái)訪者以及用戶、管理者的留言；</p><p>　　4.1.2 前臺(tái)功能模塊實(shí)現(xiàn) </p><p>　　根據(jù)系統(tǒng)的功能分析可以畫(huà)出系統(tǒng)的功能結(jié)構(gòu)圖，分別從客戶界面、管理界面對(duì)功能模塊圖加以描述?？蛻艚缑娴南到y(tǒng)功能模塊如圖4-2所示。<

48、/p><p>　　圖4-2 客戶界面的模塊功能圖</p><p>　　4.1.2.1日志模塊</p><p>　　根據(jù)日志內(nèi)容分為多個(gè)展示部分，在首頁(yè)顯示，通過(guò)綁定記錄集和建立重復(fù)區(qū)域等在首頁(yè)實(shí)現(xiàn)對(duì)文章的瀏覽，如圖4-3所示。</p><p>　　在首頁(yè)日志欄通過(guò)點(diǎn)擊各類(lèi)日志標(biāo)題可以顯示不同的日志.實(shí)現(xiàn)其功能需要在Dreamweaver中增加代碼

49、加以實(shí)現(xiàn)，主要代碼如下：</p><p><b>　　<%</b></p><p>　　sql="select * from rz_fenlei"</p><p>　　set rs=Server.CreateObject("ADODB.RecordSet")</p><p>

50、　　rs.Open sql,conn,1,1</p><p>　　do while not rs.EOF</p><p><b>　　%></b></p><p>　　<li ><a href="index.Dreamweaver?class_id=<%=rs("rz_flid")%&

51、gt;" title="<%=rs("rz_flname")%>"><%=rs("rz_flname")%></a></li></p><p><b>　　<%</b></p><p>　　rs.movenext</p>&l

52、t;p><b>　　loop</b></p><p><b>　　rs.Close</b></p><p>　　set rs=nothing</p><p><b>　　%> </b></p><p>　　圖4-3 日志模塊圖</p><p>

53、;　　另外，在前臺(tái)顯示日志的主要代碼如下：</p><p><b>　　<%</b></p><p><b>　　t=0</b></p><p>　　Set rs=Server.CreateObject("ADODB.RecordSet") </p><p>　　sql=&

54、quot;Select top 10 * from rizhi order by rz_id desc" </p><p>　　rs.Open sql,conn,1,1</p><p>　　if not Rs.eof then</p><p>　　do while not rs.eof</p><p><b>　　t=t+

55、1</b></p><p><b>　　%></b></p><p>　　<li>&nbsp;&nbsp;&nbsp;<a href="rizhi.Dreamweaver?rz_id=<%=rs("rz_id")%>" title="<

56、%=rs("rz_title")%>" target="_blank"><%=left(rs("rz_title"),14)%></a></li></p><p><b>　　<% </b></p><p>　　if t>=14 then

57、exit do </p><p>　　rs.movenext </p><p><b>　　loop </b></p><p><b>　　end if </b></p><p>　　4.1.2.2 留言板模塊</p><p>　　可以以日期順序顯示不同來(lái)訪者的留言、來(lái)訪者姓

58、名、頭像、發(fā)表時(shí)間，以及添加新的留言功能。留言功能版面如圖4-4所示。</p><p>　　在留言板模塊中顯示留言的功能主要用代碼實(shí)現(xiàn)，主要代碼如下：</p><p><b>　　<%</b></p><p>　　sql="select * from rz_fenlei"</p><p>　　s

59、et rs=Server.CreateObject("ADODB.RecordSet")</p><p>　　rs.Open sql,conn,1,1</p><p>　　do while not rs.EOF</p><p><b>　　%></b></p><p>　　<li >

60、<a href="index.Dreamweaver?class_id=<%=rs("rz_flid")%>" title="<%=rs("rz_flname")%>"><%=rs("rz_flname")%></a></li></p><p>

61、;<b>　　<%</b></p><p>　　圖4-4 留言板模塊圖</p><p>　　rs.movenext</p><p><b>　　loop</b></p><p><b>　　rs.Close</b></p><p>　　set rs

62、=nothing</p><p><b>　　%></b></p><p>　　主要的是發(fā)表留言，為了實(shí)現(xiàn)非用戶的留言功能，凡是博客的來(lái)訪者均可留言的效果，我們加入了以下代碼來(lái)實(shí)現(xiàn)：</p><p>　　<form action="" method="post" id="form&q

63、uot; name="form" onsubmit="return checkBook();"></p><p>　　<div id="huif"></p><p>　　<div id="hfleft"></p><p><b>　　<ul&

64、gt;</b></p><p><b>　　<li>昵 稱：</b></p><p>　　<input type="text" name="rz_hfname"/></p><p><b>　　</li></b></p>

65、<p>　　<li id="hfnr">內(nèi) 容：</p><p>　　<textarea name="rz_hfcontent" cols="50" rows="5"></textarea></p><p><b>　　</li></b&

66、gt;</p><p><b>　　<li>表 情：</b></p><p>　　<select name="rz_hfimg" size=1 onchange="showimage()" ></p><p>　　<option value="1.gif"

67、>頭像1</option></p><p><b>　　······</b></p><p>　　<option value="50.gif">頭像50</option></p><p><b>　　</se

68、lect></b></p><p><b>　　</li></b></p><p>　　<li>Q&nbsp;&nbsp; Q：</p><p>　　<input type="text" name="rz_hfqq"/></p&g

69、t;<p><b>　　</li></b></p><p><b>　　<li>網(wǎng) 址：</b></p><p>　　<input type="text" name="rz_hfurl"/></p><p>　　<div id=

70、"hfsimt"></p><p>　　<input type="submit" name="Submit" value="回復(fù)"/></p><p>　　<input type="reset" name="Submit" value="

71、重置" /></p><p>　　<input type="hidden" value="add" name="ok" /></p><p><b>　　</div></b></p><p><b>　　</li></

72、b></p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p>　　<div id="hfright"><img src="biaoqin/1.gif" name="rz

73、_hfimg" hspace="10" vspace="5" align="middle" /></p><p>　　<script>function showimage(){document.images.rz_hfimg.src="biaoqin/"+document.form.rz_hfimg.opt

74、ions[document.form.rz_hfimg.selectedIndex].value}</script></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</form><

75、;/b></p><p>　　4.1.2.3 登錄模塊</p><p>　　一個(gè)單獨(dú)的登錄也面可以通過(guò)輸入管理員或用戶的賬號(hào)、密碼、隨機(jī)驗(yàn)證碼實(shí)現(xiàn)登錄后臺(tái)功能，如圖4-5所示。</p><p>　　圖4-5 登錄模塊圖</p><p>　　其中最主要的是與數(shù)據(jù)庫(kù)連接進(jìn)行用戶驗(yàn)證。令系統(tǒng)可以判斷登錄者是否為合格用戶，如果合格，直接跳轉(zhuǎn)入后

76、臺(tái)管理界面。如果用戶名或密碼或驗(yàn)證碼錯(cuò)誤，則需要登錄用戶重新輸入，主要代碼如下：</p><p>　　<SCRIPT language=javascript></p><p><b>　　<!--//</b></p><p>　　function SetFocus()</p><p><b>

77、　　{</b></p><p>　　if (document.myform.adminname.value=="")</p><p>　　document.myform.adminname.focus();</p><p><b>　　else</b></p><p>　　document

78、.myform.adminname.select();</p><p><b>　　}</b></p><p>　　function CheckForm()</p><p><b>　　{</b></p><p>　　if(document.myform.adminname.value=="

79、;")</p><p><b>　　{</b></p><p>　　alert("請(qǐng)輸入管理員名！");</p><p>　　document.myform.adminname.focus();</p><p>　　return false;</p><p><

80、b>　　}</b></p><p>　　if(document.myform.adminpwd.value == "")</p><p><b>　　{</b></p><p>　　alert("請(qǐng)輸入密碼！");</p><p>　　document.myfor

81、m.adminpwd.focus();</p><p>　　return false;</p><p><b>　　}</b></p><p>　　if(document.myform.admincode.value == "")</p><p><b>　　{</b></

82、p><p>　　alert("請(qǐng)輸入您的密碼！");</p><p>　　document.myform.admincode.focus();</p><p>　　return false;</p><p><b>　　}</b></p><p><b>　　}</

83、b></p><p>　　4.125 美圖欣賞</p><p>　　一個(gè)單獨(dú)的頁(yè)面，以3D的效果瀏覽一些圖片，其完成效果如圖4-6所示。</p><p><b>　　4.2 后臺(tái)管理</b></p><p>　　4.2.1 后臺(tái)總體設(shè)計(jì)</p><p>　　后臺(tái)管理部分主要包括用戶身份驗(yàn)證，

84、管理員通過(guò)進(jìn)入后臺(tái)完成添加用戶、刪除用戶。添加文章、文章分類(lèi)，刪除文章，文章分類(lèi)信息。刪除留言等功能。完成對(duì)用戶、文章、留言的處理操作。</p><p>　　所用功能主要可分為以下模塊：</p><p>　　(1)用戶管理模塊：只有管理員有權(quán)操作，實(shí)現(xiàn)用戶添加以及刪除功能；</p><p>　　(2)日志分類(lèi)管理模塊：根據(jù)日志內(nèi)容不同，增加、修改或刪除日志分類(lèi)；&l

85、t;/p><p>　　(3)日志管理模塊：實(shí)現(xiàn)日志的添加、修改和刪除操作；</p><p>　　(4)留言管理模塊：對(duì)前臺(tái)訪問(wèn)者的留言進(jìn)行選擇性刪除功能；</p><p>　　圖4-6 圖片瀏覽效果圖</p><p>　　4.2.2 后臺(tái)功能模塊實(shí)現(xiàn)</p><p>　　后臺(tái)管理界面的功能如圖4-6所示。</p>

86、;<p>　　4.2.2.1 用戶管理模塊</p><p>　　用戶管理模塊主要包括添加用戶，刪除用戶兩個(gè)部分：</p><p><b>　　(1)添加用戶頁(yè)面</b></p><p>　　想要成為本系統(tǒng)用戶，需要通過(guò)管理員幫助注冊(cè)方可，管理員輸入用戶名稱和密碼，確認(rèn)密碼后點(diǎn)擊“添加”。添加用戶界面如圖4-7所示。</p&g

87、t;<p>　　圖4-6 管理界面的功能圖</p><p>　　圖4-7 添加用戶界面</p><p>　　實(shí)現(xiàn)往系統(tǒng)里添加用戶的主要代碼如下：</p><p>　　dim rs2,sql2</p><p>　　txqname=Trim(saferequest("txqname"))</p>&

88、lt;p>　　txqpass=Trim(saferequest("txqpass"))</p><p>　　txqpasss=Trim(saferequest("txqpasss"))</p><p>　　set rs2=Server.CreateObject("ADODB.RecordSet")</p>&l

89、t;p>　　sql2="select * from admin where txqname='"&txqname&"'"</p><p>　　rs2.Open sql2,conn,1,1</p><p>　　if not (rs2.eof and rs2.BOF) then</p><p>

90、;　　txqname=rs2("txqname")</p><p>　　Response.Write("<script language=javascript>alert('你填寫(xiě)管理員名稱已經(jīng)存在\請(qǐng)重新填寫(xiě)');history.back(1);</script>")</p><p>　　Response.E

91、nd</p><p><b>　　end if</b></p><p>　　if request.Form("txqname")="" then</p><p>　　Response.Write("<script language=javascript>alert('你必須填

92、寫(xiě)管理員名稱');history.back(1);</script>")</p><p>　　Response.End</p><p><b>　　end if</b></p><p>　　if request.Form("txqname")="txqname" then&l

93、t;/p><p>　　Response.Write("<script language=javascript>alert('你填寫(xiě)管理員名稱已經(jīng)存在\請(qǐng)重新填寫(xiě)');history.back(1);</script>")</p><p>　　Response.End</p><p><b>　　end

94、 if</b></p><p>　　if request.Form("txqpass")="" then</p><p>　　Response.Write("<script language=javascript>alert('你必須填寫(xiě)管理員密碼');history.back(1);</scr

95、ipt>")</p><p>　　Response.End</p><p><b>　　end if</b></p><p>　　if request.Form("txqpasss")="" then</p><p>　　Response.Write("&

96、lt;script language=javascript>alert('你必須填寫(xiě)確認(rèn)密碼');history.back(1);</script>")</p><p>　　Response.End</p><p><b>　　end if</b></p><p>　　if request.Form(

97、"txqpass")<>request.Form("txqpasss") then</p><p>　　Response.Write("<script language=javascript>alert('你的確認(rèn)密碼和管理員密碼不一致\n請(qǐng)重新填寫(xiě)');history.back(1);</script>&quo

98、t;)</p><p>　　Response.End</p><p><b>　　end if</b></p><p><b>　　rs2.Close</b></p><p>　　set rs2=nothing</p><p>　　dim rs3,sql3</p>

99、<p>　　set rs3=Server.CreateObject("ADODB.Recordset")</p><p>　　rs3.Open "select * from admin",conn,1,3</p><p>　　txqname=Request.Form("txqname")</p><

100、;p>　　txqpass=Request.Form("txqpass")</p><p>　　rs3.AddNew</p><p>　　rs3("txqname")=txqname</p><p>　　rs3("txqpass")=md5(txqpass)</p><p>　　

101、rs3.Update</p><p><b>　　rs3.Close</b></p><p>　　set rs3=nothing</p><p>　　Response.Write("<script language=javascript>alert('添加成功！');history.back(1);<

102、/script>")</p><p>　　Response.End</p><p><b>　　end sub</b></p><p><b>　　sub</b></p><p>　　4.2.2.2 日志管理模塊</p><p>　　為了在主頁(yè)中實(shí)現(xiàn)我們的日志

103、以分類(lèi)的形式表現(xiàn)，還有處理新增分類(lèi)的功能，在系統(tǒng)后臺(tái)我們做出了分類(lèi)管理功能。如圖4-8所示。</p><p>　　圖4-8 日志分類(lèi)管理界面</p><p>　　在日志分類(lèi)管理界面中，我們只需找到列表中需要操作的分類(lèi)名稱，然后點(diǎn)擊名稱后面的刪除或修改按鈕，就可以將此分類(lèi)刪除或修改。主要代碼如下：</p><p>　　分類(lèi)ID： <select name=&qu

104、ot;rz_flid"><%</p><p>　　sql="select * from rz_fenlei where rz_flid="&rz_flid</p><p>　　set rs=Server.CreateObject("ADODB.RecordSet")</p><p>　　rs.O

105、pen sql,conn,1,1</p><p><b>　　%></b></p><p>　　<option value="<%=rs("rz_flId")%>"><%=rs("rz_flName")%></option></p><

106、p><b>　　<% </b></p><p><b>　　rs.close</b></p><p>　　set rs=nothing</p><p><b>　　%></b></p><p><b>　　<% </b></p

107、><p>　　sql="select * from rz_fenlei"</p><p>　　set rs=Server.CreateObject("ADODB.RecordSet")</p><p>　　rs.Open sql,conn,1,1</p><p>　　do while not rs.EOF&

108、lt;/p><p><b>　　%></b></p><p>　　<option value="<%=rs("rz_flId")%>" <%if rs2("rz_flid")=rs("rz_flid") then response.write "sele

109、cted='selected'"%>><%=rs("rz_flName")%></option></p><p><b>　　<%</b></p><p>　　rs.MoveNext</p><p><b>　　loop</b><

110、/p><p><b>　　rs.Close</b></p><p>　　set rs=nothing</p><p><b>　　%></b></p><p><b>　　</select></b></p><p>　　分類(lèi)名稱：<s

111、elect name="rz_flname"><%</p><p>　　sql="select * from rz_fenlei where rz_flid="&rz_flid</p><p>　　set rs=Server.CreateObject("ADODB.RecordSet")</p>

112、<p>　　rs.Open sql,conn,1,1</p><p><b>　　%></b></p><p>　　<option value="<%=rs("rz_flname")%>"><%=rs("rz_flName")%></option&g

113、t;</p><p><b>　　<% </b></p><p><b>　　rs.close</b></p><p>　　set rs=nothing</p><p><b>　　%></b></p><p><b>　　<

114、% </b></p><p>　　sql="select * from rz_fenlei"</p><p>　　set rs=Server.CreateObject("ADODB.RecordSet")</p><p>　　rs.Open sql,conn,1,1</p><p>　　do

115、 while not rs.EOF</p><p><b>　　%></b></p><p>　　<option value="<%=rs("rz_flname")%>" <%if rs2("rz_flid")=rs("rz_flid") then respo

116、nse.write "selected='selected'"%>><%=rs("rz_flName")%></option></p><p><b>　　<%</b></p><p>　　rs.MoveNext</p><p><b>

117、　　loop</b></p><p><b>　　rs.Close</b></p><p>　　set rs=nothing</p><p><b>　　%></b></p><p>　　為了方便管理日志內(nèi)容，我們?cè)诤笈_(tái)設(shè)立了管理日志功能，此功能模塊分為添加日志和管理日志兩部分，如

118、圖4-9、4-10所示。</p><p>　　添加日志界面中我們有很清晰的編輯視圖，其中包含眾多文字編輯功能，可以讓用戶添加出美觀、個(gè)性、格式規(guī)范的日志，日志在編輯完畢后只需要點(diǎn)擊添加按鈕，就可以把新編輯的日志登到前臺(tái)。實(shí)現(xiàn)此功能主要代碼如下：</p><p><b>　　<%</b></p><p><b>　　end sub

119、</b></p><p>　　sub addokcat()</p><p>　　call addcat()</p><p>　　rz_flname=Request.Form("rz_flname")</p><p>　　set rs=Server.CreateObject("ADODB.RecordS

120、et")</p><p>　　rs.Open"select * from rz_fenlei",conn,1,3</p><p>　　圖4-9 添加日志界面</p><p><b>　　rs.AddNew</b></p><p>　　rs("rz_flname")=rz_

121、flname</p><p><b>　　rs.Update</b></p><p><b>　　rs.Close</b></p><p>　　Succeed("<li>添加日志分類(lèi)成功</li>")</p><p><b>　　end sub&

122、lt;/b></p><p>　　sub editcat()</p><p>　　sql="select * from rz_fenlei where rz_flid="&request.QueryString("id")</p><p>　　set rs=Server.CreateObject("AD

123、ODB.RecordSet")</p><p>　　rs.Open sql,conn,1,1</p><p><b>　　%></b></p><p>　　圖4-10管理日志界面</p><p>　　管理日志功能主要是實(shí)現(xiàn)日志的修改和刪除功能，用戶先在此界面中選擇需要修改或刪除的日志標(biāo)題，然后如果是點(diǎn)擊修

124、改，則頁(yè)面轉(zhuǎn)到編輯日志界面，此時(shí)可以對(duì)日志進(jìn)行編輯，如果用戶點(diǎn)擊刪除，則該日志直接從此界面中刪除。實(shí)現(xiàn)此功能主要代碼如下：</p><p><b>　　<%</b></p><p>　　set rs=nothing</p><p><b>　　end sub</b></p><p>　　sub

125、 editokcat()</p><p>　　call EditCat()</p><p>　　sql="select * from rz_fenlei where rz_flid="&request.QueryString("id")</p><p>　　set rs=server.CreateObject(&quo

126、t;ADODB.RecordSet")</p><p>　　rs.Open sql,conn,1,3</p><p>　　rs("rz_flname")=Request.Form("rz_flname")</p><p><b>　　rs.Update</b></p><p&

127、gt;<b>　　rs.Close</b></p><p>　　set rs=nothing</p><p>　　conn.Close</p><p>　　set conn=nothing</p><p>　　Succeed("<li>修改日志分類(lèi)成功</li>")</p

128、><p><b>　　end sub</b></p><p>　　sub listcat()</p><p><b>　　%></b></p><p>　　4.2.2.4 留言管理模塊</p><p>　　留言管理模塊是為了修改前臺(tái)的留言板功能，如圖4-11所示。</

129、p><p>　　留言管理模塊中可以查看留言內(nèi)容、留言者姓名和對(duì)留言進(jìn)行刪除操作。實(shí)現(xiàn)此功能得主要代碼如下：</p><p>　　<script language="javascript"></p><p>　　function CheckAll(form) </p><p>　　圖4-11留言管理界面</p

130、><p>　　{ for (var i=0;i<form.elements.length;i++) </p><p>　　{ var e = form.elements[i];</p><p>　　if (e.name != 'chkall')</p><p>　　e.checked = form.chkall.che

131、cked; }}</p><p>　　function CheckOne()</p><p>　　{ var flag=false; </p><p>　　var ID=document.getElementsByName("rz_ID"); </p><p>　　for(i=0;i<ID.leng

132、th;i++)</p><p>　　{ if (ID(i).checked)</p><p><b>　　{ </b></p><p>　　flag=true; </p><p>　　break; } } </p><p>　　if (!flag) </p>&

133、lt;p>　　{ alert('請(qǐng)至少選擇一條記錄！');</p><p>　　return false; } } </p><p><b>　　</script></b></p><p><b>　　5系統(tǒng)運(yùn)行測(cè)試</b></p><p>　　系統(tǒng)測(cè)

134、試是系統(tǒng)開(kāi)發(fā)過(guò)程的重要組成部分，是用來(lái)確認(rèn)一個(gè)程序的品質(zhì)或性能是否符合開(kāi)發(fā)之前所提出的一些要求。系統(tǒng)測(cè)試就是在系統(tǒng)投入運(yùn)行前，對(duì)系統(tǒng)需求分析、設(shè)計(jì)規(guī)格說(shuō)明和編碼的最終復(fù)審，是系統(tǒng)質(zhì)量保證的關(guān)鍵步驟。</p><p>　　Dreamweaver程序需要將程序文件發(fā)布到Web服務(wù)器后才能瀏覽網(wǎng)頁(yè)的內(nèi)容，所以要在做好的Dreamweaver程序文件夾旁放置main.box文件才能運(yùn)行，對(duì)所做的程序采取邊做邊運(yùn)行測(cè)試的方

135、法，做完一個(gè)功能模塊就對(duì)其進(jìn)行測(cè)試驗(yàn)證，看看能不能讀或?qū)憯?shù)據(jù)庫(kù)。</p><p><b>　　具體方法如下：</b></p><p>　　在網(wǎng)站主目錄中雙擊main.box文件，運(yùn)行服務(wù)器；</p><p><b>　　說(shuō)明：</b></p><p>　　(1)在Dreamweaver 建立站點(diǎn)，測(cè)

136、試文件那一步應(yīng)輸入http://localhost/再點(diǎn)擊“測(cè)試URL”，測(cè)試成功后，即可保證網(wǎng)頁(yè)的正常預(yù)覽。</p><p>　　(2)連接數(shù)據(jù)庫(kù)時(shí)，連接字符串的路徑應(yīng)與虛擬目錄名字保持一致: dbq="&server.mappath("/data/220.mdb")，從而保證與數(shù)據(jù)庫(kù)的連接.</p><p>　　(3)在Dreamweaver中，找