畢業(yè)設(shè)計（論文）ASP個人網(wǎng)站的設(shè)計與實現(xiàn)

1、成 績： 江西科技師范學(xué)院畢業(yè)設(shè)計（論文）題目（中文）： 個人網(wǎng)站的設(shè)計與實現(xiàn) （外文）：design and realization of personal website 院（系）： 數(shù)學(xué)與計算機(jī)科學(xué)學(xué)院 專 業(yè)： 08計算機(jī)科學(xué)與技術(shù) 學(xué)生姓名： 學(xué) 號： 指導(dǎo)教師： 年 月 日目錄1. 緒言 1 1.1web頁概述 1 1.2開發(fā)工具的選用及介紹11.3關(guān)系型數(shù)據(jù)庫的選擇 12.個人網(wǎng)站的設(shè)計分析3 2.1相關(guān)術(shù)語及解釋 12.2個人網(wǎng)站的由來和發(fā)展 12.3我的個人網(wǎng)站的設(shè)計與規(guī)劃 13.詳細(xì)設(shè)計4 3.1數(shù)據(jù)庫設(shè)計 13.2頁面的設(shè)計 14.編碼、測試與維護(hù) 85.結(jié)束語 11 參

2、考文獻(xiàn)12個人網(wǎng)站的設(shè)計與實現(xiàn)摘要：個人網(wǎng)站是今年來互聯(lián)網(wǎng)上非常流行的應(yīng)用。也是人們表達(dá)自習(xí)心聲、宣泄自己情感的網(wǎng)絡(luò)平臺，由于其良好的開放性，使人們能非常方便地使用它，因此個人網(wǎng)站受到了廣大網(wǎng)民的熱烈追棒。其實，個人網(wǎng)站系統(tǒng)就是一個開放式的文章發(fā)布平臺，它的主要功能和傳統(tǒng)意義上的建站系統(tǒng)沒有太大區(qū)別，利用asp結(jié)合數(shù)據(jù)庫就可以開發(fā)出功能完善的個人網(wǎng)站系統(tǒng)，本論文將用asp+microsoft access 2003數(shù)據(jù)庫制作一個簡單的個人網(wǎng)站系統(tǒng)。關(guān)鍵詞：個人網(wǎng)站；互聯(lián)網(wǎng)；系統(tǒng)；平臺；asp；microsoft access 2003；iis服務(wù)器1. 緒言在已跨入21世紀(jì)的今天，人類使用和學(xué)

3、習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠(yuǎn)為復(fù)雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑， 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。1.1 web頁概述1.1.1 認(rèn)識web web(world wi

4、de web，簡稱www，又稱萬維網(wǎng))是目前internet上應(yīng)用最廣泛也是最重要的信息服務(wù)類型，它的影響已經(jīng)進(jìn)入了internet上的廣告、新聞、電子商務(wù)和展示信息等各個服務(wù)領(lǐng)域。 web采用瀏覽器/服務(wù)器（b/s）工作模式，其運(yùn)作模式可以描述為：請求處理應(yīng)答。web以超文本標(biāo)記語言html(hyper text markup language)與超文本傳輸協(xié)議http(hyper text transfer protocol)為基礎(chǔ)，通過瀏覽器為用戶提供方便友好的信息瀏覽界面。 web將位于全世界互聯(lián)網(wǎng)上不同網(wǎng)址的相關(guān)信息有機(jī)地編織在一起。在web服務(wù)方式中，信息以頁面（或稱web頁）的形

