畢業(yè)論文---個人網(wǎng)站設計

1、<p>　　畢 業(yè) 設 計（論 文）</p><p>　　論文題目： 文武屋-個人網(wǎng)站設計 </p><p>　　辦學單位： </p><p>　　指導老師： 職 稱： 教授 </p><p>　　學生姓名： 學

2、 號: </p><p>　　專 業(yè)：計算機及應用　　</p><p>　　2007年 06月 13日</p><p>　　畢業(yè)設計（論文）任務書</p><p>　　題目： 文武屋-個人網(wǎng)站設計</p><p><b>　　任務與要求：</b&

3、gt;</p><p>　　設計一個個人網(wǎng)站，包括首頁、日記、相冊、音樂、留言欄目；其中，</p><p>　　以上幾個欄目有不同分類的子欄目；還有相冊中圖片由分類顯示、圖片</p><p>　　幻燈片播放功能、音樂在線播放功能、發(fā)表留言和查看留言功能等。</p><p>　　時間： 2007 年 4 月15 日 至

4、2007 年 6 月 13 日 共 8 周</p><p>　　辦學單位： </p><p>　　學生姓名： 學 號： </p><p>　　專業(yè)： 計算機及應用</p><p>　　指導單位或教研室： 電子科技大學計算機學院</p&g

5、t;<p>　　2007年 06月 13日</p><p>　　畢業(yè)設計(論文)進度計劃表</p><p>　　本表作評定學生平時成績的依據(jù)之一。</p><p><b>　　摘要</b></p><p>　　本文就個人網(wǎng)站的規(guī)劃與建設，以軟件工程的方法對全過程進行了分析與研究。本文的主要工作集中在：<

6、;/p><p>　　1. 對Web頁進行概述，主要是對Internet的歷史和發(fā)展作了回顧，并對Web頁的定義和特性進行闡述。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術作了簡要的介紹。</p><p>　　2. 對網(wǎng)站建設中提及到的術語進行了解釋，并對個人網(wǎng)站的由來和發(fā)展進行了討論。</p><p>　　3. 對自己的個人網(wǎng)站從規(guī)劃到建設進行了詳細的分析。</p

7、><p>　　4. 使用ASP＋IIS＋Access技術實現(xiàn)了我的網(wǎng)站的各種功能，其中和數(shù)據(jù)庫的連接使用到了ODBC技術。</p><p>　　5. 就網(wǎng)站建設提出了自己的觀點與建議。</p><p>　　關鍵詞 網(wǎng)站　ASP　SQL Server　風格　創(chuàng)意</p><p><b>　　Abstract</b>&

8、lt;/p><p>　　The groundwork of this text is concentrated on: </p><p>　　1. Go on because it sum up, whose name is mainly act as and review at developments of history against Internets, for Web the de

9、finitions of pages go on and explain at characteristics. And has done brief introduction to the developing instrument and technology that are used in the course of developping of Web site. </p><p>　　2. The g

10、etting under more construction about Web site mention go on and explain for personal the origins of the Web site go on and discuss at developments at term that get. </p><p>　　3. The getting Web site personal

11、 planning to building detailed more analysis about the one one's own.</p><p>　　4. Use ASP of + IIS + SQL technologies of it realize the various kinds of function in Web sites of me of,among them and join

12、 and use and for ODBC technology at data bases .</p><p>　　5. From Web site build and propose one's own view and suggestions.</p><p>　　KEY WORD Website ASP SQL Server Style Creativity&l

13、t;/p><p><b>　　目錄</b></p><p>　　第一章 緒 言…………………………………………………………………2</p><p>　　第一節(jié) Web頁概述……………………………………………………………… 2</p><p>　　第二節(jié)開發(fā)工具的選用及介紹 ………………………………………………… 3<

14、;/p><p>　　第四節(jié) 關系型數(shù)據(jù)庫的選擇 …………………………………………………… 6</p><p>　　第二章 個人網(wǎng)站設計分析……………………………………………………7</p><p>　　第一節(jié) 相關術語及解釋……………………………………………………………7</p><p>　　第二節(jié) 個人網(wǎng)站的由來和發(fā)展 ………………………………

