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

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

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

3、</p><p>　　2.3 達到的預期成果6</p><p>　　2.4使用工具的簡要介紹6</p><p>　　2.5 任務概述10</p><p>　　2.7 數據庫結構設計13</p><p>　　第三章 結果與討論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 網站說明版塊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>　　第四章 總結30</b></p><p><b>　　參考文獻31</b></p><p><

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

27、;p><b>　　2.2.2用戶特征</b></p><p>　　用戶人群：具有基本的計算機操作能力，熟知網絡并能夠在Internet遨游。</p><p><b>　　2.2.3運行環(huán)境</b></p><p>　　軟件平臺需要服務器上的操作系統(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，網站的數據庫使用了同樣是microsoft的office access數據庫，因為一個數據不是很龐大的個人網站沒有

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

30、 </p><p>　　Transaction processing:事務處理</p><p>　　Access 2000：數據庫 </p><p>　　ASP：活動服務器網頁</p><p>　　HTML：超文本標志語言</p><p>　　2.3 達到的預期成果<

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

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

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

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

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

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

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

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

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

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

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

42、某中類似的地方。但是據說ADO的訪問的速度更快,內存需要更小。</p><p>　　2.4.4 創(chuàng)建Access數據庫介紹</p><p>　　用Microsoft Access 來創(chuàng)建數據庫，最簡單的是通過它提供的的一個“向導”，在啟動這個軟件以后，建立數據庫文件的操作。 </p><p>　　下面是我利用“向導”來創(chuàng)建一份數據庫文件的具體操作步驟：</p&

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

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

45、p><b>　　“下一步”按鈕。</b></p><p>　　以上“數據庫向導”對話框分為左右兩部分，左邊的窗口是用來選擇“數據庫中的表”，右邊的窗口是用來選擇“表中的字段”。選擇好所需要的數據庫中的表和表中的字段之后，就單擊下一步按鈕。</p><p>　　以上“數據庫向導”對話框是用來確定屏幕的顯示樣式，我們就采用標準樣式吧，單擊下一步按鈕。</p&g

46、t;<p>　　以上“數據庫向導”對話框是用來確定打印報表的樣式的，我們可以選擇如“組織”樣式，然后單擊下一步按鈕。</p><p>　　以上“數據庫向導”對話框的作用是確定數據庫的標題和是否在所有報表上加一幅圖片，我們就先設定數據庫的標題為“定單入口”，并不在所有報表上加圖片，然后單擊下一步按鈕。</p><p>　　單擊以上“數據庫向導”對話框的“完成”按鈕，就完成了創(chuàng)建

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

73、>　　3.1 個人簡介版塊</p><p>　　本模塊是個人簡介部分，每個個人網站都會有作者介紹。在這個模塊訪客會了解到作者的一些基本信息，這里以我女朋友為主題制作的個人網站，大致界面內容如圖3.1所示。</p><p>　　圖3.1 個人簡介</p><p>　　此版塊采用了靜態(tài)網頁設計，最大的亮點就是利用了一個圖片特效產生的效果，圖片以溶解的方式漸漸出現(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>　　代碼的作用是設置圖片路徑、圖片邊框的大小、圖片的最初的隱藏效果、圖片的漸顯效果以及圖片顯示的大小。</p><p>　　3.2 我的論壇版塊</p><p>　　在個人網站建設中，BBS論壇也是其中最主要的一個子系統(tǒng)。BBS論壇的主要功能就是討論問題，論壇采用了B/S模式，提供了發(fā)表

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

77、k發(fā)送電子郵件。每個評論都有回復鏈接，由此可進入回復界面。</p><p>　　此界面可以分為多個頁面，每個頁面可以顯示八個評論的內容，每超過八個評論程序會自動增加頁面，以顯示評論。實現(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ā)表評論，頁面會自動顯示“目前沒有任何評論內容”。</p><p>　　連接數據庫的代碼如下：</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數據源；打開連接board.mdb數據庫的路徑；創(chuàng)建access驅動，打開bbs表

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

83、以根據自己的喜好和發(fā)言內容進行選擇，在“給版主”處，訪客可以選擇，如果留言只是留給版主的，只有版主才能看到，對論壇的其他人是隱藏的。個人網站、MSN、ICQ可不用填寫，姓名、性別和電子郵件必須以正確的格式填寫，否則會出現(xiàn)出錯提示。對于用戶的評論立即在主頁的對應位置顯示出來，達到即時見效的功能。</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中已經記錄的用戶資料，如果為空就重新記錄。點擊“提交”以后內容會自動保存到po_send.ASP中，以后此用戶再登陸就會記錄用戶的信息。</p><p>　　3.2.3 管理員登錄功能</p><p>　　進入管理員界面后，可以看到如圖所示的界面：</p><p>　　因為設有登

86、錄權限所以只有管理員才能進入管理界面，管理員賬號和管理員密碼都記錄在數據庫中。系統(tǒng)便會根據這些登錄資料，辨別出管理員的身份權限，判斷管理員是否合法。成功登錄的合法管理員有權限察看資料。這些資料包括其他用戶的個人資料，包括用戶昵稱，用戶性別，用戶郵箱，用戶網址等等。</p><p>　　以下腳本代碼連接數據庫，判斷登錄賬號和密碼是否正確。如果輸入的密碼錯誤，會進行出錯處理。</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、理界面，進入普通用戶界面。</p><p>　　<% Session.Abandon response.redirect"index2.ASP" %></p><p>　　圖3.4 管理員登錄</p><p>　　3.2.4 管理功能</p><p>　　管理員進入管理界面后，可見到以下界面：</p

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

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

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

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

94、gt;<p>　　進入此版塊，界面如圖所示：</p><p>　　通過在數據庫中存放音樂路徑，達到在網頁上播放的效果。在音樂的首頁上放置了歌曲的名字，網友無需登錄，即可收聽自己喜歡的歌曲。</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>　　以上代碼用來讀取數據庫中的音樂路徑，此控件專門播放mp3的音樂。進入播放界面后，就會出現(xiàn)此控件，點擊播放就直接調用數據庫中的音樂進行播放</p

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

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

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

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

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

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

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

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

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

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

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

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

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數

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

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

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腳本語言，定義一個表格函數，把百度的路徑存儲到表格屬性中，通過表格動作訪問百度的網址。</p><p>　　3.9 女生花園版塊</p><p>　　女生花園是我依據自己的喜好增加的版塊，如下圖所示：</p><p>　　圖3.15 女生花園界面</p><p>　　

116、在此版塊中包括兩個頁面，一個是可愛衣服，另一個是可愛服飾，這些圖片同樣是保存在數據庫中，除了顯示我喜歡的圖片以外，還有一些熱門文章的顯示，如圖的左邊所示，這些文章能夠移動。</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 網站的風格是否統(tǒng)一</p><p>　　一個成功的網站首先需要一個優(yōu)秀的設計，然后輔之優(yōu)秀的制作。設計是網站的核心和靈魂，一個相同的設計可以有多種制作表現(xiàn)的方式。</p>

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

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

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