房地產(chǎn)網(wǎng)站畢業(yè)論文

1、<p><b>　　畢 業(yè) 論 文</b></p><p>　　題 目：房地產(chǎn)網(wǎng)站</p><p>　　系 別： 電子信息系</p><p>　　專 業(yè)：軟件技術(shù)</p><p>　　學(xué) 號： </p><p>　　姓 名：

2、 </p><p>　　指導(dǎo)教師： </p><p>　　時 間： 2013.12.15</p><p><b>　　目錄</b></p><p>　　第一章 緒 言…………………………………………………………………2</p><p>　　第一節(jié) Web頁概述…………

3、…………………………………………………… 2</p><p>　　第二節(jié)開發(fā)工具的選用及介紹 ………………………………………………… 3</p><p>　　第四節(jié) 關(guān)系型數(shù)據(jù)庫的選擇 …………………………………………………… 6</p><p>　　第二章 個人網(wǎng)站設(shè)計分析……………………………………………………7</p><p>　　第

4、一節(jié) 相關(guān)術(shù)語及解釋……………………………………………………………7</p><p>　　第二節(jié) 個人網(wǎng)站的由來和發(fā)展 ………………………………………………… 8</p><p>　　第三節(jié) 我的個人網(wǎng)站的設(shè)計與規(guī)劃………………………………………………8</p><p>　　第三章：詳細設(shè)計 ………………………………………………………………………10第一節(jié) 數(shù)據(jù)庫

5、設(shè)計 ………………………………………………………………10</p><p>　　第二節(jié) 頁面的設(shè)計 ………………………………………………………………13</p><p>　　第四章：編碼、測試與維護…………………………………………………………… 27</p><p>　　第一節(jié) 測試與維護 …………………………………………………………… 27</p>

6、<p>　　第二節(jié) 設(shè)計技巧和解決方法…………………………………………………… 29</p><p>　　結(jié)束語…………………………………………………………………………29</p><p>　　謝辭……………………………………………………………………………30</p><p>　　參考文獻………………………………………………………………………30<

7、/p><p><b>　　緒 言</b></p><p>　　在已跨入21世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復(fù)雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫

8、和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑， 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。</p><p>　　第一節(jié) Web頁概述</p><p>　　一、 認識Web Web(World Wide Web，簡稱W

9、WW，又稱萬維網(wǎng))是目前Internet上應(yīng)用最廣泛也是最重要的信息服務(wù)類型，它的影響已經(jīng)進入了Internet上的廣告、新聞、電子商務(wù)和展示信息等各個服務(wù)領(lǐng)域。 Web采用瀏覽器/服務(wù)器（B/S）工作模式，其運作模式可以描述為：請求→處理→應(yīng)答。</p><p>　　Web以超文本標(biāo)記語言HTML(Hyper Text Markup Language)與超文本傳輸協(xié)議HTTP(Hyper Text T

10、ransfer Protocol)為基礎(chǔ)，通過瀏覽器為用戶提供方便友好的信息瀏覽界面。 Web將位于全世界互聯(lián)網(wǎng)上不同網(wǎng)址的相關(guān)信息有機地編織在一起。在Web服務(wù)方式中，信息以頁面（或稱Web頁）的形式存儲在Web服務(wù)器中，這些頁面采用超文本的方式對信息進行組織，通過鏈接將一頁信息鏈接到另一頁信息。這些相互鏈接的頁面既可以放置在同一臺主機上，也可以放置在不同的主機上。頁面到頁面的鏈接信息由統(tǒng)一資源定位器URL(Uniform

11、Resource Locator)維持。用戶通過客戶端應(yīng)用程序（即瀏覽器）向Web服務(wù)器發(fā)出請求，服務(wù)器根據(jù)客戶端的請求將保存在服務(wù)器中的某個頁面返回給客戶端，瀏覽器接收到頁面后對其進行解釋，最終將信息以圖、文、聲并茂的形式呈現(xiàn)給用戶。 Web服務(wù)的特點在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文本、圖像、聲音、動畫和視頻等）和服務(wù)（如New、FTP、Telnet、Gopher及Mail等）的無縫鏈接，特別適</p&g

12、t;<p>　　第二節(jié) 開發(fā)工具的介紹及選擇</p><p>　　一、夢幻網(wǎng)頁的編織者------Dreamweaver8.0</p><p>　　Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的Roundtrip HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式。&l