15、………………… 8</p><p>　　第三節(jié) 我的個人網(wǎng)站的設計與規(guī)劃………………………………………………8</p><p>　　第三章：詳細設計 ………………………………………………………………………10第一節(jié) 數(shù)據(jù)庫設計 ………………………………………………………………10</p><p>　　第二節(jié) 頁面的設計 …………………………………………………………

16、……13</p><p>　　第四章：編碼、測試與維護…………………………………………………………… 28</p><p>　　第一節(jié) 測試與維護 …………………………………………………………… 28</p><p>　　第二節(jié) 設計技巧和解決方法…………………………………………………… 30</p><p>　　結束語…………………………

17、………………………………………………31</p><p>　　謝辭……………………………………………………………………………32</p><p>　　參考文獻………………………………………………………………………33</p><p><b>　　緒 言</b></p><p>　　在已跨入21世紀的今天，人類使用和學習信

18、息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑， 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡技術的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了

19、一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡世界的一片天地，展示自己的才華和風格。</p><p>　　第一節(jié) Web頁概述</p><p>　　一、 認識Web Web(World Wide Web，簡稱WWW，又稱萬維網(wǎng))是目前Internet上應用最廣泛也是最重要的信息服務類型，它的影響已經(jīng)進入了Internet上的廣告、新聞、電子商務和展示信息等各個服務領域。

20、 Web采用瀏覽器/服務器（B/S）工作模式，其運作模式可以描述為：請求→處理→應答。</p><p>　　Web以超文本標記語言HTML(Hyper Text Markup Language)與超文本傳輸協(xié)議HTTP(Hyper Text Transfer Protocol)為基礎，通過瀏覽器為用戶提供方便友好的信息瀏覽界面。 Web將位于全世界互聯(lián)網(wǎng)上不同網(wǎng)址的相關信息有機地編織在一起。在Web

21、服務方式中，信息以頁面（或稱Web頁）的形式存儲在Web服務器中，這些頁面采用超文本的方式對信息進行組織，通過鏈接將一頁信息鏈接到另一頁信息。這些相互鏈接的頁面既可以放置在同一臺主機上，也可以放置在不同的主機上。頁面到頁面的鏈接信息由統(tǒng)一資源定位器URL(Uniform Resource Locator)維持。用戶通過客戶端應用程序（即瀏覽器）向Web服務器發(fā)出請求，服務器根據(jù)客戶端的請求將保存在服務器中的某個頁面返回給客戶端，瀏覽器接

22、收到頁面后對其進行解釋，最終將信息以圖、文、聲并茂的形式呈現(xiàn)給用戶。 Web服務的特點在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文本、圖像、聲音、動畫和視頻等）和服務（如New、FTP、Telnet、Gopher及Mail等）的無縫鏈接，特別適</p><p>　　第二節(jié) 開發(fā)工具的介紹及選擇</p><p>　　一、夢幻網(wǎng)頁的編織者------Dreamweaver8.0&l

23、t;/p><p>　　Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的Roundtrip HTML技術允許用戶隨意導入HTML文檔而無需重新設置代碼格式。</p><p>　　Dreamweaver可以為用戶做到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶

24、的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。</p><p>　　Dreamweaver還是一個可以完全自定義的應用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴展Dreamweaver的行為和屬性檢查器。</p><p>　　至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應各種不同的工作風格和使用水平。常用的Dreamweave

25、r工作區(qū)組件有以下若干種：</p><p>　　(一) 文檔窗口可顯示當前文檔，文檔的外觀和瀏覽器中看到的非常相似。</p><p>　　(二) 裝載器中包含一些打開和關閉常用檢查器和模板的按鈕。</p><p>　　(三) 對象工具欄包含創(chuàng)建不同類型的對象（例如圖象、表格和層等）的按鈕。</p><p>　　(四) 屬性檢查器顯示選定對象的

26、屬性。</p><p>　　(五) 快捷菜單可以使用戶對當前選擇或區(qū)域快速執(zhí)行某些命令。</p><p>　　(六) 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。</p><p>　　二、網(wǎng)頁動畫的制作軟件----Micromedia Flash 8.0</p><p>　　Micromedia Flash