5、式存儲在web服務(wù)器中，這些頁面采用超文本的方式對信息進(jìn)行組織，通過鏈接將一頁信息鏈接到另一頁信息。這些相互鏈接的頁面既可以放置在同一臺主機(jī)上，也可以放置在不同的主機(jī)上。頁面到頁面的鏈接信息由統(tǒng)一資源定位器url(uniform resource locator)維持。用戶通過客戶端應(yīng)用程序（即瀏覽器）向web服務(wù)器發(fā)出請求，服務(wù)器根據(jù)客戶端的請求將保存在服務(wù)器中的某個頁面返回給客戶端，瀏覽器接收到頁面后對其進(jìn)行解釋，最終將信息以圖、文、聲并茂的形式呈現(xiàn)給用戶。 web服務(wù)的特點在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文本、圖像、聲音、動畫和視頻等）和服務(wù)（如new、ftp、telnet

6、、gopher及mail等）的無縫鏈接，特別適合于廣域網(wǎng)中信息的組織、檢索與顯示。1.1.2 web技術(shù)綜述 在信息技術(shù)領(lǐng)域中，web技術(shù)幾乎匯集了當(dāng)前信息處理的所有技術(shù)手段，以求最大限度地滿足人性化的特點。web界面五顏六色，既有文字、彩圖、動畫、聲音、視頻和一些相關(guān)信息或目錄摘要，還可根據(jù)需要進(jìn)入你想去的任何地方。只要你愿意或是你能想到的服務(wù)，web幾乎都能實現(xiàn)。web技術(shù)涉及諸多技術(shù)領(lǐng)域：（一）網(wǎng)絡(luò)硬件技術(shù) 從兩臺或多臺機(jī)器組成的對等網(wǎng)，到主機(jī)控制的以太網(wǎng)，再到生動活潑的因特網(wǎng)，每一處都需要有特定的硬件支持。1968年，當(dāng)“l(fā)ogin”的“l(fā)o”從美國加州洛杉磯分校的電腦屏幕跳到斯坦福大

7、學(xué)的電腦屏幕上時，標(biāo)志著人類首次組網(wǎng)的成功！組網(wǎng)技術(shù)經(jīng)過幾十年的錘煉，而今已經(jīng)相當(dāng)成熟了。 網(wǎng)絡(luò)硬件技術(shù)包括很多方面，其主要的作用就是把網(wǎng)絡(luò)中的各種資源通過相關(guān)網(wǎng)絡(luò)連接設(shè)備連接起來，實施網(wǎng)絡(luò)通信和達(dá)到共享網(wǎng)絡(luò)資源的目的。（二）web管理技術(shù) 網(wǎng)絡(luò)管理技術(shù)是一個永久的話題。網(wǎng)絡(luò)管理的難點是安全性問題，涉及到防止來自內(nèi)部和外部的攻擊，這對管理員自身的技術(shù)是一個嚴(yán)峻的考驗。一個合格的網(wǎng)管人員，除了管好網(wǎng)絡(luò)，還得和黑客做技術(shù)上的較量。網(wǎng)絡(luò)管理涉及的方面可謂種類繁多，簡單地說，網(wǎng)絡(luò)管理就是為保證網(wǎng)絡(luò)系統(tǒng)能夠持續(xù)、穩(wěn)定、安全、可靠和高效地運(yùn)行，不受外界干擾，而維持網(wǎng)絡(luò)系統(tǒng)設(shè)施所采取的一系列方式和措施。網(wǎng)絡(luò)

8、管理由網(wǎng)管員通過駕馭網(wǎng)絡(luò)操作系統(tǒng)和網(wǎng)絡(luò)管理軟件來實現(xiàn)。 web管理則是在網(wǎng)絡(luò)管理的基礎(chǔ)上，針對網(wǎng)絡(luò)建設(shè)和維護(hù)所進(jìn)行的一系列管理。諸如架設(shè)web服務(wù)器、文件傳輸服務(wù)器、郵件服務(wù)器、域名服務(wù)器、代理服務(wù)器以及用戶管理和計費(fèi)管理等等。1.2開發(fā)工具的介紹及選擇1.2.1 夢幻網(wǎng)頁的編織者dreamweaver cs4dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。macromedia的roundtrip html技術(shù)允許用戶隨意導(dǎo)入html文檔而無需重新設(shè)置代碼格式。dreamweaver可以為用戶做到：使用動態(tài)html功能（例

