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

1、<p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　ABSTRACTII</p><p>　　第一章 文獻(xiàn)綜述1</p><p>　　1.1 課題研究現(xiàn)狀分析1</p><p>　　1.2 個人

2、網(wǎng)站的研究工作2</p><p>　　1.3 已經(jīng)取得的研究成果2</p><p>　　1.4選題的目的及意義2</p><p>　　1.5 課題研究的主要內(nèi)容3</p><p>　　第二章 設(shè)計部分4</p><p>　　2.1設(shè)計的愿望4</p><p>　　2.2設(shè)計的背景5

3、</p><p>　　2.3 達(dá)到的預(yù)期成果6</p><p>　　2.4使用工具的簡要介紹6</p><p>　　2.5 任務(wù)概述10</p><p>　　2.7 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計13</p><p>　　第三章 結(jié)果與討論17</p><p>　　3.1 個人簡介版塊17</

4、p><p>　　3.2 我的論壇版塊17</p><p>　　3.3 個人專題版塊21</p><p>　　3.4 我的相冊版塊22</p><p>　　3.5 網(wǎng)站說明版塊23</p><p>　　3.6 給我留言版塊24</p><p>　　3.7 發(fā)送郵件版塊26</p>

5、;<p>　　3.8 鏈接百度版塊27</p><p>　　3.9 女生花園版塊27</p><p>　　3.10 討論28</p><p><b>　　第四章 總結(jié)30</b></p><p><b>　　參考文獻(xiàn)31</b></p><p><

6、;b>　　致 謝32</b></p><p><b>　　第一章 文獻(xiàn)綜述</b></p><p>　　互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡(luò)的強(qiáng)大生命力和它在未來將處于的重要地位。他們鉆研并且努力進(jìn)入到這一個新的空間，新的領(lǐng)域。以個人為中心，淡化了傳統(tǒng)中心地位，使得我們的世界向多元化加速發(fā)展，人人都有話語權(quán)，人人都是中心。<

7、;/p><p>　　互聯(lián)網(wǎng)是一個互動性極強(qiáng)的平臺，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構(gòu)建主流話語的行動中來。計算機(jī)技術(shù)的發(fā)展，特別是網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，給文檔的保存和管理提供極大的方便[1]。本論文中，將軟件工程的基本原理和方法應(yīng)用到整個網(wǎng)站系統(tǒng)，并對其進(jìn)行需求分析，提出了解決問題的具體方法。在具體制作中，用ASP技術(shù)來實現(xiàn)B/S系統(tǒng)，ASP技術(shù)與數(shù)據(jù)庫技術(shù)結(jié)合，用戶在瀏覽器端可以隨意查詢自己需要的

8、標(biāo)本，這樣提高了網(wǎng)頁的互動性，使整個系統(tǒng)能更好的為用戶服務(wù)。</p><p>　　Internet飛速發(fā)展使得網(wǎng)站不再僅僅為企業(yè)或公司等大型結(jié)構(gòu)所擁有，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，一個家庭甚至個人都可以擁有屬于自己的網(wǎng)站，而在這其中，個人網(wǎng)站已經(jīng)日漸普及，而且發(fā)展到今天，創(chuàng)建一個能充分體現(xiàn)

9、自我風(fēng)格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。</p><p>　　1.1 課題研究現(xiàn)狀分析</p><p>　　伴隨著社會的發(fā)展和科學(xué)的進(jìn)步，上網(wǎng)成為越來越多人們的選擇。隨著互聯(lián)網(wǎng)的飛速發(fā)展，有關(guān)網(wǎng)絡(luò)的技術(shù)也層出不窮[2]。如今互聯(lián)網(wǎng)上的個人網(wǎng)站如雨后春筍般蓬勃發(fā)展，絢麗多彩的主頁比比皆是。每個人都有發(fā)揮個人才能，揮灑自己個性的網(wǎng)上伊甸園。在hao123神話以后，網(wǎng)站大全類網(wǎng)站又再

10、一次達(dá)到頂峰。然而這個模式拷貝成功的網(wǎng)站卻寥寥無幾。而對于技術(shù)薄弱的個人網(wǎng)站來說，似乎網(wǎng)址類網(wǎng)站應(yīng)該是一個很好的切入點。但是由于搜索的異軍突起，網(wǎng)址類網(wǎng)站似乎變得可有可無。</p><p>　　網(wǎng)頁實際是一個文件，他存放在世界某個角落的某一臺計算機(jī)中而這臺計算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（URL）來識別與存取，當(dāng)我們在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁文件會被傳送到你的計算機(jī)，然后再通過瀏