27、 8.0用于web站點的交互式的矢量圖形和動畫的制作，它可制作出 用于瀏覽時的導航控制、制作動畫圖標、帶同步聲音的大段的動畫，創(chuàng)建出生動的富于表現(xiàn)力的網(wǎng)頁。Flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應瀏覽者不同尺寸的屏幕。</p><p>　　Flash 的交互性的大部分設置就在 Action 和 Fs Command 里，通過對 Action 和 Fs Command

28、的設置，你可以隨意的設置各事件發(fā)生的效果，還有對變量及函數(shù)的設置。</p><p>　　三、JavaScript</p><p>　　JavaSript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java 腳本語言（Java小程序）一起實現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互作用。從而可以

29、開發(fā)客戶端的應用程序等。它是通過嵌入或調(diào)入在標準的HTML語言中實現(xiàn)的。它的出現(xiàn)彌補了HTML語言的缺陷，它是Java與HTML折衷的選擇。 </p><p>　　四、影像與動畫的制作軟件—Adobe Photoshop8.0</p><p>　　Photoshop 8.0是目前最流行的圖形、圖像編輯設計軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設計、封面設計、美術繪畫、網(wǎng)頁設計等領域都被

30、廣泛地應用。</p><p>　　(一) 文字處理更加方便</p><p>　　(二) 增加的圖層集使圖層管理更有序。</p><p>　　(三) 新增圖像功能：圖像的剪切和剪裁更加方便。</p><p>　　(四) 將所有工具的選項板改進為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設置。</p><p>　　(五)

31、為了更方便地用路徑繪畫，改進增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強。</p><p>　　五、動態(tài)網(wǎng)站的腳本語言--ASP　　</p><p>　　Active Server Pages：“動態(tài)服務器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結果都是標準的HTML格式，而

32、且這些程序是在網(wǎng)絡服務端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結果，并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設計程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結果，可是，客戶端（Ｃlient）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結果。&

33、lt;/p><p>　　(一)、ＡＳＰ的特點：</p><p>　　1、任何開發(fā)工具皆可發(fā)展ＡＳＰ</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、 ＦrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能

34、會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通過各家瀏覽由于ASP程序是在網(wǎng)絡服務器端中執(zhí)行，執(zhí)行結果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語言相容性高</b></p><p>　　ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java ScriptAct

35、ive X服務器組件來設計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。</p><p><b>　　3、隱密安全性高</b></p><p>　　如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務（Ｗeb Server）端執(zhí)行后，將

36、結果轉(zhuǎn)換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。</p><p><b>　　4、易于操控數(shù)據(jù)庫</b></p><p>　?。粒樱锌梢暂p易地通過ＯDBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、O

37、racle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當成數(shù)據(jù)庫用。</p><p>　　5、面向?qū)ο髮W習容易</p><p>　　ＡＳＰ具備有面向?qū)ο螅ǎ蟗ject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Applicatio

38、n”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。</p><p>　　6、ASP的六大內(nèi)部對象</p><p><b>　　對象名稱 功能描述</b></p><p>　　RequestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息

39、送給客戶端提供一些Web服務器工具儲存在一個</p><p>　　Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個</p><p>　　ASP-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務器進行分布式事務處理</p><p>　　所以我選擇了ASP結合Dreamweaver架構個人站點。<

40、/p><p>　　第三節(jié) 關系型數(shù)據(jù)庫的選擇</p><p><b>　　一、Access</b></p><p>　　Microsoft Access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應用，在處理少量數(shù)據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶端不能多于4個。Microsoft Access數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達到1

41、00M左右，很容易造成服務器iis假死，或者消耗掉服務器的內(nèi)存導致服務器崩潰。二、SQL Server　　Microsoft SQL Server是基于服務器端的中型的數(shù)據(jù)庫，可以適合大容量數(shù)據(jù)的應用，在功能上管理上也要比Microsoft Access要強得多。在處理海量數(shù)據(jù)的效率，后臺開發(fā)的靈活性，可擴展性等方面強大。因為現(xiàn)在數(shù)據(jù)庫都使用標準的SQL語言對數(shù)據(jù)庫進行管理，所以如果是標準SQL語言，兩者基本上都可以通用的。Micr