9、如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。dreamweaver還是一個可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫javascript代碼擴(kuò)展dreamweaver的行為和屬性檢查器。至于dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的dreamweaver工作區(qū)組件有以下若干種：(一) 文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。(二) 裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。(三) 對象工具欄包含創(chuàng)建不同類型的

10、對象（例如圖象、表格和層等）的按鈕。(四) 屬性檢查器顯示選定對象的屬性。(五) 快捷菜單可以使用戶對當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。(六) 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。1.2.1 網(wǎng)頁動畫的制作軟件micromedia flash 8.0micromedia flash 8.0用于web站點的交互式的矢量圖形和動畫的制作，它可制作出 用于瀏覽時的導(dǎo)航控制、制作動畫圖標(biāo)、帶同步聲音的大段的動畫，創(chuàng)建出生動的富于表現(xiàn)力的網(wǎng)頁。flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。flash 的交互性

11、的大部分設(shè)置就在 action 和 fs command 里，通過對 action 和 fs command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對變量及函數(shù)的設(shè)置。1.2.3 javascriptjavasript是一種基于對象(object)和事件驅(qū)動(event driven)并具有安全性能的腳本語言。使用它的目的是與html超文本標(biāo)記語言、java 腳本語言（java小程序）一起實現(xiàn)在一個web頁面中鏈接多個對象，與web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的html語言中實現(xiàn)的。它的出現(xiàn)彌補(bǔ)了html語言的缺陷，它是java與html折衷的

12、選擇。 1.2.4 影像與動畫的制作軟件 adobe photoshop8.0photoshop 8.0是目前最流行的圖形、圖像編輯設(shè)計軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計、封面設(shè)計、美術(shù)繪畫、網(wǎng)頁設(shè)計等領(lǐng)域都被廣泛地應(yīng)用。(一) 文字處理更加方便(二) 增加的圖層集使圖層管理更有序。(三) 新增圖像功能：圖像的剪切和剪裁更加方便。(四) 將所有工具的選項板改進(jìn)為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設(shè)置。(五) 為了更方便地用路徑繪畫，改進(jìn)增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。1.2.5 動態(tài)網(wǎng)站的腳本語言a

13、spactive 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來設(shè)計程序，客戶端（lient）在瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（lient）若使用netscape瀏覽器就無法顯示vbscript的執(zhí)

14、行結(jié)果。(一)、的特點：1、任何開發(fā)工具皆可發(fā)展只要使用一般的文書編輯程序，如windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，frontpage express、 rontpage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫，可能會發(fā)生一些意想不到的離奇狀態(tài)。通過各家瀏覽由于asp程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的html文件適用于不同的瀏覽器。2、語言相容性高asp與所有的activex script語言都相容，除了可結(jié)合html，vbscript、java scriptactive x服務(wù)器組件來設(shè)計外，并可經(jīng)由“pl

15、ug-in（外掛組件模組）的方式，使用其他廠商（third party）所提供的語言。3、隱密安全性高如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到文件，原始的程序代碼是看不到的！這是因杰程序先于網(wǎng)站服務(wù)（eb server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)文件，再傳送到客戶端（client）的瀏覽器上，因此，我們所辛苦撰寫的程序并不會輕易地被看見進(jìn)而被盜用。4、易于操控數(shù)據(jù)庫可以輕易地通過dbc(open database connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：acess、foxpro、dbase、oracle等等，另外，亦可將“文本文件”或是”excel” 文件當(dāng)成

16、數(shù)據(jù)庫用。5、面向?qū)ο髮W(xué)習(xí)容易具備有面向?qū)ο螅╞ject-oriented）功能，學(xué)習(xí)容易，提供了五種方便能力強(qiáng)大的內(nèi)建對象：request、response、sever、application以及session，同時，若使用內(nèi)建的“application”對象或”session”對象所撰寫出來的程序可以在多個網(wǎng)頁之間暫時保存必要的信息。6、asp的六大內(nèi)部對象對象名稱 功能描述requestresponseserversessionapplicationobjectcontext 從客戶端取得信息將信息送給客戶端提供一些web服務(wù)器工具儲存在一個session內(nèi)的用戶信息，該信息僅可被該用戶