11、覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素?？梢院唵蔚睦斫鉃椋何淖郑褪蔷W(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。網(wǎng)頁實際上只是一個純文本文件，它通過各式各樣的標(biāo)記對頁面上的文字、圖片、表格、聲音等元素進(jìn)行描述（例如字體、顏色、大?。鵀g纜器則對這些標(biāo)記進(jìn)行解釋并生成頁面。</p><p>　　1.2 個人網(wǎng)站的研究工作</p&

12、gt;<p><b>　　1．理論研究基礎(chǔ)</b></p><p>　　個人網(wǎng)站是由個別提供的一套集博客、文章、相冊、日程、通訊錄、鏈接、調(diào)查、留言板等諸多功能于一體的網(wǎng)絡(luò)平臺。個人網(wǎng)站的自由、開放精神，并使之更容易操作，更具個性需求，而不需要高深的技術(shù)[3]。它可以幫助個人進(jìn)行全面的信息化，以多種形式達(dá)到對信息獲取、組織、思考、表達(dá)、共享和交流的目的。以個人為中心，建立一個完

13、全屬于自己的可定制的個性化網(wǎng)絡(luò)平臺。來自文章的評論，留言板都可以很好的進(jìn)行交流，傾聽別人的聲音。</p><p><b>　　2．技術(shù)層面的支持</b></p><p>　　隨著互聯(lián)網(wǎng)的進(jìn)一步發(fā)展與成熟，網(wǎng)絡(luò)的帶寬進(jìn)一步加闊，網(wǎng)絡(luò)應(yīng)用也越來越廣泛。網(wǎng)頁制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目的網(wǎng)站，使得整個互聯(lián)網(wǎng)多姿多彩。</p><p>

14、;　　在進(jìn)行動態(tài)網(wǎng)頁制作的時候，通常都是使用ASP來完成。由于ASP使用方便，操作簡單，很多網(wǎng)頁設(shè)計者一直使用ASP。ASP集成在HTML和腳本語言中，其工作界面簡單，因此，ASP相對于其他網(wǎng)頁制作軟件來說，易學(xué)易用，是網(wǎng)頁制作初學(xué)者的入門軟件。同時配合數(shù)據(jù)庫的操作，使個人網(wǎng)站具有更好的網(wǎng)絡(luò)平臺和交互性。</p><p>　　1.3 已經(jīng)取得的研究成果</p><p>　　中國互聯(lián)網(wǎng)在近幾

15、年發(fā)展迅猛。一方面，產(chǎn)生了一批依賴技術(shù)領(lǐng)先的互聯(lián)網(wǎng)公司，取得了成功；另一方面，互聯(lián)網(wǎng)技術(shù)逐漸走向普及，使得行業(yè)進(jìn)入門檻正在降低[4]。目前中國網(wǎng)站總數(shù)已經(jīng)近百萬。在這里面出現(xiàn)了大量的個人網(wǎng)站。并且個人網(wǎng)站存在著巨大的商業(yè)價值。如果能以強(qiáng)大的號召力，把互補(bǔ)的個人網(wǎng)站聯(lián)合起來，不知道可以成立多少個門戶網(wǎng)站。我們有理由相信，個人網(wǎng)站還極具潛力。</p><p>　　1.4選題的目的及意義</p><

16、p>　　隨著Internet的迅速普及，我們已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁，而是希望更深入地參預(yù)到網(wǎng)絡(luò)中去，Internet的開放性使個人建立自己的網(wǎng)站成為可能，擁有自己的網(wǎng)站也越來越成為一種時尚，同時創(chuàng)建一個能充分體現(xiàn)自我風(fēng)格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。</p><p>　　我們更需要交流，相信交流能夠促進(jìn)我們不斷的進(jìn)步，并融合別人的長處；讓我們多一些渠道傾聽來自不同立場的聲音；設(shè)想我們的網(wǎng)絡(luò)

17、，當(dāng)每個人都擁有個人網(wǎng)頁，不管是否在線，我們都可以跨越時間、空間進(jìn)行交流，因為這個網(wǎng)頁中擁有我所有的一切，生活，見解，知識，思想；理想的狀態(tài)是個人門戶就是每個人的影子，他為每個人打點網(wǎng)絡(luò)上的一切，很多志同道合的朋友會在這里和你相識相知。</p><p>　　1.5 課題研究的主要內(nèi)容</p><p>　　互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡(luò)的強(qiáng)大生命力和它在未來將處于的重要地位

18、[5]。他們鉆研并且努力進(jìn)入到這一個新的空間，新的領(lǐng)域。其中包括你和我。</p><p>　　在我們的工作、日常生活中，能夠擁有一個自己的網(wǎng)站，一個已經(jīng)成為不少人的希望和驕傲。就這個課題的研究，因為是個人網(wǎng)站，所以我只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。</p><p><b>　　第二章 設(shè)計部分</b&

19、gt;</p><p>　　“個人網(wǎng)站要發(fā)展，要么是從我的需求出發(fā)，要么是從我周圍人的需求出發(fā)?！眹鴥?nèi)著名個人網(wǎng)站站長、手機(jī)之家站長高春輝說。網(wǎng)頁設(shè)計是一門新興的設(shè)計類和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達(dá)給大眾。一個網(wǎng)站項目的確立是建立在各種各樣的需求上面的，這是個人網(wǎng)站，所以這種需求往往來自于個人的實際需求，其中每個人的實際需求占了絕

20、大部分[6]。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來，保證開發(fā)過程按照個人需求為目的正確項目開發(fā)方向進(jìn)行。</p><p><b>　　2.1設(shè)計的愿望</b></p><p>　　在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在

21、Internet應(yīng)用上的地位顯而易見，它已成為個人、政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視[7]。</p><p>　　越來越多的人希望能真正參預(yù)到互聯(lián)網(wǎng)上，這就出現(xiàn)了越來越多的個人網(wǎng)站的設(shè)計以及推廣的工作和任務(wù)。</p><p>　　就我個人而言，之所以在畢業(yè)設(shè)計的時候選擇這個課題是因為我也想擁有自己的個人網(wǎng)站，在互聯(lián)網(wǎng)上擁有自己的一席之地，從而真正的參與到網(wǎng)絡(luò)中

22、去，做網(wǎng)絡(luò)新時代的主人，同時也希望自己喜歡和收藏的一些東西能夠和網(wǎng)絡(luò)一起分享，和互聯(lián)網(wǎng)上的你一起分享。</p><p>　　我所制作的個人網(wǎng)站大體可分為以下幾個功能：</p><p><b>　　1．搜索引擎：</b></p><p>　　根據(jù)瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。

23、</p><p><b>　　2．論壇：</b></p><p>　　主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺，也是網(wǎng)友給版主提出意見的主要渠道。在論壇中用戶可以發(fā)表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺對留言進(jìn)行管理，是否發(fā)表或刪除。</p><

24、p><b>　　3．發(fā)送電子郵件：</b></p><p>　　網(wǎng)友可以通過“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。</p><p><b>　　4．精品收藏：</b></p><p>　　在其中展示我喜愛的東西，包括電影、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大

25、家從中認(rèn)識我和了解我，讓一些美好的東西我們大家共同來欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對加入的新內(nèi)容進(jìn)行管理，即允許加入和對其進(jìn)行刪除。</p><p><b>　　5．留言板：</b></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。</p><

26、;p><b>　　2.2設(shè)計的背景</b></p><p><b>　　2.2.1設(shè)計介紹</b></p><p>　　這次我所設(shè)計的課題正是互聯(lián)網(wǎng)與個人生活之間的緊密聯(lián)系的體現(xiàn)，個人的宣傳網(wǎng)站，包括個人簡介、論壇、個人照片、個人專題等。在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。</p><

27、;p><b>　　2.2.2用戶特征</b></p><p>　　用戶人群：具有基本的計算機(jī)操作能力，熟知網(wǎng)絡(luò)并能夠在Internet遨游。</p><p><b>　　2.2.3運(yùn)行環(huán)境</b></p><p>　　軟件平臺需要服務(wù)器上的操作系統(tǒng)為microsoft windows xp server。因為ASP的

28、開發(fā)平臺首選是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同樣現(xiàn)在的瀏覽器是微軟一家獨大，使用的瀏覽器是微軟的explorer，網(wǎng)站的數(shù)據(jù)庫使用了同樣是microsoft的office access數(shù)據(jù)庫，因為一個數(shù)據(jù)不是很龐大的個人網(wǎng)站沒有

29、必要使用oracle等大型數(shù)據(jù)庫系統(tǒng)，同時access數(shù)據(jù)庫結(jié)構(gòu)比較的簡單，使用起來比較簡單好用。</p><p>　　2.2.4 術(shù)語說明</p><p>　　ODBC：開放式數(shù)據(jù)庫互連[8] </p><p>　　Personal Portal：個人網(wǎng)頁</p><p>　　Data Processing:數(shù)據(jù)處理