42、osoft SQL Server還有更多的擴展，可以用存儲過程，數(shù)據(jù)庫大小無極限限制。</p><p>　　本站屬于個人站點采用Access數(shù)據(jù)庫就行了。</p><p>　　第二章 個人網(wǎng)站設計分析</p><p>　　第一節(jié) 相關術語及解釋</p><p>　　一、Internet</p><p>　　Intern

43、et(英特網(wǎng))誕生于上世紀60年代，發(fā)展非常慢，到90年代才開始迅速發(fā)展?，F(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識的海洋。</p><p><b>　　二、站點</b></p><p>　　所謂站點，就是將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構成了網(wǎng)站的

44、實質(zhì)內(nèi)容。站點文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨文件的形式存在。</p><p><b>　　三、超鏈接</b></p><p>　　我們在瀏覽網(wǎng)頁時，當鼠標指針指向某段文本或是某個圖像，鼠標指針變成小手狀，單擊鼠標可以打開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術可以將不同的網(wǎng)站、網(wǎng)站中

45、的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。</p><p><b>　　四、URL</b></p><p>　　URL（Uniform Resource Locator的

46、縮寫），統(tǒng)一資源定位器。互聯(lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡中的某處，必須用一個惟一的URL來進行標識，這樣才能方便查找。對于Web來說，可以簡單并通俗把URL理解為網(wǎng)址。每個Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個網(wǎng)頁。例如，http://www.sina.com/index.html，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進行訪問，默認下，“

47、http://”可以省略不輸。</p><p><b>　　五、IP地址</b></p><p>　　為了使互聯(lián)網(wǎng)上的電腦主機在通信時能夠相互識別，每臺主機都分配一個能表示其位置的IP（Internet Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址是由專門的互聯(lián)網(wǎng)機構來分配。IP地址具有惟一性，是由32位二進制數(shù)組成，分為四組，每組8位，每組之間

48、用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進制數(shù)表示。</p><p>　　第二節(jié) 個人網(wǎng)站的由來和發(fā)展</p><p>　　互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學院高能物理研究所設立了國內(nèi)第一個Web服務器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)Internet上出現(xiàn)的第一個Web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構成中國

49、數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡相繼建成，使互聯(lián)網(wǎng)在中國開始真正進入社會生活之中。</p><p>　　這時期，個人網(wǎng)站出現(xiàn)的條件還很不成熟，國內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個人建站的環(huán)境，用戶很難找到理想的個人主頁存放地。</p><p>　　個人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時間，中國網(wǎng)民數(shù)量飛速增長，個人網(wǎng)站日漸繁榮，個人主頁的數(shù)量急劇增加。同時，越來越多的商業(yè)網(wǎng)站開始

50、免費提供個人主頁空間，這些良好的外部極大地促進了個人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個能充分體現(xiàn)自我風格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。</p><p>　　第三節(jié) 我的個人網(wǎng)站的設計與規(guī)劃</p><p>　　一、明確架設網(wǎng)站的目的及客戶要求</p

51、><p>　　通常情況下，架設個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。</p><p>　　二、我的個人網(wǎng)站概貌</p><p>　　因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的

52、內(nèi)容，在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術和數(shù)據(jù)庫技術。因此將網(wǎng)站設計分為前臺頁面展示平臺和后臺在線管理平臺。</p><p><b>　　三、功能劃分</b></p><p>　　網(wǎng)站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網(wǎng)站信息進行管理。站內(nèi)的其它

53、頁面均是我自己的精心收藏，與大家一起分享。</p><p><b>　　四、功能描述</b></p><p><b>　　(一)新聞</b></p><p>　　嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。</p><p><b>　　(二)留言板

54、</b></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。</p><p><b>　　(三)后臺管理頁面</b></p><p>　　是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設計了這個管理頁面，經(jīng)過身份認證后我可以進入網(wǎng)

55、站對其中的信息進行管理。</p><p><b>　　(四)日記</b></p><p>　　在其中展示我喜愛的東西，包括我的日記、精品文章、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。 </p><p><b>　　(五)相冊<

56、/b></p><p>　　在其中展示漂亮的圖片，包括我的照片、我的同學、風景照片、妹眉帥哥欄木。讓大家一起來欣賞人物、風景風采。</p><p><b>　　(六)音樂</b></p><p>　　在其中展示個人喜歡的歌曲，朋友們可以在里面點播自己喜歡的歌。</p><p>　　(七)頁面組織和數(shù)據(jù)庫設計<

57、/p><p>　　在明確了我的個人網(wǎng)站的風格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設計和數(shù)據(jù)庫設計。</p><p>　　建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結構不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？

58、欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應該將網(wǎng)站的主體明確顯示出來。因此我將自己的個人網(wǎng)站分為五個欄目，分別是關于我、相冊、日記、音樂、留言。</p><p><b>　　第三章 詳細設計</b></p><p>　　第一節(jié) 數(shù)據(jù)庫的設計</p><p><b>　　一、數(shù)據(jù)庫搭建</b></p><p&

59、gt;　　使用Access2000 實現(xiàn)關系型數(shù)據(jù)庫</p><p>　　用戶密碼登記表Admin</p><p>　　存儲了系統(tǒng)用戶和普通用戶的信息，包括：姓名，口令，驗證碼，名稱。它的設計視圖如圖1：</p><p><b>　　圖1</b></p><p>　　留言基本檔案表Book</p><

60、p>　　存儲了用戶的檔案包括：ID,留言者名字、留言者QQ、留言者E-mail,留言內(nèi)容，留言者主頁，留言時間，回復留言，留言頭像，留言表情，留言者IP，留言者地址，留言主題,其中ID為該表的主關鍵字。它的設計視圖如圖2：</p><p><b>　　圖2</b></p><p>　　歌曲基本信息表 HN_down，如圖3：</p><p&g

61、t;<b>　　圖3</b></p><p>　　音樂分類表 HN_downcla，如圖4：</p><p><b>　　圖4</b></p><p>　　日記基本信息表 HN_news，如圖5：</p><p><b>　　圖5</b></p><p>

62、;　　日記分類表 HN_newscla，如圖6：</p><p><b>　　圖6</b></p><p>　　圖片基本信息表 HN_pro，如圖7：</p><p><b>　　圖7</b></p><p>　　相冊分類表 HN_procla，如圖8：</p><p>&l

63、t;b>　　圖8</b></p><p>　　(九)網(wǎng)站基本信息表 WebBasicInfo，如圖9：</p><p><b>　　圖9</b></p><p>　　以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“data.mdb”。</p><p><b>　　二、連接數(shù)據(jù)庫</b

64、></p><p>　　在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復雜的插入、修改和刪除。</p><p>　　一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼：</p><p>　　<% '這是ASP程序的起始set conn

65、=server.createobject("adodb.connection")　　'在服務器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象connstr="Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("data.mdb")　　'告訴ASP數(shù)據(jù)庫的接接方法以及路徑conn.open con

66、nstr　　'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接%>　　'一切OK了!結束ASP程序</p><p><b>　　第二節(jié) 頁面設計</b></p><p><b>　　一、界面設計</b></p><p><b>　?。ㄒ唬┫鄡?lt;/b></p><p>

67、;　　是一個個人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個人風采和自己喜歡的圖片。</p><p><b>　　1、功能</b></p><p>　　利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。</p><p><b>　　2、組成構造</b>&

68、lt;/p><p>　　相冊結果顯示頁面 photo.asp：用來顯示所有圖片，同時還具備圖片的分類功能和圖片單個瀏覽功能。</p><p>　　站長基本信息顯示頁面 include.asp：</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　3、相冊頁面瀏覽效果圖，如圖10：</p><p>&l

69、t;b>　　圖10 </b></p><p>　　4、圖片效果瀏覽圖，如圖11：</p><p><b>　　圖11</b></p><p><b>　　(二)日記</b></p><p>　　是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。</p><

70、;p><b>　　1、功能</b></p><p>　　利用ASP對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章</p><p><b>　　2、組成結構</b></p><p>　　日記或文章顯示頁面 diary.asp：顯示所有日記或文章，同時還具備顯示不同子類日記或文章</p>&l

71、t;p>　　站長基本信息顯示頁面 include.asp</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　3、日記頁面瀏覽效果圖，如圖12。</p><p><b>　　(三)、音樂</b></p><p>　　是一個音樂收藏和音樂欣賞的地方。</p><p>&l

72、t;b>　　1、功能</b></p><p>　　利用ASP對象語句來顯示歌曲曲目、演唱人和在線播放功能。</p><p><b>　　2、組成結構</b></p><p>　　歌曲顯示播放頁面 media.asp：完成曲目的顯示和播放功能的頁面。</p><p>　　站長基本信息顯示頁面 includ

73、e.asp</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p><b>　　圖12 </b></p><p>　　3、音樂頁面瀏覽效果圖，如圖13。</p><p><b>　　圖13</b></p><p><b>　　(四)、留言本</b

74、></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。</p><p><b>　　1、功能</b></p><p>　　利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答，同時，用戶在發(fā)表個人意見時，若認為意

75、見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個用戶的單獨意見回復，而且還能看到用戶所留下的“悄悄話</p><p><b>　　2、組成構造</b></p><p>　　意見留言結果網(wǎng)頁gbook.asp：用來顯示用戶發(fā)言與站長回復內(nèi)容

76、，同時還具備查看留言和發(fā)表留言兩個功能。</p><p>　　站長基本信息顯示頁面 include.asp</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　3、留言頁面瀏覽效果圖,如圖14。</p><p><b>　　圖14</b></p><p>　　4、發(fā)表留言瀏覽

77、效果圖，如圖15。</p><p><b>　　圖15</b></p><p><b>　　二、關鍵代碼設計 </b></p><p>　　(一) 頁面相同基本信息代碼頁面 include.asp </p><p><b>　　<%</b></p><

78、p>　　set oRs=server.createobject("adodb.recordset")</p><p>　　sSql="Select Top 1 * From WebBasicInfo"</p><p>　　oRs.Open sSql,Conn,1,1</p><p>　　If Not oRs.Eof Th

79、en</p><p>　　W_ID=oRs("W_ID")</p><p>　　W_WebsiteAppe=oRs("W_WebsiteAppe")</p><p>　　W_SuppExpl=oRs("W_SuppExpl")</p><p>　　W_WebSiteName=oRs(

80、"W_WebSiteName")</p><p>　　W_WebSiteUrl=oRs("W_WebSiteUrl")</p><p>　　W_StatMastName=oRs("W_StatMastName")</p><p>　　W_StatMastEmail=oRs("W_StatMastE

81、mail")</p><p>　　W_StatMastQQ=oRs("W_StatMastQQ")</p><p>　　W_WebSiteKeyword=oRs("W_WebSiteKeyword")</p><p>　　W_WebSiteIntr=oRs("W_WebSiteIntr")<

82、/p><p>　　W_WebSiteCopyInfo=oRs("W_WebSiteCopyInfo")</p><p><b>　　End If</b></p><p><b>　　oRs.Close</b></p><p>　　If W_WebsiteAppe="Fals

83、e" Then</p><p>　　Response.Write "<table width='100%' height='100%' border='0' cellpadding='0' cellspacing='0'><tr><td style='font-size:11p

84、t'><div align='center'><font color='#ff0000'>"</p><p>　　Response.Write W_SuppExpl</p><p>　　Response.Write "</font></div></td></t

85、r></table>"</p><p>　　Response.End</p><p><b>　　End If</b></p><p>　　Dim WebTitle,WebName</p><p>　　WebName=W_WebSiteName&"-"&W_

86、WebSiteUrl</p><p>　　WebTitle=""</p><p><b>　　%></b></p><p>　?。ǘ?shù)據(jù)庫連接代碼頁面 conn.asp </p><p><b>　　<% </b></p><p>　　Fun

87、ction SafeRequest(ParaName,ParaType)</p><p>　　Dim ParaValue</p><p>　　ParaValue=Request(ParaName)</p><p>　　If ParaType=1 then</p><p>　　If not isNumeric(ParaValue) then&l

88、t;/p><p>　　Response.write "<center>參數(shù)" & ParaName & "必須為數(shù)字型，請正確操作！</center>"</p><p>　　Response.end</p><p><b>　　End if</b></p>

89、<p><b>　　Else</b></p><p>　　ParaValue=replace(ParaValue,"'","''")</p><p><b>　　End if</b></p><p>　　SafeRequest=ParaValue&

90、lt;/p><p>　　End function</p><p>　　Function FormatSQL(strChar)</p><p>　　if IsNull(strChar) Or IsEmpty(strChar) then</p><p>　　FormatSQL=""</p><p><

91、b>　　else</b></p><p>　　FormatSQL=replace(strChar,"'","’")</p><p>　　FormatSQL=replace(FormatSQL,"*","×")</p><p>　　FormatSQL=r

92、eplace(FormatSQL,"?","？")</p><p>　　FormatSQL=replace(FormatSQL,"(","（")</p><p>　　FormatSQL=replace(FormatSQL,")","）")</p><p

93、>　　FormatSQL=replace(FormatSQL,"<","﹤")</p><p>　　FormatSQL=replace(FormatSQL,">","﹥")</p><p>　　FormatSQL=replace(FormatSQL,".","。&

94、quot;)</p><p>　　FormatSQL=replace(FormatSQL,";","；")</p><p>　　FormatSQL=replace(FormatSQL,"=","＝")</p><p>　　FormatSQL=replace(FormatSQL,"

95、;%","％")</p><p>　　FormatSQL=replace(FormatSQL,"&","※")</p><p><b>　　end if</b></p><p>　　End Function </p><p>　　dim con

96、n </p><p>　　dim connstr</p><p>　　db="Database/data.mdb"</p><p>　　connstr = "DBQ=" + server.mappath(db) + ";DefaultDir=;DRIVER={Microsoft Access Driver (*.

97、mdb)};" </p><p>　　set conn=server.createobject("ADODB.CONNECTION")</p><p>　　if err.number<>0 then </p><p><b>　　err.clear</b></p><p&