17、訪問在一個asp-application中讓不同的客戶端共享信息可以用來配合microsoft transaction 服務(wù)器進(jìn)行分布式事務(wù)處理所以我選擇了asp結(jié)合dreamweaver架構(gòu)個人站點。1.3 關(guān)系型數(shù)據(jù)庫的選擇1.3.1 accessmicrosoft access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù)據(jù)和單機(jī)訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶端不能多于4個。microsoft access數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達(dá)到100m左右，很容易造成服務(wù)器iis假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。1.3.2 sql servermicr

18、osoft sql server是基于服務(wù)器端的中型的數(shù)據(jù)庫，可以適合大容量數(shù)據(jù)的應(yīng)用，在功能上管理上也要比microsoft access要強(qiáng)得多。在處理海量數(shù)據(jù)的效率，后臺開發(fā)的靈活性，可擴(kuò)展性等方面強(qiáng)大。因為現(xiàn)在數(shù)據(jù)庫都使用標(biāo)準(zhǔn)的sql語言對數(shù)據(jù)庫進(jìn)行管理，所以如果是標(biāo)準(zhǔn)sql語言，兩者基本上都可以通用的。microsoft sql server還有更多的擴(kuò)展，可以用存儲過程，數(shù)據(jù)庫大小無極限限制。本站屬于個人站點采用access數(shù)據(jù)庫就行了。2 個人網(wǎng)站的設(shè)計分析2.1相關(guān)術(shù)語及解釋2.1.1 internetinternet(英特網(wǎng))誕生于上世紀(jì)60年代，發(fā)展非常慢，到90年代才開始

19、迅速發(fā)展?，F(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡(luò)的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識的海洋。2.1.2 站點所謂站點，就是將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實質(zhì)內(nèi)容。站點文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨文件的形式存在。2.1.3 超鏈接我們在瀏覽網(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)頁中的不同位置

20、彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機(jī)上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使web服務(wù)存在廣泛和持久的生命力，超鏈接可以說是web的靈魂。2.1.4 urlurl（uniform resource locator的縮寫），統(tǒng)一資源定位器?；ヂ?lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡(luò)中的某處，必須用一個惟一的url來進(jìn)行標(biāo)識，這樣才能方便查找。對于web來說，可以簡單并通俗把url理解為網(wǎng)址。每個web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的url，就可以訪問這個網(wǎng)頁。例如，2.1.5 ip地址為了使互聯(lián)網(wǎng)上的電腦主機(jī)

21、在通信時能夠相互識別，每臺主機(jī)都分配一個能表示其位置的ip（internet protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。ip地址是由專門的互聯(lián)網(wǎng)機(jī)構(gòu)來分配。ip地址具有惟一性，是由32位二進(jìn)制數(shù)組成，分為四組，每組8位，每組之間用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進(jìn)制數(shù)表示。2.2 個人網(wǎng)站的由來和發(fā)展互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學(xué)院高能物理研究所設(shè)立了國內(nèi)第一個web服務(wù)器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)internet上出現(xiàn)的第一個web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機(jī)互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構(gòu)成中國數(shù)字神經(jīng)

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

23、戶的新追求。2.3 我的個人網(wǎng)站的設(shè)計與規(guī)劃2.3.1 明確架設(shè)網(wǎng)站的目的及客戶要求通常情況下，架設(shè)個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)個人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。2.3.2 我的個人網(wǎng)站概貌因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設(shè)計分為前臺頁面展示平臺和后臺在線管理平臺。前臺部分提供了一般網(wǎng)站瀏覽使用的日記頁面，后臺部分提供了發(fā)表