30、 </p><p>　　Transaction processing:事務(wù)處理</p><p>　　Access 2000：數(shù)據(jù)庫 </p><p>　　ASP：活動服務(wù)器網(wǎng)頁</p><p>　　HTML：超文本標(biāo)志語言</p><p>　　2.3 達(dá)到的預(yù)期成果<

31、/p><p>　　在明確了我的個人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計和數(shù)據(jù)庫設(shè)計。網(wǎng)站最后完成發(fā)不到網(wǎng)上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在網(wǎng)站內(nèi)搜索自己喜歡的資料，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認(rèn)證，管理員可以對網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。</p><p>　　2.4使用工具的簡要介紹

32、</p><p>　　2.4.1 IIS的簡要介紹</p><p>　　IIS是Internet Information Server的縮寫，它是微軟公司主推的Web服務(wù)器， 最新的版本是Windows2000里面包含的IIS 5.0，IIS與WindowNT Server完全集成在一起， 因而用戶能夠利用Windows NT Server和NTFS（NT File System，NT的文

33、件系統(tǒng)）內(nèi)置的安全特性， 建立強(qiáng)大、靈活而安全的Internet和Intranet站點。 IIS的一個重要特性是支持ASP[9]。IIS 3.0版本以后引入了ASP，可以很容易的張貼動態(tài)內(nèi)容和開發(fā)基于Web的應(yīng)用程序。</p><p>　　IIS的安裝步驟： </p><p>　　(1)點擊：【開始】->【設(shè)置】->【控制面板】->【添加/刪除程序】，打開“添加/刪除程序

34、”對話框。</p><p>　　(2)點擊左邊菜單欄中“添加/刪除Windows組件”項，打開“Windows組件向?qū)А睂υ捒颍ㄟ@個過程可能要花幾十秒鐘），在對話框“組件”列表中，選中“Internet 信息服務(wù)（IIS）”項。 </p><p>　　(3)將“Windows 2000”安裝盤放入光驅(qū)中，然后點擊“下一步”。這個步驟可能會花幾分鐘。 </p><p>

35、;　　(4)點擊“完成”按鈕，完成IIS的安裝。</p><p>　　2.4.2 數(shù)據(jù)庫Access的簡要介紹</p><p>　　Access數(shù)據(jù)庫是集成在Microsoft公司開發(fā)的產(chǎn)品更新?lián)Q代Office系統(tǒng)中的集成軟件[10]。</p><p>　　Access是一個數(shù)據(jù)庫管理系統(tǒng)，它之所以被集成到Office中而不是Visual Studio中，是因為它與

36、其它的數(shù)據(jù)庫管理系統(tǒng)（如Visual FoxPro）相比更加簡單易學(xué)，一個普通的計算機(jī)用戶即可掌握并使用它。而且最重要的一點是，Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。</p><p>　　ODBC（Open Database Connectivity開放式數(shù)據(jù)庫互聯(lián)）是微軟推出的一種工業(yè)標(biāo)準(zhǔn)，一種開放的獨立于廠商的API應(yīng)用程序接口，可以跨平臺訪問各種個人計算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)[11]

37、。ODBC作為一個工業(yè)標(biāo)準(zhǔn)，絕大多數(shù)數(shù)據(jù)庫廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，當(dāng)然也包括了Access。</p><p>　　ASP訪問數(shù)據(jù)庫的幾種方式：在ASP腳本中可以通過三種方式訪問數(shù)據(jù)庫：</p><p>　　IDC（Internet Database Co

38、nnector）方式；</p><p>　　ADO（ActiveX Data Objects）方式；</p><p>　　RDS（Remote Data Service）方式；</p><p>　　這三種訪問方式對數(shù)據(jù)庫的訪問是由Internet Information Server來完成的。Web瀏覽器用HTTP協(xié)議向Internet信息服務(wù)器（IIS）遞交請求。

39、Internet信息服務(wù)器執(zhí)行訪問數(shù)據(jù)庫的操作，并以一個HTML格式的文檔作為回答[12]。在本程序中我使用的是第二種方式，即ADO方式。</p><p>　　2.4.3 Access 的組件介紹</p><p>　　我們在Web服務(wù)器運(yùn)用Web應(yīng)用程序進(jìn)行的最常見和最實用的任務(wù)就是訪問服務(wù)器端的數(shù)據(jù)庫。而ASP內(nèi)建的Databse Access組件使得我們能夠輕而易舉地通過ActiexX

40、 Data Objects(ADO)訪問存儲在服務(wù)器端的數(shù)據(jù)庫或其他表格化數(shù)據(jù)結(jié)構(gòu)中的信息。</p><p>　　ADO是對當(dāng)前微軟所支持的數(shù)據(jù)庫進(jìn)行操作的最有效和最簡單直接的方法，它是一種功能強(qiáng)大的數(shù)據(jù)訪問編程模式，從而使得大部分?jǐn)?shù)據(jù)源可編程的屬性得以直接擴(kuò)展到Active Server頁面上[13]?？梢允褂肁DO去編寫緊湊簡明的腳本便連接到Open Datase Connetivity(ODBC)兼容的數(shù)據(jù)

41、庫和OLE DB兼容的數(shù)據(jù)源，這樣ASP程序員就可以訪問任何與ODBC兼容的數(shù)據(jù)庫，包括MS SQL SERVER Avccess , Ovracle等。</p><p>　　如果您是一個對數(shù)據(jù)庫連接有一定了解的腳本編寫人員，那將發(fā)現(xiàn)ADO命令語句并不復(fù)雜而且容易掌握，同樣地，如果您是一個經(jīng)驗豐富的數(shù)據(jù)庫編程人員，將會正確認(rèn)識ADO的先進(jìn)的與語言無關(guān)性和查詢處理功能。熟悉VB數(shù)據(jù)庫編程的朋友會發(fā)現(xiàn)ADO與RDO有

42、某中類似的地方。但是據(jù)說ADO的訪問的速度更快,內(nèi)存需要更小。</p><p>　　2.4.4 創(chuàng)建Access數(shù)據(jù)庫介紹</p><p>　　用Microsoft Access 來創(chuàng)建數(shù)據(jù)庫，最簡單的是通過它提供的的一個“向?qū)А保趩舆@個軟件以后，建立數(shù)據(jù)庫文件的操作。 </p><p>　　下面是我利用“向?qū)А眮韯?chuàng)建一份數(shù)據(jù)庫文件的具體操作步驟：</p&

43、gt;<p>　　選擇“Access數(shù)據(jù)庫向?qū)?、?shù)據(jù)頁和項目”單選按扭，然后單擊“確定”按鈕，若選擇Microsoft Access對話框中的“空Access數(shù)據(jù)庫”單選項按鈕，就會建立一個空的數(shù)據(jù)庫了，數(shù)據(jù)庫里面的信息需要手工來添加，若選擇“打開已有文件”單選按鈕則可以從下方的列表中選擇打開已經(jīng)存在的數(shù)據(jù)庫。</p><p>　　在彈出的“新建”對話框中，我們可以選擇一個模板來快速建立數(shù)據(jù)庫，我們