13、t;/p><p>　　Dreamweaver可以為用戶做到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。</p><p>　　Dreamweaver還是一個可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴展Dreamweaver的行為和屬性檢

14、查器。</p><p>　　至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種：</p><p>　　(一) 文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。</p><p>　　(二) 裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。</p>&l

15、t;p>　　(三) 對象工具欄包含創(chuàng)建不同類型的對象（例如圖象、表格和層等）的按鈕。</p><p>　　(四) 屬性檢查器顯示選定對象的屬性。</p><p>　　(五) 快捷菜單可以使用戶對當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。</p><p>　　(六) 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。</p>&

16、lt;p>　　二、網(wǎng)頁動畫的制作軟件----Micromedia Flash 8.0</p><p>　　Micromedia Flash 8.0用于web站點的交互式的矢量圖形和動畫的制作，它可制作出 用于瀏覽時的導(dǎo)航控制、制作動畫圖標(biāo)、帶同步聲音的大段的動畫，創(chuàng)建出生動的富于表現(xiàn)力的網(wǎng)頁。Flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。<

17、/p><p>　　Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過對 Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對變量及函數(shù)的設(shè)置。</p><p>　　三、JavaScript</p><p>　　JavaSript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具

18、有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java 腳本語言（Java小程序）一起實現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實現(xiàn)的。它的出現(xiàn)彌補了HTML語言的缺陷，它是Java與HTML折衷的選擇。 </p><p>　　四、影像與動畫的制作軟件—Adobe Photoshop8.0</p>

19、<p>　　Photoshop 8.0是目前最流行的圖形、圖像編輯設(shè)計軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計、封面設(shè)計、美術(shù)繪畫、網(wǎng)頁設(shè)計等領(lǐng)域都被廣泛地應(yīng)用。</p><p>　　(一) 文字處理更加方便</p><p>　　(二) 增加的圖層集使圖層管理更有序。</p><p>　　(三) 新增圖像功能：圖像的剪切和剪裁更加方便。</p

20、><p>　　(四) 將所有工具的選項板改進為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設(shè)置。</p><p>　　(五) 為了更方便地用路徑繪畫，改進增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強。</p><p>　　五、動態(tài)網(wǎng)站的腳本語言--ASP　　</p><p>　　Act

21、ive Server Pages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript

22、來設(shè)計程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Ｃlient）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果。</p><p>　　(一)、ＡＳＰ的特點：</p><p>　　1、任何開發(fā)工具皆可發(fā)展ＡＳＰ</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工

23、具，例如，F(xiàn)rontPage Express、 ＦrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通過各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語言相容性高</b>

24、;</p><p>　　ASP與所有的ActiveX Script語言都相容，除了可結(jié)合HTML，VBScript、Java ScriptActive X服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。</p><p><b>　　3、隱密安全性高</b></p><p>

25、　　如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務(wù)（Ｗeb Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。</p><p><b>　　4、易于操控數(shù)據(jù)庫</b></p><p&g

26、t;　?。粒樱锌梢暂p易地通過ＯDBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫用。</p><p>　　5、面向?qū)ο髮W(xué)習(xí)容易</p><p>　?。粒樱芯邆溆忻嫦?qū)ο螅ǎ蟗ject-Oriented）功能，學(xué)習(xí)容易，ＡＳＰ

27、提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。</p><p>　　6、ASP的六大內(nèi)部對象</p><p><b>　　對象名稱 功能描述</b><

28、/p><p>　　RequestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲存在一個</p><p>　　Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個</p><p>　　ASP-Application中讓不同的客戶端共享信息可以用來配合Micros

29、oft Transaction 服務(wù)器進行分布式事務(wù)處理</p><p>　　所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個人站點。</p><p>　　第三節(jié) 關(guān)系型數(shù)據(jù)庫的選擇</p><p><b>　　一、Access</b></p><p>　　Microsoft Access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量

30、少的應(yīng)用，在處理少量數(shù)據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶端不能多于4個。Microsoft Access數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達到100M左右，很容易造成服務(wù)器iis假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。二、SQL Server　　Microsoft SQL Server是基于服務(wù)器端的中型的數(shù)據(jù)庫，可以適合大容量數(shù)據(jù)的應(yīng)用，在功能上管理上也要比Microsoft Access要強得多。在處