98、gt;　　set conn=nothing</p><p>　　response.write "數(shù)據(jù)庫連接出錯！"</p><p>　　Response.End</p><p><b>　　else</b></p><p>　　conn.open connstr</p><p>

99、;　　if err then </p><p><b>　　err.clear</b></p><p>　　set conn=nothing</p><p>　　response.write "數(shù)據(jù)庫連接出錯！"</p><p>　　Response.End </p><p>

100、<b>　　end if</b></p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　?。ㄈ┓猪摴δ苣K代碼</p><p>　　<!-- 分頁功能代碼塊,可獨立使用 --></p>&

101、lt;p><b>　　<% </b></p><p>　　if not rs.eof then</p><p>　　rs.MoveFirst '注意放到前面來,否則到任何頁總是在第一個記錄上</p><p><b>　　end if</b></p><p>　　rs.pages

102、ize=MaxPerPage '設置每頁最多顯示多少條記錄</p><p>　　If trim(Request("Page"))<>"" then '如果請求的頁次不為空</p><p>　　CurrentPage= CLng(request("Page")) 'clng是轉(zhuǎn)換成長整型數(shù)

103、據(jù)類型,并賦值到當前頁次上</p><p>　　If CurrentPage> rs.PageCount then '如果當前頁次大于總頁數(shù),則將最大頁次賦值到當前頁次上</p><p>　　CurrentPage = rs.PageCount </p><p><b>　　End If </b></p><