44、就先選擇個“定單管理”看看，然后單擊“確定”按扭。</p><p>　　“文件新建數(shù)據(jù)庫”對話框的功能是，指定數(shù)據(jù)文件名，以及保存它的文件夾。我們就以它的初始文件名“定單入口1”吧，單擊“創(chuàng)建”安扭后，新建的數(shù)據(jù)庫文件就將被指定保存到Microsoft Access默認(rèn)的文件夾下了，或我們給它指定一個新的也行，這樣一來，一份新的數(shù)據(jù)庫就建立好了，屏幕上也將顯示“數(shù)據(jù)庫向?qū)А睂υ捒颉?lt;/p><

45、p><b>　　“下一步”按鈕。</b></p><p>　　以上“數(shù)據(jù)庫向?qū)А睂υ捒蚍譃樽笥覂刹糠郑筮叺拇翱谑怯脕磉x擇“數(shù)據(jù)庫中的表”，右邊的窗口是用來選擇“表中的字段”。選擇好所需要的數(shù)據(jù)庫中的表和表中的字段之后，就單擊下一步按鈕。</p><p>　　以上“數(shù)據(jù)庫向?qū)А睂υ捒蚴怯脕泶_定屏幕的顯示樣式，我們就采用標(biāo)準(zhǔn)樣式吧，單擊下一步按鈕。</p&g

46、t;<p>　　以上“數(shù)據(jù)庫向?qū)А睂υ捒蚴怯脕泶_定打印報表的樣式的，我們可以選擇如“組織”樣式，然后單擊下一步按鈕。</p><p>　　以上“數(shù)據(jù)庫向?qū)А睂υ捒虻淖饔檬谴_定數(shù)據(jù)庫的標(biāo)題和是否在所有報表上加一幅圖片，我們就先設(shè)定數(shù)據(jù)庫的標(biāo)題為“定單入口”，并不在所有報表上加圖片，然后單擊下一步按鈕。</p><p>　　單擊以上“數(shù)據(jù)庫向?qū)А睂υ捒虻摹巴瓿伞卑粹o，就完成了創(chuàng)建

47、數(shù)據(jù)庫的工作了。</p><p>　　象這個數(shù)據(jù)庫在使用之前還會彈出“我的公司信息”對話框，當(dāng)然，不同的模板是不相同的，象這個就是要求輸入公司的名稱和地址信息，如下圖所示，關(guān)閉這個對話框，系統(tǒng)將自動保存信息。</p><p>　　關(guān)閉“我的公司信息”對話框后，會彈出“主切換面板”對話框。位于“主切換面板”對話框后面的是“定單入口1”窗體，通過這兩個窗體即可對新創(chuàng)建的數(shù)據(jù)庫進(jìn)行各種操作了。&

48、lt;/p><p>　　無論什么時候使用“數(shù)據(jù)庫向?qū)А毙陆〝?shù)據(jù)庫，Microsoft Access都將自動新建一個切換面板，這個面板對瀏覽數(shù)據(jù)庫都是很有幫助的，“切換面板”中有一些按鈕，單擊它們可以打開相應(yīng)的窗體和報表，或打開其他窗體和報表的切換面板、退出Microsoft Access或自定義切換面。</p><p>　　2.4.5 對ASP的簡要介紹</p><p&g

49、t;　　Active Server Pages（ASP）是服務(wù)器端腳本編寫環(huán)境，使用它可以創(chuàng)建和運(yùn)行動態(tài)、交互的 Web 服務(wù)器應(yīng)用程序。使用 ASP 可以組合 HTML頁、VBScript腳本命令和JavaScript腳本命令等，以創(chuàng)建交互的 Web 頁和基于 Web 的功能強(qiáng)大的應(yīng)用程序[14]。 </p><p>　　由于腳本程序是在服務(wù)器上而不是在客戶端運(yùn)行，傳送到瀏覽器上的 Web 頁是在 Web 服務(wù)