24、日志的功能。2.3.3 功能劃分網(wǎng)站設(shè)計有日志更新、日志刪除和日志管理，瀏覽者可以在首頁瀏覽自己喜歡的日志，并且可以在日志回復(fù)板和大家交流，在后臺管理頁面中，通過身份認(rèn)證，管理員我，可以對網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。2.3.4 功能描述 (一)日志回復(fù)板是一個我與大家談心交流的地方，在日志回復(fù)板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。(二)后臺管理頁面是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設(shè)計了這個管理頁面，經(jīng)過身份認(rèn)證后我可以進(jìn)入網(wǎng)站對其中的信息進(jìn)行管理。(三)日記在其中展示我喜愛的東西

25、，包括我的日記、精品文章、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識我和了解我，讓一些美好的東西我們大家共同來欣賞。 (四)頁面組織和數(shù)據(jù)庫設(shè)計在明確了我的個人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計和數(shù)據(jù)庫設(shè)計。建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的

26、主體明確顯示出來。因此我將自己的個人網(wǎng)站分為三個欄目，分別是關(guān)于我、日記、日志回復(fù)。3 詳細(xì)設(shè)計3.1數(shù)據(jù)庫設(shè)計該個人網(wǎng)站的主要結(jié)構(gòu)分成一般用戶和管理員使用兩個部分。個人網(wǎng)站系統(tǒng)的頁面共由20哥頁面組成，個人網(wǎng)站頁面的功能與文件名稱如表1-1所示。表1-1需要制作的主要頁面頁面名稱功能個人網(wǎng)站主頁面index.asp顯示呢最新個人網(wǎng)站最新注冊等信息頁面?zhèn)€人網(wǎng)站分類頁面blog_type.asp列出所有個人網(wǎng)站分類的大體內(nèi)容日志內(nèi)容頁面log_content.asp個人網(wǎng)站分類中內(nèi)容的詳細(xì)頁面?zhèn)€人網(wǎng)站個人主頁面user.asp個人網(wǎng)站主要內(nèi)容日志分類內(nèi)容頁面log_class.asp個人日志分類

27、的內(nèi)容頁面用戶注冊頁面register.asp新用戶注冊頁面后臺管理轉(zhuǎn)向頁面check.asp判斷登錄用戶再分別轉(zhuǎn)向不同頁面后臺管理主頁面user_admin.asp/ admin.asp一般用戶管理頁面/管理員管理頁面日志分類管理頁面admin_log_type.asp個人日志分類管理頁面，可添加日志分類修改日志分類頁面admin_log_typeupd.asp修改日志分類的頁面刪除日志分類頁面admin_log_typedel.asp刪除日志分類的頁面日志列表管理主頁面admin_log_class.asp個人日志列表管理頁面，可添加日志修改日志列表頁面admin_log_classupd

28、.asp修改個人日志的頁面刪除日志列表頁面admin_log_classdel.asp刪除個人日志的頁面?zhèn)€人網(wǎng)站分類管理頁面admin_blog_type.asp管理員對個人網(wǎng)站分類管理頁面，可添加分類修改個人網(wǎng)站分類頁面admin_blog_upd.asp管理員對個人網(wǎng)站分類進(jìn)行修改的頁面刪除個人網(wǎng)站分類頁面admin_blog_del.asp管理員對個人網(wǎng)站分類進(jìn)行刪除的頁面?zhèn)€人網(wǎng)站列表管理主頁面admin_blog.asp管理員對用戶個人網(wǎng)站進(jìn)行管理的頁面推薦個人網(wǎng)站管理頁面admin_blog_good.asp管理員對用戶個人網(wǎng)站是否推薦的管理頁面刪除用戶個人網(wǎng)站頁面admin_del