31、理海量數(shù)據(jù)的效率，后臺開發(fā)的靈活性，可擴展性等方面強大。因為現(xiàn)在數(shù)據(jù)庫都使用標(biāo)準(zhǔn)的SQL語言對數(shù)據(jù)庫進行管理，所以如果是標(biāo)準(zhǔn)SQL語言，兩者基本上都可以通用的。Microsoft SQL Server還有更多的擴展，可以用存儲過程，數(shù)據(jù)庫大小無極限限制。</p><p>　　本站屬于個人站點采用Access數(shù)據(jù)庫就行了。</p><p>　　第二章 個人網(wǎng)站設(shè)計分析</p>

32、<p>　　第一節(jié) 相關(guān)術(shù)語及解釋</p><p>　　一、Internet</p><p>　　Internet(英特網(wǎng))誕生于上世紀(jì)60年代，發(fā)展非常慢，到90年代才開始迅速發(fā)展。現(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡(luò)的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識的海洋。</p><p><b>　

33、　二、站點</b></p><p>　　所謂站點，就是將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實質(zhì)內(nèi)容。站點文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨文件的形式存在。</p><p><b>　　三、超鏈接</b></p><p>　　我們在

34、瀏覽網(wǎng)頁時，當(dāng)鼠標(biāo)指針指向某段文本或是某個圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務(wù)存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。</p><

35、;p><b>　　四、URL</b></p><p>　　URL（Uniform Resource Locator的縮寫），統(tǒng)一資源定位器。互聯(lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡(luò)中的某處，必須用一個惟一的URL來進行標(biāo)識，這樣才能方便查找。對于Web來說，可以簡單并通俗把URL理解為網(wǎng)址。每個Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個網(wǎng)頁。例如，htt

36、p://www.sina.com/index.html，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進行訪問，默認下，“http://”可以省略不輸。</p><p><b>　　五、IP地址</b></p><p>　　為了使互聯(lián)網(wǎng)上的電腦主機在通信時能夠相互識別，每臺主機都分配一個能表示其位置的IP（Internet

37、 Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址是由專門的互聯(lián)網(wǎng)機構(gòu)來分配。IP地址具有惟一性，是由32位二進制數(shù)組成，分為四組，每組8位，每組之間用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進制數(shù)表示。</p><p>　　第二節(jié) 個人網(wǎng)站的由來和發(fā)展</p><p>　　互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學(xué)院高能物理研究所設(shè)立了國內(nèi)第一個Web服務(wù)器，推出一

38、個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)Internet上出現(xiàn)的第一個Web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構(gòu)成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡(luò)相繼建成，使互聯(lián)網(wǎng)在中國開始真正進入社會生活之中。</p><p>　　這時期，個人網(wǎng)站出現(xiàn)的條件還很不成熟，國內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個人建站的環(huán)境，用戶很難找到理想的個人主頁存放地。</p><

39、p>　　個人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時間，中國網(wǎng)民數(shù)量飛速增長，個人網(wǎng)站日漸繁榮，個人主頁的數(shù)量急劇增加。同時，越來越多的商業(yè)網(wǎng)站開始免費提供個人主頁空間，這些良好的外部極大地促進了個人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應(yīng)用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個能充分體現(xiàn)自我風(fēng)格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。

40、</p><p>　　第三節(jié) 我的個人網(wǎng)站的設(shè)計與規(guī)劃</p><p>　　一、明確架設(shè)網(wǎng)站的目的及客戶要求</p><p>　　通常情況下，架設(shè)個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾

41、訴的地方。</p><p>　　二、我的個人網(wǎng)站概貌</p><p>　　因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設(shè)計分為前臺頁面展示平臺和后臺在線管理平臺。</p><p><b>　　三、功能劃分</b></p><p>

42、　　網(wǎng)站設(shè)計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。</p><p><b>　　四、功能描述</b></p><p><b>　　(一)新聞</b></p><p>

43、;　　嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。</p><p><b>　　(二)留言板</b></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。</p><p><b>　　(三)后臺管理頁面&l

44、t;/b></p><p>　　是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設(shè)計了這個管理頁面，經(jīng)過身份認證后我可以進入網(wǎng)站對其中的信息進行管理。</p><p><b>　　(四)日記</b></p><p>　　在其中展示我喜愛的東西，包括我的日記、精品文章、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想

45、起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。 </p><p><b>　　(五)相冊</b></p><p>　　在其中展示漂亮的圖片，包括我的照片、我的同學(xué)、風(fēng)景照片、妹眉帥哥欄木。讓大家一起來欣賞人物、風(fēng)景風(fēng)采。</p><p><b>　　(六)音樂</b></p>

46、;<p>　　在其中展示個人喜歡的歌曲，朋友們可以在里面點播自己喜歡的歌。</p><p>　　(七)頁面組織和數(shù)據(jù)庫設(shè)計</p><p>　　在明確了我的個人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計和數(shù)據(jù)庫設(shè)計。</p><p>　　建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，

47、內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將自己的個人網(wǎng)站分為五個欄目，分別是關(guān)于我、相冊、日記、音樂、留言。</p><p><b>　　第三章 詳細設(shè)計</b></p><

48、p>　　第一節(jié) 數(shù)據(jù)庫的設(shè)計</p><p><b>　　一、數(shù)據(jù)庫搭建</b></p><p>　　使用Access2000 實現(xiàn)關(guān)系型數(shù)據(jù)庫</p><p>　　用戶密碼登記表Admin</p><p>　　存儲了系統(tǒng)用戶和普通用戶的信息，包括：姓名，口令，驗證碼，名稱。它的設(shè)計視圖如圖1：</p>

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

50、lt;b>　　圖2</b></p><p>　　歌曲基本信息表 HN_down，如圖3：</p><p><b>　　圖3</b></p><p>　　音樂分類表 HN_downcla，如圖4：</p><p><b>　　圖4</b></p><p>　　

51、日記基本信息表 HN_news，如圖5：</p><p><b>　　圖5</b></p><p>　　日記分類表 HN_newscla，如圖6：</p><p><b>　　圖6</b></p><p>　　圖片基本信息表 HN_pro，如圖7：</p><p><b

52、>　　圖7</b></p><p>　　相冊分類表 HN_procla，如圖8：</p><p><b>　　圖8</b></p><p>　　(九)網(wǎng)站基本信息表 WebBasicInfo，如圖9：</p><p><b>　　圖9</b></p><p>

53、;　　以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“data.mdb”。</p><p><b>　　二、連接數(shù)據(jù)庫</b></p><p>　　在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除。</p><p>　

54、　一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼：</p><p>　　<% '這是ASP程序的起始set conn=server.createobject("adodb.connection")　　'在服務(wù)器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象connstr="Provider=Microsoft.jet.oledb.4.0;data source=&

55、quot;&server.mappath("data.mdb")　　'告訴ASP數(shù)據(jù)庫的接接方法以及路徑conn.open connstr　　'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接%>　　'一切OK了!結(jié)束ASP程序</p><p><b>　　第二節(jié) 頁面設(shè)計</b></p><p><b>　

56、　一、界面設(shè)計</b></p><p><b>　　（一）相冊</b></p><p>　　是一個個人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個人風(fēng)采和自己喜歡的圖片。</p><p><b>　　1、功能</b></p><p>　　利用ASP對象語句顯示圖片，讓大家可

57、以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。</p><p><b>　　2、組成構(gòu)造</b></p><p>　　相冊結(jié)果顯示頁面 photo.asp：用來顯示所有圖片，同時還具備圖片的分類功能和圖片單個瀏覽功能。</p><p>　　站長基本信息顯示頁面 include.asp：</p><p&

58、gt;　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　3、相冊頁面瀏覽效果圖，如圖10：</p><p><b>　　圖10 </b></p><p><b>　　(二)日記</b></p><p>　　是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。</p>&l

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

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

61、lt;b>　　1、功能</b></p><p>　　利用ASP對象語句來顯示歌曲曲目、演唱人和在線播放功能。</p><p><b>　　2、組成結(jié)構(gòu)</b></p><p>　　歌曲顯示播放頁面 media.asp：完成曲目的顯示和播放功能的頁面。</p><p>　　站長基本信息顯示頁面 inclu

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

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

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

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

66、效果圖，如圖14。</p><p><b>　　圖14</b></p><p><b>　　二、關(guān)鍵代碼設(shè)計 </b></p><p>　　(一) 頁面相同基本信息代碼頁面 include.asp </p><p><b>　　<%</b></p><

67、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

68、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(

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

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

71、/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

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

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

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

75、WebSiteUrl</p><p>　　WebTitle=""</p><p><b>　　%></b></p><p>　　（二）數(shù)據(jù)庫連接代碼頁面 conn.asp </p><p><b>　　<% </b></p><p>　　Fun

76、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

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

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

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

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

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

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

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

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

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

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

87、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>

88、;　　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>

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

90、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

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

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

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

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

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

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

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

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

99、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

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

101、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

102、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>　　

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

104、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>&

105、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>

106、;<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

107、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

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

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

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

111、　　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<

112、/b></p><p><b>　　Loop</b></p><p><b>　　%></b></p><p><b>　　</table></b></p><p>　　日記、音樂顯示模塊代碼段相似。</p><p>　　（五）歌

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

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

115、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 "

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

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

118、)="post" then</p><p>　　dim bookname</p><p>　　dim bookwhere</p><p>　　dim bookpic</p><p>　　dim bookface</p><p>　　dim bookcontent</p><p&g

119、t;　　dim booktime</p><p>　　dim bookip</p><p>　　dim FoundErr,ErrMsg</p><p>　　bookname=request("name")</p><p>　　bookwhere=request("where")</p>&

120、lt;p>　　bookpic=request("pic")</p><p>　　bookface=request("face")</p><p>　　bookshow=request("show")</p><p>　　bookcontent=request("content")&

121、lt;/p><p>　　bookip=request.ServerVariables("REMOTE_ADDR")</p><p>　　if bookname="" then</p><p>　　Response.Write "<SCRIPT LANGUAGE='JavaScript'>&qu

122、ot;</p><p>　　Response.Write "alert('留言昵稱不能為空！');"</p><p>　　Response.Write "history.go(-1);"</p><p>　　Response.Write "</SCRIPT>"</p>

123、<p>　　Response.End</p><p><b>　　end if</b></p><p>　　if bookcontent="" then</p><p>　　Response.Write "<SCRIPT LANGUAGE='JavaScript'>&quo

124、t;</p><p>　　Response.Write "alert('留言內(nèi)容不能為空！');"</p><p>　　Response.Write "history.go(-1);"</p><p>　　Response.Write "</SCRIPT>"</p>

125、<p>　　Response.End</p><p><b>　　end if</b></p><p>　　strArr=split(W_BookWorryNeed,"|") </p><p>　　set rs=Server.CreateObject("ADODB.Recordset")&l

126、t;/p><p>　　sql="select * from book"</p><p>　　rs.open sql,conn,1,3</p><p><b>　　rs.addnew</b></p><p>　　rs("name")=htmlencode(bookname)</p&

127、gt;<p>　　rs("where")=htmlencode(bookwhere)</p><p>　　rs("pic")=bookpic</p><p>　　rs("face")="images/face/"&bookface&".gif"</p>

128、;<p>　　rs("show")=bookshow</p><p>　　rs("content")=htmlencode(bookcontent)</p><p>　　rs("ip")=bookip</p><p>　　rs("time")=now()</p>

129、<p><b>　　rs.update</b></p><p><b>　　rs.close</b></p><p>　　Response.Write "<SCRIPT LANGUAGE='JavaScript'>"</p><p>　　Response.Wri

130、te "alert('恭喜您！您已經(jīng)成功提交了信息！');"</p><p>　　Response.Write "window.location.href='gbook.asp?i=show'"</p><p>　　Response.Write "</SCRIPT>"</p>

131、<p>　　Response.end</p><p><b>　　end if</b></p><p><b>　　%></b></p><p><b>　　三、網(wǎng)站管理系統(tǒng)</b></p><p>　?。ㄒ唬┩瓿烧鹃L對網(wǎng)站信息管理及更新的系統(tǒng)，包括以下幾部

132、分：</p><p>　　1、管理登陸頁面Index.asp</p><p>　　2、相冊管理頁面Admin_pro.asp</p><p>　　3、日記管理頁面Admin_new.asp</p><p>　　4、音樂管理頁面Admin_down.asp</p><p>　　5、留言管理頁面GuestBook.asp&