50、器上生成的。所以不必?fù)?dān)心瀏覽器能否處理腳本：Web 服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的 HTML 頁面?zhèn)鬏數(shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器，所以服務(wù)器端腳本不易被別人復(fù)制。用戶看不到創(chuàng)建他們正在瀏覽的頁的腳本命令。</p><p>　　ASP的運(yùn)行環(huán)境：ASP只能用于下列Web Server </p><p><b>　　?IIS </b></p

51、><p>　　?Microsoft Personal Web Server </p><p>　　ASP的編程語言：ASP可以使用VBScript和JavaScript進(jìn)行程序編寫。</p><p>　　ASP文件，ASP的文件后綴名為.ASP，以區(qū)別于同樣可以包含Script的HTML 文件。一個.ASP文件是一個文本文件， 可以包括下列元素的任意組合： </p

52、><p>　　?文本（text） </p><p>　　?HTML標(biāo)志（tags） </p><p>　　?Script命令 </p><p>　　ASP： 不需要任何HTML的tag,保存在文件中，起個好聽的名字，文件名的后綴一定要改為 .ASP ，然后上傳到服務(wù)器上一個有執(zhí)行權(quán)的目錄下（例如wwwroot），接下來的問題是，怎么執(zhí)行這個ASP

53、程序。</p><p>　　2.4.6 ASP訪問數(shù)據(jù)庫的原理</p><p>　　ASP是服務(wù)器端的腳本執(zhí)行環(huán)境，可用來產(chǎn)生和執(zhí)行動態(tài)的高性能的WEB服務(wù)器程序。當(dāng)用戶使用瀏覽器請求ASP主頁時，WEB服務(wù)器響應(yīng)，調(diào)用ASP引擎來執(zhí)行ASP文件，并解釋其中的腳本語言（javascript或vbscript），通過ODBC連接數(shù)據(jù)庫，由數(shù)據(jù)庫訪問組件ADO（active data obje

54、cts）完成數(shù)據(jù)庫操作，最后ASP生成包含有數(shù)據(jù)查詢結(jié)果的HTML主頁返回用戶端顯示[15]。</p><p><b>　　2.5 任務(wù)概述</b></p><p>　　隨著計算機(jī)的普及和網(wǎng)絡(luò)技術(shù)的迅速發(fā)展，人們也越來越依賴于計算機(jī)和網(wǎng)絡(luò)。因此，網(wǎng)絡(luò)安全應(yīng)該也必須引起注意。網(wǎng)絡(luò)安全是一門涉及計算機(jī)、網(wǎng)絡(luò)、通訊、密碼、信息安全、應(yīng)用數(shù)學(xué)、數(shù)論、信息論等多種學(xué)科的綜合性學(xué)

55、科，涉及面極廣，而且不斷更新和發(fā)展。國家對信息產(chǎn)業(yè)的扶持，使國內(nèi)的網(wǎng)絡(luò)狀況逐漸好轉(zhuǎn)，更多的服務(wù)器的開通，更快的寬帶網(wǎng)得逐漸普及，各種各樣的攻擊行為在網(wǎng)上也越來越頻繁化和簡單化。</p><p>　　微軟在推出 ASP 時提到的 ASP 的一個好處是：Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。然而，由于 NT、IIS 以及 AS

56、P 系統(tǒng)本身存在的一些漏洞，卻可能使 ASP 源碼暴露無遺，解決方法就是及時更新補(bǔ)丁。</p><p>　　該個人網(wǎng)站系統(tǒng)是基于Internet/Intranet 及Web技術(shù)，建立以Browser/Server 為結(jié)構(gòu)模式、以數(shù)據(jù)庫為后臺核心應(yīng)用、以服務(wù)為目的信息平臺，對資源進(jìn)行科學(xué)的加工整序和管理維護(hù)，為用戶提供個人信息保障和直接參預(yù)到互聯(lián)網(wǎng)上而設(shè)計的系統(tǒng)。包括界面設(shè)計,代碼設(shè)計,這一階段偏重于網(wǎng)頁制作工具和

57、技巧的應(yīng)用, 編寫總系統(tǒng)總體功能分析及架構(gòu)圖。</p><p><b>　　個人簡介： </b></p><p>　　介紹版主的一些基本信息，希望各位訪客能夠認(rèn)識版主。</p><p><b>　　我的論壇：</b></p><p>　　此版塊又分為主頁、發(fā)表意見、回復(fù)意見、顯示論壇內(nèi)容、版主后臺

58、管理以及版主的回復(fù)界面。其中發(fā)表意見界面是所有訪客都可以在論壇里面發(fā)表自己的意見，這些意見可以是發(fā)表給所有的訪客，也可以是只發(fā)表給版主，如果只發(fā)表給版主，只有版主可以看到和回復(fù)；回復(fù)意見是所有訪客針對自己感興趣的話題進(jìn)行回復(fù)；這些發(fā)表的意見和回復(fù)可以在顯示論壇內(nèi)容的界面都顯示出來，供大家討論；那些只有版主才能看到的信息在版主的管理界面，這個界面需要登錄，設(shè)有用戶名和密碼，在這里版主可以對所有評論進(jìn)行發(fā)表或刪除的管理。</p>

59、<p>　　圖2.1 論壇功能圖</p><p><b>　　個人專題：</b></p><p>　　這里收錄了我平時搜集的一些文章和音樂，各位訪客可以根據(jù)自己的喜好進(jìn)行閱覽。</p><p><b>　　我的相冊：</b></p><p>　　在這個板塊可以看到我的照片，班級照片和

60、搜集的校園照片，如果大家喜歡可以收藏。更改照片的時候只要更新數(shù)據(jù)庫就可以了。</p><p><b>　　網(wǎng)站說明：</b></p><p>　　里面是我對整個網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。</p><p><b>　　給我留言：</b></p><p>　　這是每位訪客針對我的網(wǎng)

61、站情況給我留言，這些留言會直接保存到數(shù)據(jù)庫里面，并且能夠輕松的讀取。</p><p>　　圖2.2 留言板功能圖</p><p><b>　　發(fā)送郵件：</b></p><p>　　各位訪客可以通過outlook向版主或者其他人發(fā)送電子郵件。</p><p><b>　　鏈接百度：</b><

62、/p><p>　　如果訪客想在互聯(lián)網(wǎng)上查找東西，可以直接點擊這里。</p><p><b>　　女生花園：</b></p><p>　　收集了一些女生喜歡的東西，如果你是女生，可以進(jìn)來看看。</p><p>　　圖2.3 網(wǎng)站的各個模塊</p><p>　　2.7 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計</p>

63、<p>　　2.7.1 論壇管理員登錄</p><p>　　表2.1 管理員登錄</p><p><b>　　1．表的說明</b></p><p>　　此表是用來論壇管理員登錄的，共分為三個字段，其中id字段設(shè)為主鍵，數(shù)據(jù)類型是自動編號，user和pwd字段分別用來存放管理員的登錄名和密碼，數(shù)據(jù)類型文本。</p>

64、<p><b>　　2．限制條件</b></p><p>　　在論壇管理員登錄時，只有正確輸入此表中的用戶名和密碼才能夠登錄到管理界面，才有權(quán)對論壇里面的內(nèi)容進(jìn)行刪除，否則只能在界面出發(fā)表評論。</p><p><b>　　2.7.2論壇發(fā)言</b></p><p>　　表2.2 論壇發(fā)言表</p>

65、<p><b>　　1．表的說明</b></p><p>　　此表是用來記錄訪客基本信息以及發(fā)表評論內(nèi)容的，共有十五個字段，這里只給出了七個字段，其中id 字段設(shè)為主鍵，數(shù)據(jù)類型是自動編號，time字段數(shù)據(jù)類型是日期/時間，其余為文本或者備注。每個在論壇里發(fā)表評論的訪客的基本信息和評論內(nèi)容都可以保存在此表中，便于顯示調(diào)用。</p><p><b&g

66、t;　　2．限制條件</b></p><p>　　沒有在論壇中正確填入自己的基本信息，就會導(dǎo)致登錄失敗，表中不會保存此內(nèi)容。</p><p>　　2.7.3論壇回復(fù)表</p><p><b>　　1．表的說明</b></p><p>　　此表用來存放訪客針對論壇里面的內(nèi)容所做的回復(fù)內(nèi)容，各字段的內(nèi)容同論壇發(fā)言

67、表。每個在論壇里回復(fù)評論的訪客的基本信息和評論內(nèi)容都可以保存在此表中，便于顯示調(diào)用。</p><p><b>　　2．限制條件</b></p><p>　　沒有在論壇中正確填入自己的基本信息，就會導(dǎo)致回復(fù)失敗，表中也不會保存此內(nèi)容。 </p><p>　　表2.3 論壇回復(fù)表</p&g

68、t;<p>　　2.7.4論壇顯示評論</p><p><b>　　1．表的說明</b></p><p>　　此表用來存放顯示評論及回復(fù)的內(nèi)容，共有十三個字段，其中id字段設(shè)為主鍵，數(shù)據(jù)類型為自動編號，其余為數(shù)字、文本或備注。存放發(fā)布評論時的一些基本設(shè)置。</p><p><b>　　2．限制條件</b>&l

69、t;/p><p>　　根據(jù)你發(fā)表評論時提交不同的設(shè)置，會有相應(yīng)的內(nèi)容存儲到數(shù)據(jù)庫中，以便于顯示不同的設(shè)置要求，如留言顏色和表情圖示可以根據(jù)你不同的選擇顯示不同的顏色和圖片。</p><p>　　表2.4 論壇顯示評論表</p><p>　　2.7.5 圖片存放</p><p>　　表2.5 圖片存放路徑表</p><p&g

70、t;<b>　　1．表的說明</b></p><p>　　此表用來存放我的照片版塊的照片，共有三個字段，沒有主鍵的設(shè)置，數(shù)據(jù)類型分別為自動編號，數(shù)字、文本。</p><p><b>　　2．限制條件</b></p><p>　　增加或刪除照片的時候只能在庫里進(jìn)行照片路徑的管理。</p><p>&l

71、t;b>　　2.7.6 留言板</b></p><p><b>　　1．表的說明</b></p><p>　　此表用來存放給我留言版塊的留言人、留言標(biāo)題以及留言內(nèi)容，共有四個字段，其中id字段設(shè)置為主鍵，數(shù)據(jù)類型為自動編號，其余三個字段的數(shù)據(jù)類型均為文本。留言者提交留言內(nèi)容以后就會存儲到此表中，網(wǎng)頁再通過連接數(shù)據(jù)庫調(diào)用此表顯示每個留言內(nèi)容</p

72、><p><b>　　2．限制條件</b></p><p>　　沒有后臺限制，想留言的任何訪客都可以在此留言板中留言，并且能夠顯示出來。</p><p><b>　　表2.6 留言表</b></p><p><b>　　第三章 結(jié)果與討論</b></p><p

73、>　　3.1 個人簡介版塊</p><p>　　本模塊是個人簡介部分，每個個人網(wǎng)站都會有作者介紹。在這個模塊訪客會了解到作者的一些基本信息，這里以我女朋友為主題制作的個人網(wǎng)站，大致界面內(nèi)容如圖3.1所示。</p><p>　　圖3.1 個人簡介</p><p>　　此版塊采用了靜態(tài)網(wǎng)頁設(shè)計，最大的亮點就是利用了一個圖片特效產(chǎn)生的效果，圖片以溶解的方式漸漸出現(xiàn)

74、，圖片代碼如下所示：</p><p>　　<img src="images/pic/00.jpg" border="0" id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Trnsition=23);" width="176&q