29、_blog.asp管理員對用戶個人網(wǎng)站進(jìn)行刪除的頁面將要制作的個人網(wǎng)站的網(wǎng)頁及網(wǎng)頁結(jié)構(gòu)如圖1-1所示個人網(wǎng)站圖1.1index.asp個人網(wǎng)站前臺部分個人網(wǎng)站后臺管理check.aspblog_type.aspadmin.aspuser_admin.aspregister.aspadmin_blog.aspadmin_blog_upd.aspadmin_del_blog.aspadmin_blog_good.aspadmin_blog_del.aspadmin_blog_type.aspadmin_log_classdel.aspadmin_log_classupd.aspadmin_log_

30、class.aspadmin_log_typedel.aspadmin_log_typeupd.aspadmin_log_type.asplog_class.aspuser.asplog_content.asp3.1.1 數(shù)據(jù)庫設(shè)計制作個人網(wǎng)站，首先要設(shè)計一個存儲用戶資料、個人網(wǎng)站信息、個人網(wǎng)站日志回復(fù)的數(shù)據(jù)庫文件，方便個人網(wǎng)站開發(fā)時數(shù)據(jù)的調(diào)用與管理。個人網(wǎng)站的數(shù)據(jù)庫開發(fā)的大小需要根據(jù)個人網(wǎng)站的內(nèi)容大小而定。這里我建立一個blog數(shù)據(jù)庫，并在里面分別建立用戶信息數(shù)據(jù)表users、個人網(wǎng)站分類表blog_type、日志信息表blog_log日志分類表log_type、日志日志回復(fù)表log_rep

31、ley以及管理員賬戶信息表admin作為任何數(shù)據(jù)查詞、新增、修改、與刪除的后端支持。用戶信息數(shù)據(jù)表users、個人網(wǎng)站分類表blog_type、日志信息表blog_log日志分類表log_type、日志日志回復(fù)表log_repley以及管理員賬戶信息表admin的字段結(jié)構(gòu)如表1-3表1-8所示。表1-3 用戶信息數(shù)據(jù)表users意義字段名稱數(shù)據(jù)類型字段大小默認(rèn)值用戶iduser_id自動編號長整型個人網(wǎng)站分類名typename文本20用戶登錄名user_username文本20用戶登錄密碼user_password文本20用戶博客名user_blog_name文本20注冊時間user_addt

32、ime日期/時間now()用戶e-mailuser_email文本20共有個人網(wǎng)站數(shù)user_post_num數(shù)字長整型0共有日志回復(fù)數(shù)user_reply_num數(shù)字長整型0是否是推薦個人網(wǎng)站，0不推薦1推薦user_blog_good數(shù)字長整型0表1-4 個人網(wǎng)站分類表blog_type意義字段名稱數(shù)據(jù)類型字段大小默認(rèn)值個人網(wǎng)站分類idtype_id自動編號長整型個人網(wǎng)站分類名typename文本20表1-5 日志信息表blog_log意義字段名稱數(shù)據(jù)類型字段大小默認(rèn)值日志idlog_id自動編號長整型用戶名user_username文本20日志分類idlog_class_id自動編號20

33、日志標(biāo)題log_title文本50日志添加時間log_addtime日期/時間now()日志日志回復(fù)數(shù)log_reply_num數(shù)字長整型0發(fā)布時間pubdate日期/時間now()日志內(nèi)容log_content備注表1-6 日志分類表log_type意義字段名稱數(shù)據(jù)類型字段大小默認(rèn)值主題編號log_class_id自動編號長整型用戶名user_username文本20日志分類名稱log_class_name文本20分類日志數(shù)log_class_num數(shù)字長整型0表1-7 日志日志回復(fù)表log_reply意義字段名稱數(shù)據(jù)類型字段大小默認(rèn)值日志回復(fù)idreply_id自動編號長整型日志idlog