104、p><b>　　Else </b></p><p>　　CurrentPage= 1 '一切條件不成立,將當前頁設為第一頁</p><p><b>　　End If </b></p><p>　　totalPut=rs.recordcount '將總記錄賦值于TOTALPUT</p>&

105、lt;p>　　if CurrentPage<>1 then '如果當前頁數(shù)不等于第一頁</p><p>　　if (currentPage-1)*MaxPerPage<totalPut then '如果當前頁減一乘以每頁最大的記錄數(shù)小于總記錄的話</p><p>　　rs.move(currentPage-1)*MaxPerPage '相

106、對當前記錄數(shù)向后移動</p><p>　　dim bookmark '定義書簽變量</p><p>　　bookmark=rs.bookmark '將當前記錄的標簽賦于變量BOOKMARK上</p><p><b>　　end if </b></p><p><b>　　end if</

107、b></p><p><b>　　dim n,k </b></p><p>　　if (totalPut mod MaxPerPage)=0 then '總記錄數(shù)與每頁最大記錄數(shù)求余的結果為零時,則N返回整數(shù)頁次,否則再加一.</p><p>　　n= totalPut \ MaxPerPage</p><p

108、><b>　　else </b></p><p>　　n= totalPut \ MaxPerPage + 1 </p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　（四）圖片顯示功能模塊代碼</