75、uot; height="130"></p><p>　　代碼的作用是設(shè)置圖片路徑、圖片邊框的大小、圖片的最初的隱藏效果、圖片的漸顯效果以及圖片顯示的大小。</p><p>　　3.2 我的論壇版塊</p><p>　　在個人網(wǎng)站建設(shè)中，BBS論壇也是其中最主要的一個子系統(tǒng)。BBS論壇的主要功能就是討論問題，論壇采用了B/S模式，提供了發(fā)表

76、評論，回復(fù)評論和管理員對評論進(jìn)行管理等功能。</p><p>　　3.2.1 顯示評論功能</p><p>　　論壇首頁以及顯示評論界面如圖3.2所示，圖最上面顯示的是此頁面的基本信息，由中間的超鏈接可進(jìn)入發(fā)表評論界面、管理界面。</p><p>　　此界面的功能是顯示評論內(nèi)容，根據(jù)不同的提交數(shù)據(jù)可以顯示不同的圖片和字體顏色，并且可以通過上面的圖標(biāo)可通過outloo

77、k發(fā)送電子郵件。每個評論都有回復(fù)鏈接，由此可進(jìn)入回復(fù)界面。</p><p>　　此界面可以分為多個頁面，每個頁面可以顯示八個評論的內(nèi)容，每超過八個評論程序會自動增加頁面，以顯示評論。實現(xiàn)頁面加一的代碼如下：</p><p>　　<%If Page <> rs.PageCount Then%><a href="index.ASP?page=<%=

78、Page+1%>"></p><p>　　<%end if%> </p><p>　　圖3.2 顯示評論</p><p>　　如果沒有人發(fā)表評論，頁面會自動顯示“目前沒有任何評論內(nèi)容”。</p><p>　　連接數(shù)據(jù)庫的代碼如下：</p><p>　　<% Set conn

79、 = Server.CreateObject("ADODB.Connection") </p><p>　　DBPath = Server.MapPath("board.mdb")</p><p>　　conn.Open "driver={Microsoft Access Driver (*.mdb)};pwd=t

80、est;dbq=" & DBPath</p><p>　　SET ps = Server.CreateObject("ADODB.Recordset")</p><p>　　ps.Open "Select * From admin where user='"&session("user")&

81、;"' and pwd='"&session("pwd")&"'" , conn,1,3%></p><p><b>　　代碼的作用分別是：</b></p><p>　　創(chuàng)建ODBC數(shù)據(jù)源；打開連接board.mdb數(shù)據(jù)庫的路徑；創(chuàng)建access驅(qū)動，打開bbs表

82、；創(chuàng)建Recordset對象操作數(shù)據(jù)庫中的記錄；利用創(chuàng)建的Recordset對象訪問表中的用戶名和密碼記錄。</p><p>　　3.2.2 發(fā)表評論與回復(fù)評論功能</p><p>　　進(jìn)入發(fā)表評論界面后，此界面如圖3.3所示：</p><p>　　在此界面操作簡單，頁面簡潔，完全控件式的頁面布局。訪客無需注冊和登錄，只需填寫個人信息，在表情圖片和留言顏色處，訪客可

83、以根據(jù)自己的喜好和發(fā)言內(nèi)容進(jìn)行選擇，在“給版主”處，訪客可以選擇，如果留言只是留給版主的，只有版主才能看到，對論壇的其他人是隱藏的。個人網(wǎng)站、MSN、ICQ可不用填寫，姓名、性別和電子郵件必須以正確的格式填寫，否則會出現(xiàn)出錯提示。對于用戶的評論立即在主頁的對應(yīng)位置顯示出來，達(dá)到即時見效的功能。</p><p>　　圖3.3 發(fā)表評論</p><p>　　以下代碼用于用戶訪問系統(tǒng)記錄用戶

84、身份：</p><p>　　<% if not cookies=null then </p><p><b>　　else</b></p><p>　　'do nothing or set cookies=""</p><p>　　end if %></p&

85、gt;<p>　　代碼的意思是如果cookies值不為空讀取cookies中已經(jīng)記錄的用戶資料，如果為空就重新記錄。點擊“提交”以后內(nèi)容會自動保存到po_send.ASP中，以后此用戶再登陸就會記錄用戶的信息。</p><p>　　3.2.3 管理員登錄功能</p><p>　　進(jìn)入管理員界面后，可以看到如圖所示的界面：</p><p>　　因為設(shè)有登