34、_id文本20日志回復(fù)人姓名reply_user自動編號20日志回復(fù)標(biāo)題reply_title文本50日志回復(fù)時間reply_addtime日期/時間now()日志回復(fù)內(nèi)容reply_content備注表1-8 管理員賬號信息表admin意義字段名稱數(shù)據(jù)類型字段大小默認(rèn)值主題編號id自動編號長整型管理員用戶名username文本20管理員密碼password文本203.1.2 創(chuàng)建數(shù)據(jù)庫連接在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用asp把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在asp中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除。 一起看以下代碼，這就是asp程

35、序中常用的連接數(shù)據(jù)庫的代碼： 一切ok了!結(jié)束asp程序3.2 頁面設(shè)計3.2.1 界面設(shè)計(一) 主頁index.asp透過主頁可能知道我的個人網(wǎng)站的內(nèi)容信息1、功能用戶成功登陸個人網(wǎng)站后首先看到的就是進(jìn)入主頁，主頁能展現(xiàn)所有的網(wǎng)站信息2、組成結(jié)構(gòu)用戶注冊、最新注冊、最新日志、推薦博客和統(tǒng)計。3、主頁頁面瀏覽效果如圖11圖11(二)日記是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。1、功能利用asp對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章2、組成結(jié)構(gòu)日記或文章顯示頁面 log_class.asp：顯示所有日記或文章，同時還具備顯示不同子類日記或文章數(shù)據(jù)庫連接頁

36、面 connblog.asp3、日記頁面瀏覽效果圖，如圖12。圖12(三)、日志回復(fù)是一個我與大家談心交流的地方，在日志回復(fù)中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。1、功能利用sql語法過濾特定的用戶日志回復(fù)意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答。2、組成構(gòu)造意見日志回復(fù)結(jié)果網(wǎng)頁log_content.asp：用來顯示用戶發(fā)言與站長日志回復(fù)內(nèi)容，同時還具備查看日志回復(fù)和發(fā)表日志回復(fù)兩個功能。站長基本信息顯示頁面index.asp數(shù)據(jù)庫連接頁面 connblog.asp圖133.2.2 關(guān)鍵代碼設(shè)計（一）主頁面index.asp的代碼

37、 % * validate request to log in to this site.mm_loginaction = request.servervariables(url)if request.querystring then mm_loginaction = mm_loginaction + ? + server.htmlencode(request.querystring)mm_valusername=cstr(request.form(user_username)if mm_valusername then mm_flduserauthorization= mm_redirect

38、loginsuccess=/check.asp mm_redirectloginfailed=/err.asp mm_flag=adodb.recordset set mm_rsuser = server.createobject(mm_flag) mm_rsuser.activeconnection = mm_connblog_string mm_rsuser.source = select user_username, user_password if mm_flduserauthorization then mm_rsuser.source = mm_rsuser.source & ,

39、& mm_flduserauthorization mm_rsuser.source = mm_rsuser.source & from users where user_username= & replace(mm_valusername,) & and user_password= & replace(request.form(user_password),) & mm_rsuser.cursortype = 0 mm_rsuser.cursorlocation = 2 mm_rsuser.locktype = 3 mm_rsuser.open if not mm_rsuser.eof o

40、r not mm_rsuser.bof then username and password match - this is a valid user session(mm_username) = mm_valusername if (mm_flduserauthorization ) then session(mm_userauthorization) = cstr(mm_rsuser.fields.item(mm_flduserauthorization).value) else session(mm_userauthorization) = end if if cstr(request.

41、querystring(accessdenied) and false then mm_redirectloginsuccess = request.querystring(accessdenied) end if mm_rsuser.close response.redirect(mm_redirectloginsuccess) end if mm_rsuser.close response.redirect(mm_redirectloginfailed)end if% * go to record and move to record: create strings for maintaining url and form parametersdim mm_ke