109、p><p>　　<table border="0" cellspacing="0" cellpadding="0"></p><p><b>　　<%</b></p><p>　　cid=request("id")</p><p&g

110、t;　　if cid="" then</p><p>　　sql="select * from HN_pro order by id desc"</p><p><b>　　else</b></p><p>　　sql="select * from HN_pro where cstr(class

111、)='"&cid&"' order by id desc"</p><p><b>　　end if</b></p><p>　　set rsnews=server.createobject("adodb.recordset")</p><p>　　rsnews.

112、open sql,conn,1,1</p><p>　　if rsnews.eof then </p><p>　　Response.Write "</td></tr></table>"</p><p><b>　　end if</b></p><p>　　IF N

113、ot rsnews.eof Then</p><p>　　proCount=rsnews.recordcount</p><p>　　rsnews.PageSize=24 '定義顯示數(shù)目</p><p>　　if not IsEmpty(Request("ToPage")) then</p><p>　　

114、ToPage=CInt(Request("ToPage"))</p><p>　　if ToPage>rsnews.PageCount then</p><p>　　rsnews.AbsolutePage=rsnews.PageCount</p><p>　　intCurPage=rsnews.PageCount</p>&l

115、t;p>　　elseif ToPage<=0 then</p><p>　　rsnews.AbsolutePage=1</p><p>　　intCurPage=1</p><p><b>　　else</b></p><p>　　rsnews.AbsolutePage=ToPage</p>&