86、錄權(quán)限所以只有管理員才能進(jìn)入管理界面，管理員賬號和管理員密碼都記錄在數(shù)據(jù)庫中。系統(tǒng)便會根據(jù)這些登錄資料，辨別出管理員的身份權(quán)限，判斷管理員是否合法。成功登錄的合法管理員有權(quán)限察看資料。這些資料包括其他用戶的個人資料，包括用戶昵稱，用戶性別，用戶郵箱，用戶網(wǎng)址等等。</p><p>　　以下腳本代碼連接數(shù)據(jù)庫，判斷登錄賬號和密碼是否正確。如果輸入的密碼錯誤，會進(jìn)行出錯處理。</p><p>

87、　　<script language="JavaScript"></p><p>　　<!--function add(chk) {</p><p>　　if (chk.user.value=="") {alert("請輸入管理員帳號"); return false;}</p><p>　

88、　if (chk.pwd.value=="") {alert("請輸入管理員密碼"); return false;}}</p><p><b>　　//--></b></p><p><b>　　</script></b></p><p>　　以下代碼是管理員退出管

89、理界面，進(jìn)入普通用戶界面。</p><p>　　<% Session.Abandon response.redirect"index2.ASP" %></p><p>　　圖3.4 管理員登錄</p><p>　　3.2.4 管理功能</p><p>　　管理員進(jìn)入管理界面后，可見到以下界面：</p

90、><p>　　圖3.5 管理界面</p><p>　　以下腳本代碼對系統(tǒng)進(jìn)行設(shè)置：</p><p>　　<script language="JavaScript"></p><p>　　<!--function add(chk) {</p><p>　　if (chk.view.va

91、lue=="") {alert("請輸入顯示個數(shù)"); return false;}</p><p>　　if (chk.all.value=="") {alert("請輸入人氣指數(shù)"); return false;} }</p><p><b>　　//--></b></p&

92、gt;<p><b>　　</script></b></p><p>　　管理員有權(quán)限對整個論壇系統(tǒng)進(jìn)行系統(tǒng)設(shè)置，論壇的顯示方式，每頁顯示的評論個數(shù)，背景顏色，背景圖片，首頁網(wǎng)址，是否顯示對方的IP地址等。可以對發(fā)表給管理員的評論進(jìn)行處理，發(fā)表或刪除。也可對其他訪客發(fā)表的評論進(jìn)行回復(fù)或刪除。</p><p>　　3.3 個人專題版塊</

93、p><p>　　在這個版塊我設(shè)計和兩部分內(nèi)容包括文學(xué)欣賞和快樂音樂。文學(xué)欣賞里收集了一些精美文章，快樂音樂里收集了一些好聽的mp3歌曲。</p><p>　　3.3.1 文學(xué)欣賞</p><p>　　此版塊的界面如圖所示：</p><p>　　圖3.6 文學(xué)欣賞界面</p><p>　　3.3.2 快樂音樂</p&

94、gt;<p>　　進(jìn)入此版塊，界面如圖所示：</p><p>　　通過在數(shù)據(jù)庫中存放音樂路徑，達(dá)到在網(wǎng)頁上播放的效果。在音樂的首頁上放置了歌曲的名字，網(wǎng)友無需登錄，即可收聽自己喜歡的歌曲。</p><p><b>　　<% i=2 %></b></p><p>　　<embed src=<%=request

95、.cookies("S"&i)%> loop=false autostart=false name=bgss2 width="200" height="120"></p><p>　　以上代碼用來讀取數(shù)據(jù)庫中的音樂路徑，此控件專門播放mp3的音樂。進(jìn)入播放界面后，就會出現(xiàn)此控件，點擊播放就直接調(diào)用數(shù)據(jù)庫中的音樂進(jìn)行播放</p

96、><p>　　圖3.7 音樂界面</p><p>　　3.4 我的相冊版塊</p><p>　　個人網(wǎng)站中又一亮點就是個人相冊的設(shè)置，在我的相冊里，放置了我自己的照片、班級照片和校園照片。</p><p>　　相冊里面的這三個版塊具有相同的版面設(shè)計，如下圖所示：</p><p>　　圖3.8 相冊界面</p>

97、;<p>　　這些照片的路徑存放在數(shù)據(jù)庫中，在頁面中直接連接顯示，點擊每個小圖即可察看大圖。連接數(shù)據(jù)庫顯示圖片代碼如下：</p><p>　　<% i=1 %> //連接的第一張圖片</p><p>　　<img src=<%=request.cookies("S"&i)%> wid

98、th="170" height="160"></a></p><p>　　此代碼用于連接數(shù)據(jù)庫中圖片表的圖片路徑。設(shè)置i的值連接不同的圖片，獲得數(shù)據(jù)庫中圖片的cookies值。</p><p>　　3.5 網(wǎng)站說明版塊</p><p>　　此版塊是我根據(jù)自己的網(wǎng)站結(jié)構(gòu)對整個網(wǎng)站以及每個版塊所做的網(wǎng)站結(jié)構(gòu)和功能

99、的說明，以及網(wǎng)站和作者版權(quán)說明。如下圖所示：</p><p>　　圖3.9 網(wǎng)站說明界面</p><p>　　如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。</p><p>　　3.6 給我留言版塊</p><p>　　留言板是目前最為流行的網(wǎng)絡(luò)應(yīng)用之一，使用留言板，可以為留言者提供發(fā)言的機(jī)會，讓他們能夠及時、準(zhǔn)確地交換自己的觀點。</p

100、><p>　　3.6.1 留言板主界面</p><p>　　完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面index1.ASP，可由此進(jìn)入留言界面和察看留言界面。</p><p>　　圖3.10 留言主界面</p><p>　　在主界面中存有全部留言的作者和主題，點擊你想察看的主題就會進(jìn)入察看留言界面，點擊 “發(fā)表帖子”進(jìn)

101、入留言界面。</p><p>　　3.6.2 留言界面</p><p>　　進(jìn)入留言界面后，將會看到如下圖所示的界面say.ASP：</p><p>　　圖3.11 發(fā)表留言界面</p><p>　　用戶名、標(biāo)題和內(nèi)容填完以后點擊提交按鈕系統(tǒng)就會提醒你提交成功，察看帖子，如果填寫不完整系統(tǒng)就會提示你錯誤信息。</p><

102、p>　　內(nèi)容提交后，就會自動保存在數(shù)據(jù)庫中，其中連接數(shù)據(jù)庫代碼如下：</p><p>　　<%name=Replace(Request.Form("name"),"'","''")title=Replace(Request.Form("title"),"'","

103、''") body=Replace(Request.Form("body"),"'","''")%></p><p>　　保存內(nèi)容到數(shù)據(jù)庫代碼如下：</p><p>　　<%setsavebbs=conn.execute("insertinto bbs(na

104、me,title,body)values('"&name&"','"&title&"','"&body&"')")%></p><p>　　刷新數(shù)據(jù)庫表中的內(nèi)容，產(chǎn)生新的記錄集。</p><p>　　3.6.3 察看留言

105、界面</p><p>　　進(jìn)入察看留言界面后，可以看到每個留言者的留言內(nèi)容，如圖所示show.ASP：</p><p>　　進(jìn)入每個帖子的瀏覽頁，主要是通過連接數(shù)據(jù)庫獲取該帖子的id號，其代碼如下：</p><p>　　<%id=request.querystring("id")%></p><p>　　<

106、;%set show=conn.execute("select * from bbs where id =" &id &"")%></p><p>　　分別顯示作者、主題和內(nèi)容的代碼如下：</p><p>　　<%=show("name")%> <%=show("title&quo

107、t;)%> <%=show("body")%></p><p>　　圖3.12 察看留言界面</p><p>　　3.6.4 連接數(shù)據(jù)庫</p><p>　　留言板中的每個頁面index1.ASP、say.ASP、show.ASP、save.ASP都包含了連接數(shù)據(jù)庫的文件conn.ASP，目的是隨時連接數(shù)據(jù)庫，它的代碼如下：&

108、lt;/p><p>　　<%' set conn=Server.CreateObject("ADODB.connection")</p><p>　　conn.provider="Microsoft.jet.oledb.4.0"</p><p>　　conn.open server.MapPath("bbs

109、.mdb")</p><p>　　'Server.scriptTimeout="10"</p><p>　　'connstr="DBQ="+server.mappath(═bbs═.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};&

110、quot;</p><p>　　'set conn=Server.CreateObject("ADODB.connection")</p><p>　　'conn.open connstr</p><p><b>　　%></b></p><p>　　代碼的意思是創(chuàng)建ADODB數(shù)

111、據(jù)源，創(chuàng)建連接驅(qū)，連接表的路徑以及access數(shù)據(jù)對象，進(jìn)行網(wǎng)頁和數(shù)據(jù)庫的連接。</p><p>　　3.7 發(fā)送郵件版塊</p><p>　　在網(wǎng)站的每個大的版塊上都有“與我聯(lián)系”的圖片鏈接，點擊此鏈接可進(jìn)入如下界面：</p><p>　　在這里可以選擇要發(fā)送郵件的收件人，主題及內(nèi)容。主要實現(xiàn)的代碼如下：</p><p>　　mailto:

112、jlens@126.com</p><p>　　此代碼主要用于連接到outlook express，進(jìn)行郵件的發(fā)送。</p><p>　　圖3.13 發(fā)送郵件界面</p><p>　　3.8 鏈接百度版塊</p><p>　　在網(wǎng)站的首頁上我設(shè)置了鏈接百度的搜索引擎，如果訪客有內(nèi)容要查詢，可以直接在此引擎內(nèi)搜索，可直接鏈接到百度查找內(nèi)容。如

113、下圖所示：</p><p>　　圖3.14 鏈接百度</p><p>　　連接百度腳本代碼如下：</p><p>　　<SCRIPT language=javascript> </p><p>　　function g(formname) { </p><p>　　var url = &q

114、uot;http://www.baidu.com/baidu"; </p><p>　　formname.value = "2097152"; </p><p>　　formname.action = url; </p><p>　　return true; } </p><p>　　</SCRIPT>

115、; </p><p>　　使用javascript腳本語言，定義一個表格函數(shù)，把百度的路徑存儲到表格屬性中，通過表格動作訪問百度的網(wǎng)址。</p><p>　　3.9 女生花園版塊</p><p>　　女生花園是我依據(jù)自己的喜好增加的版塊，如下圖所示：</p><p>　　圖3.15 女生花園界面</p><p>　　

116、在此版塊中包括兩個頁面，一個是可愛衣服，另一個是可愛服飾，這些圖片同樣是保存在數(shù)據(jù)庫中，除了顯示我喜歡的圖片以外，還有一些熱門文章的顯示，如圖的左邊所示，這些文章能夠移動。</p><p>　　主要實現(xiàn)的代碼如下：</p><p>　　<marquee direction=up scrollamount=1 scrolldelay=10>。。。<marquee>&l

117、t;/p><p>　　此句代碼能實現(xiàn)文字由下向上循環(huán)滾動。</p><p><b>　　3.10 討論</b></p><p>　　3.10.1 網(wǎng)站的風(fēng)格是否統(tǒng)一</p><p>　　一個成功的網(wǎng)站首先需要一個優(yōu)秀的設(shè)計，然后輔之優(yōu)秀的制作。設(shè)計是網(wǎng)站的核心和靈魂，一個相同的設(shè)計可以有多種制作表現(xiàn)的方式。</p>

118、;<p>　　一方面是純網(wǎng)站本身的設(shè)計比如文字排版、圖片制作、平面設(shè)計、三維立體設(shè)計、靜態(tài)無聲圖文、動態(tài)有聲影像等。</p><p>　　另一方面是網(wǎng)站的延伸設(shè)計，包括網(wǎng)站的主題定位和瀏覽群定位、智能交互、制作策劃、形象包裝等。</p><p>　　這兩方面相輔相成，做完網(wǎng)站后，首先需要測試的就是網(wǎng)站的整體風(fēng)格和總體色調(diào)。每個網(wǎng)站的風(fēng)格都有特定的主題，我的網(wǎng)站主色調(diào)是綠色，但

119、其中也不乏別的顏色予以搭配，使整個網(wǎng)站看起來有一種溫文爾雅的感覺。</p><p>　　其次是看網(wǎng)頁風(fēng)格的測試，每個頁面上的字體的風(fēng)格、字體顏色、字體的特效、文本風(fēng)格、文本顏色、以及表格屬性、位置等都要有統(tǒng)一的設(shè)置。如我的網(wǎng)站每個頁面上的滾動字幕及字體特效都有統(tǒng)一的風(fēng)格。</p><p>　　3.10.2 網(wǎng)站鏈接穩(wěn)定性測試</p><p>　　超級鏈接對于網(wǎng)站用戶

120、而言意味著能不能流暢的使用整個網(wǎng)站提供的服務(wù)，因而鏈接將作為一個獨立的項目進(jìn)行測試。網(wǎng)站能夠正確運(yùn)行首先要保證鏈接能夠連貫運(yùn)行。 網(wǎng)站的運(yùn)行中整個系統(tǒng)是否運(yùn)行正常，我主要采用將測試網(wǎng)站長時間運(yùn)轉(zhuǎn)進(jìn)行測試，派生出執(zhí)行程序所有功能需求的輸入條件，從而導(dǎo)出測試用例，進(jìn)行測試，網(wǎng)站中的每個版塊的每個頁面都出現(xiàn)了很多的鏈接，所以每個版塊要先進(jìn)行單獨測試，單獨測試完成后，根據(jù)個版塊之間