116、lt;p>　　intCurPage=ToPage</p><p><b>　　end if</b></p><p><b>　　else</b></p><p>　　rsnews.AbsolutePage=1</p><p>　　intCurPage=1</p><p>

117、;<b>　　end if</b></p><p>　　intCurPage=CInt(intCurPage)</p><p><b>　　k=1</b></p><p>　　do while Not rsnews.eof and k<6</p><p><b>　　%>&l

118、t;/b></p><p><b>　　<tr></b></p><p>　　<%for n=1 to 6%></p><p>　　<td><table width="69" height="68" border="0" cellpad

119、ding="0" cellspacing="0" align="center"></p><p><b>　　<tr></b></p><p>　　<td><a href="<%=rsnews("come")%>" rel

120、="lightbox[plants]"> <img src="<%=rsnews("come")%>" width="49" height="49" border="0"></a></td></p><p><b>　　</t

121、r></b></p><p>　　</table></td></p><p><b>　　<%</b></p><p>　　rsnews.MoveNext </p><p>　　if rsnews.eof then exit for</p><p>

122、　　if rsnews.eof then exit do</p><p><b>　　next</b></p><p><b>　　%></b></p><p><b>　　</tr></b></p><p><b>　　<%k=k+1<

123、/b></p><p><b>　　Loop</b></p><p><b>　　%></b></p><p><b>　　</table></b></p><p>　　日記、音樂顯示模塊代碼段相似。</p><p>　?。ㄎ澹└?/p>

124、曲播放列表 playlist.asp</p><p><b>　　<%</b></p><p>　　songid=FormatSQL(SafeRequest("songid",1))</p><p>　　if songid="" then</p><p>　　response

125、.Write "錯誤！"</p><p>　　response.end</p><p><b>　　end if</b></p><p>　　set rs=Server.CreateObject("ADODB.Recordset")</p><p>　　sql="sele

126、ct * from HN_down where id="&songid</p><p>　　rs.open sql,conn,1,3</p><p>　　if songid=""&rs("id")&"" then</p><p>　　response.Write "

127、;"&rs("come")&""</p><p>　　response.end</p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　?。┌l(fā)表留言提交內(nèi)容判斷模塊代碼&

128、lt;/p><p><b>　　<%</b></p><p>　　if request("action")="" then response.redirect"gbook.asp?action=show"</p><p>　　if request("action"