個人網站設(畢業設計論)

隨著經濟社會的發展，計算機已被應用到社會生活的各個領域。與此同時，互聯網作為信息技術的通信橋梁連接著全球的計算機網站作為網絡信息主要的表現形式而且還是互聯網信息的主要承載者，在上表現出其及其重要的地位并發揮著其及其重要的作用無論是在國內還是國外都得以迅速的發展和壯大并被人們重視和關注互聯網已經徹底的改變了世界互聯網的世界里蘊藏著無限的可能，在這種情況下，各行各業及其個人、單位、工廠、企事業等等在網上構筑屬于自己的網絡信息平臺護自己的網絡資源并在互聯網上開辟自己的市場和消費群體及構造自己的數字化世界和加強全球范圍內不同地域的人們聯系交流等等活動也就顯的日益重要是各種各樣的網站便如雨后春筍般地出現魚龍混雜且良莠不齊Internet的日益興起和以網頁為載體的網絡信息的廣泛傳播和應用使得網站的建設及網頁制作得到發展的空間大至大型企業的產品推銷、售后服務、解決方案，小至個人Web頁面開發，形形色色，五彩繽紛，網站建設和網頁制作也成為計算機網絡領域最熱門的話題。論文論述了系統的開發背景和設計目標對系統開發所采用的技術進行相應的簡單介紹在系統分析中對系統的模型進行簡單分析明確系統的操作流程并對系統進行可行性分析確定在目前的條件下開發留言板信息管理系統是可行的在需求分析結果的基礎上對系統的功能模塊進行劃分接著對系統中的數據庫進行模型設計包括數據流圖實體聯系圖及數據表結構本文以個人網站建設為例，系統介紹網站的需求、系統分析及設計方案，最終并給ASP技術實現網站的過程。關鍵詞：

留言板；互聯網；日志I

個人網站設(畢業設計論)ABSTRACTWithsocialcomputerhasbeenappliedfieldsofsocialAtasabridgebetweeninformationglobalcomputerinformationthethemainformofalsomajorcarrierofInternettheimportanttoplayitsimportantWhetherhomeabroad,topeople'sattentionconcern.Thecompletelythemight,case,tradesoffactories,ontheirnetworkinformationplatform,theirnetworkresourcesopenuptheirmarketsconsumerstructuretheirdigitalworldandtheexchangeofareassopeoplecontactwerealsoimportant.Soavarietyofhavesprungmixed.increasingofinformationdisseminationmakingWebpagesproducedbytheconstructiondevelopmentofrangingfromservice,pagediverse,developmentwebofcomputerhashottestinfield.Inpaper,personalforexample,thedescribesthesiterequirements,systemsanalysisfinalprocessofASPtechnologycolorful,developmentofnetworksbecomethehottesttopicthefield.Thediscussestheofdevelopmentoftheoftarget,andtheteckniquewhichusedtodevelopofsystem,thesimpletheofsystem,sureprocessoftheproceedtheanalysethesystem,ensurethatunderthedevelopingMessageBoardinformationsystemisAtfoundationofrequirementwiththeanalyseproceedingtheprovidingthefunctionofthedesigningthedatabasetheflowdiagram,dataInbuildingpersonalanexample,thethesystemsanalysisandgivesfinalprocessofASPtechnologysite.Keywords:；；logII

個人網站設(畢業設計論)目

錄摘

要IABSTRACTII第一章文獻綜述11.1課研究現狀分析.1.2個網站的研究工作1.3已取得的研究成果1.4選題的目的及意義21.5課研究的主要內容第二章設計部分42.1設計的愿望2.2設計的背景2.3達的預期成果2.4使用工具的簡要介紹2.5任概述.2.7數庫結構設計13第三章結果與討論173.1個簡介版塊173.2我論壇版塊173.3個專題版塊213.4我相冊版塊233.5網說明版塊233.6給留言版塊243.7發郵件版塊263.8鏈百度版塊273.9女花園版塊283.10討論第四章總結30參考文獻31致

謝32III

武漢工程大學本科畢業（設計）論文第章

文綜互聯網是社會發展的必然趨勢，很多人已經意識到網絡的強大生命力和它在未來將處于的重要地位。他們鉆研并且努力進入到這一個新的空間，新的領域。以個人為中心，淡化了傳統中心地位使得我們的世界向多元化加速發展人人都有話語權人人都是中心。互聯網是一個互動性極強的平臺，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構建主流話語的行動中來。計算機技術的發展，特別是網絡技術的飛速發展，給文檔的保存和管理提供極大的方[1]

。本論文中，將軟件工程的基本原理和方法應用到整個網站系統，并對其進行需求分析，提出了解決問題的具體方法。在具體制作中，用技術來實現統，術與數據庫技術結合，用戶在瀏覽器端可以隨意查詢自己需要的標本，這樣提高了網頁的互動性，使整個系統能更好的為用戶服務。Internet飛速發展使得網站不再僅僅為企業或公司等大型結構所擁有互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯而易見，一個家庭甚至個人都可以擁有屬于自己的網站，而在這其中，個人網站已經日漸普及，而且發展到今天，創建一個能充分體現自我風格和特色的個人網站已經成為互聯網用戶的新追求。1.1課題研現狀分析伴隨著社會的發展和科學的進步，上網成為越來越多人們的選擇。隨著互聯網的飛速發展，有關網絡的技術也層出不[2]

。如今互聯網上的個人網站如雨后春筍般蓬勃發展，絢麗多彩的主頁比比皆是。每個人都有發揮個人才能，揮灑自己個性的網上伊甸園。在hao123神話以后網站大全類網站又再一次達到頂峰然而這個模式拷貝成功的網站卻寥寥無幾。而對于技術薄弱的個人網站來說，似乎網址類網站應該是一個很好的切入點。但是由于搜索的異軍突起，網址類網站似乎變得可有可無。網頁實際是一個文件存放在世界某個角落的某一臺計算機中而這臺計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當我們在瀏覽器輸入網址后，經過一段復雜而又快速的程序網頁文件會被傳送到你的計算機后再通過瀏覽器解釋網頁的內容再展示到你的眼前文字與圖片是構成一個網頁的兩個最基本的元素可以簡單的理解為：文字，就是網頁的內容，圖片，就是網頁的美觀。除此之外，網頁的元素還1

武漢工程大學本科畢業（設計）論文包括動畫、音樂、程序等等頁實際上只是一個純文本文件，它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏纜器則對這些標記進行解釋并生成頁面。1.2個人網的研究工作1．理論研究基礎個人網站是由個別提供的一套集博客、文章、相冊、日程、通訊錄、鏈接、調查、留言板等諸多功能于一體的網絡平臺。個人網站的自由、開放精神使之更容易操作更具個性需求，而不需要高深的技術3]。它可以幫助個人進行全面的信息化，以多種形式達到對信息獲取、組織、思考、表達、共享和交流的目的。以個人為中心，建立一個完全屬于自己的可定制的個性化網絡平臺來自文章的評論留言板都可以很好的進行交流傾聽別人的聲音。2．技術層面的支持隨著互聯網的進一步發展與成熟，網絡的帶寬進一步加闊，網絡應用也越來越廣泛。網頁制作更是日新月異層出不窮涌現了很多琳瑯滿目的網站使得整個互聯網多姿多彩。在進行動態網頁制作的時候通常都是使用來完成由于ASP使用方便操作簡單，很多網頁設計者一直使ASP。ASP集成在HTML和腳本語言中，其工作界面簡單，因此，ASP相對于其他網頁制作軟件來說，易學易用，是網頁制作初學者的入門軟件。同時配合數據庫的操作，使個人網站具有更好的網絡平臺和交互性。1.3已經取的研究成果中國互聯網在近幾年發展迅猛一方面產生了一批依賴技術領先的互聯網公司取得了成功；另一方面，互聯網技術逐漸走向普及，使得行業進入門檻正在降[4]

。目前中國網站總數已經近百萬在這里面出現了大量的個人網站并且個人網站存在著巨大的業價值如果能以強大的號召力把互補的個人網站聯合起來不知道可以成立多少個門戶網站。我們有理由相信，個人網站還極具潛力。1.4題的目及意義隨著Internet的迅速普及，我們已經不再滿足于僅僅瀏覽網頁，而是希望更深入地2

武漢工程大學本科畢業（設計）論文參預到網絡中去，Internet的開放性使個人建立自己的網站成為可能，擁有自己的網站也越來越成為一種時尚創建一個能充分體現自我風格和特色的個人網站已經成為互聯網用戶的新追求。我們更需要交流相信交流能夠促進我們不斷的進步并融合別人的長處讓我們多一些渠道傾聽來自不同立場的聲音設想我們的網絡當每個人都擁有個人網頁不管是否在線我們都可以跨越時間間進行交流因為這個網頁中擁有我所有的一切活，見解，知識，思想；理想的狀態是個人門戶就是每個人的影子為每個人打點網絡的一切，很多志同道合的朋友會在這里和你相識相知。1.5課題研的主要內容互聯網是社會發展的必然趨勢人已經意識到網絡的強大生命力和它在未來將處于的重要地位[們鉆研并且努力進入到這一個新的空間新的領域中包括你和我。在我們的工作日常生活中能夠擁有一個自己的網站一個已經成為不少人的希望和驕傲這個課題的研究為是個人網站以我只是選擇了自己擅長和喜愛的內容，在突出自己的風格和特點的同時，還應用了現在流行的網站設計技術和數據庫技術。3

武漢工程大學本科畢業（設計）論文第章設部“個人網站要發展要么是從我的需求出發要么是從我周圍人的需求出發”國內著名個人網站站長手機之家站長高春輝說頁設計是一門新興的設計類和網絡的交叉學科，近幾年隨著網絡的發展而逐漸收到人們的重視，它本身以網絡為載體把各種信息以最快捷便的方式傳達給大眾網站項目的確立是建立在各種各樣的需求上面的，這是個人網站所以這種需求往往來自于個人的實際需求其中每個人的實際需求占了絕大部分[6]

。因此如何更好地的了解、分析、明確需求，并且能夠準確、清晰以文檔的形式表達出來，保證開發過程按照個人需求為目的正確項目開發方向進行。2.1計的愿在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道它在人們政治經濟生活等各個方面發揮著重要的作用因此網站建設在應用上的地位顯而易見已成為個人府事業單位信息化建設中的重要組成部分，從而倍受人們的重視[7]。越來越多的人希望能真正參預到互聯網上出現了越來越多的個人網站的設計以及推廣的工作和任務。就我個人而言所以在畢業設計的時候選擇這個課題是因為我也想擁有自己的個人網站在互聯網上擁有自己的一席之地從而真正的參與到網絡中去做網絡新時代的主人同時也希望自己喜歡和收藏的一些東西能夠和網絡一起分享互聯網上的你一起分享。我所制作的個人網站大體可分為以下幾個功能：1．搜索引擎：根據瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個上進行搜索，完成信息的優化與提取。2．論壇：主要功能是網友和網站之間的交流平臺也是網友給版主提出意見的主要渠道論壇中用戶可以發表意見這些意見可以讓所有人看到也可以只讓版主看到版主和其他人可以針對留言的內容進行回復只留給版主的留言只有版主能夠回復且版主可以登錄后臺對留言進行管理，是否發表或刪除。4

武漢工程大學本科畢業（設計）論文3．發送電子郵件：網友可以通過“聯系我”利用outlook向版主或其他人發送電子郵件。4．精品收藏：在其中展示我喜愛的東西包括電影歌曲和一些優美的文章。奇文共欣賞疑義相與析我只想起到拋磚引玉的作用讓大家從中認識我和了解我讓一些美好的東西我們大家共同來欣賞我增加了管理權限管理員的身份可以對加入的新內容進行管理，即允許加入和對其進行刪除。5．留言板：是一個我與大家談心交流的地方留言板中們可以暢所欲言大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。2.2計的背2.2.1計介紹這次我所設計的課題正是互聯網與個人生活之間的緊密聯系的體現，個人的宣傳網站，包括個人簡介、論壇、個人照片、個人專題等。在突出自己的風格和特點的同時，還應用了現在流行的網站設計技術和數據庫技術。2.2.2戶特征用戶人群：具有基本的計算機操作能力，熟知網絡并能夠在遨游。2.2.3行環境軟件平臺需要服務器上的操作系統為microsoftwindowsxp。因為ASP的開發平臺首選是WindowsNT2000Server)的IIS，然后是WindowsNTWorkstation(Windows2000Profession)或Windows95/98的Web，同樣現在的瀏覽器是微軟一家獨大，使用的瀏覽器是微軟的explorer，網站的數據庫使用了同樣是microsoft的officeaccess數據庫，因為一個數據不是很龐大的個人網站沒有必要使用oracle等大型數據庫系統時數據庫結構比較的簡單用起來比較簡單好用。5

武漢工程大學本科畢業（設計）論文2.2.4術語說明：開放式數據庫互連[8]Portal：個人網頁Processing:數據處理processing:事務處理2000：數據庫ASP：活動服務器網頁：超文本標志語言2.3達到的期成果在明確了我的個人網站的風格和定位后網站的材料組織以及網站的頁面設計和數據庫設計。網站最后完成發不到網上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在網站內搜索自己喜歡的資料并且可以在留言板和大家交流在后臺管理頁面中通過身份認證管理員可以對網站信息進行管理站內的其它頁面均是我自己的精心收藏，與大家一起分享。2.4用工具簡要介紹2.4.1IIS的簡要介紹IIS是Internet縮寫，它是微軟公司主推的服務器，最新的版本是Windows2000里面包含的IIS5.0，IIS與WindowNTServer完全集成在起，因而用戶能夠利用WindowsServer和NTFS（NTFileSystem，NT的文件系統）內置的安全特性，建立強大、靈活而安全的InternetIntranet站點。IIS的一個重特性是支持ASP

[9]

IIS3.0版本以后引入了ASP可以很容易的張貼動態內容和開發基于Web的應用程序。IIS的安裝步驟：(1)點擊始】->【設置】->【控制面板】【添加/刪除程序打開“添加/刪除程序”對話框。(2)點擊左邊菜單欄中“添加刪除Windows組件”項，打開Windows組件向導”對話框（這個過程可能要花幾十秒鐘對話框“組件”列表中，選中Internet息服6

武漢工程大學本科畢業（設計）論文務（IIS。(3)將“Windows”安裝盤放入光驅中，然后點擊“下一步個步驟可能會花幾分鐘。(4)點擊“完成”按鈕，完成IIS的安裝。2.4.2數據庫Access的簡介紹數據庫是集成在Microsoft公司開發的產品更新換Office統中的集成軟件[10]

。Access是一個數據庫管理系統，它之所以被集成到中而不是Studio中，是因為它與其它的數據庫管理系統（如VisualFoxPro相比更加簡單易學，一個普通的計算機用戶即可掌握并使用它。而且最重要的一點是，的功能足夠強大，足以應付一般的數據管理及處理需要。ODBC（OpenDatabaseConnectivity開放式數據庫互聯）是微軟推出的一種工業標準一種開放的獨立于廠商的應用程序接口可以跨平臺訪問各種個人計算機小型機以及主機系統[11]

。ODBC作為一個工業標準，絕大多數數據庫廠商、大多數應用軟件和工具軟件廠商都為自己的產品提供了ODBC接口或提供了支持中就包括常用的SQLSERVER、ORACAL、INFORMIX等，當然也包括了。ASP訪問數據庫的幾種方式：在ASP腳本中可以通過三種方式訪問數據庫：IDC（InternetDatabaseConnector）方式；ADO（ActiveXDataObjects）方式；RDS（RemoteDataService）方式；這三種訪問方式對數據庫的訪問是由InternetInformationServer完成的。Web瀏覽器用HTTP協議向Internet信息服務器（IIS）遞交請求Internet息服務器執行訪問數據庫的操作，并以一個HTML格式的文檔作為回答

。在本程序中我使用的是第二種方式，即ADO方式。2.4.3的組件紹我們服務器運Web應用程序進行的最常見和最實用的任務就是訪問服務器端的數據庫內建的組件使得我們能夠輕而易舉地通過ActiexXDataObjects(ADO)訪問存儲在服務器端的數據庫或其他表格化數據結構中的信息。7

武漢工程大學本科畢業（設計）論文ADO是對當前微軟所支持的數據庫進行操作的最有效和最簡單直接的方法它是一種功能強大的數據訪問編程模式，從而使得大部分數據源可編程的屬性得以直接擴展到ActiveServer頁面上[可以使用ADO去編寫緊湊簡明的腳本便連接到OpenDataseConnetivity(ODBC)兼容的數據庫和OLEDB兼容的數據源這樣ASP程序員就可以訪問任何與ODBC兼容的數據庫，包括MSSQLSERVERAvccess,Ovracle等。如果您是一個對數據庫連接有一定了解的腳本編寫人員發現命令語句并不復雜而且容易掌握，同樣地，如果您是一個經驗豐富的數據庫編程人員，將會正確認識ADO的先進的與語言無關性和查詢處理功能數據庫編程的朋友會發現與RDO有某中類似的地方。但是據說ADO的訪問的速度更快內存需要更小。2.4.4創建Access數據庫紹用MicrosoftAccess來創建數據庫，最簡單的是通過它提供的的一個“向導在啟動這個軟件以后，建立數據庫文件的操作。下面是我利用“向導”來創建一份數據庫文件的具體操作步驟：選擇Access數據庫向導、數據頁和項目”單選按扭，然后單擊“確定”按鈕，若選擇MicrosoftAccess對話框中的“Access數據庫”單選項按鈕，就會建立一個空的數據庫了數據庫里面的信息需要手工來添加若選“打開已有文件”單選按鈕則可以從下方的列表中選擇打開已經存在的數據庫。在彈出的“新建”對話框中，我們可以選擇一個模板來快速建立數據庫，我們就先選擇個“定單管理”看看，然后單擊“確定”按扭。

“文件新建數據庫對話框的功能是指定數據文件名以及保存它的文件夾。我們就以它的初始文件名“定單入口1”吧，單擊“創建”安扭后，新建的數據庫文件就將被指定保存到MicrosoftAccess默認的文件夾下了，或我們給它指定一個新的也行，這樣一來，一份新的數據庫就建立好了，屏幕上也將顯示“數據庫向導”對話框。“下一步”按鈕。以上“數據庫向導”對話框分為左右兩部分，左邊的窗口是用來選擇“數據庫中的表邊的窗口是用來選“表中的字段擇好所需要的數據庫中的表和表中的字段之后，就單擊下一步按鈕。以數據庫向導話框是用來確定屏幕的顯示樣式們就采用標準樣式吧，8

武漢工程大學本科畢業（設計）論文單擊下一步按鈕。以上“數據庫向導”對話框是用來確定打印報表的樣式的，我們可以選擇如“組織”樣式，然后單擊下一步按鈕。以“數據庫向導話框的作用是確定數據庫的標題和是否在所有報表上加一幅圖片我們就先設定數據庫的標題“定單入口不在所有報表上加圖片，然后單擊下一步按鈕。單擊以“據庫向導對話框“完成按鈕就完成了創建數據庫的工作了。象這個數據庫在使用之前還會彈出“我的公司信息”對話框，當然的模板是不相同的象這個就是要求輸入公司的名稱和地址信息如下圖所示關閉這個對話框，系統將自動保存信息。關閉“我的公司信息”對話框后，會彈出“主切換面板”對話框。位于“主切換面板”對話框后面的是“定單入1”窗體，通過這兩個窗體即可對新創建的數據庫進行各種操作了。無論什么時候使用“數據庫向導”新建數據庫，Access都將自動新建一個切換面板，這個面板對瀏覽數據庫都是很有幫助的換面板”中有一些按鈕，單擊它們可以打開相應的窗體和報表，或打開其他窗體和報表的切換面板、退出MicrosoftAccess或自定義切換面。2.4.5對ASP的簡要介紹ActiveServerPages（ASP是服務器端腳本編寫環境使用它可以創建和運行動態、交互的Web服務器應用程序。使用ASP可以組合HTML頁VBScript腳本命令和JavaScript腳本命令等，以創建交互的Web頁和基于Web的功能強大的應用程序[由于腳本程序是在服務器上而不是在客戶端運行，傳送到瀏覽器上的Web頁是在Web服務器上生成的所以不必擔心瀏覽器能否處理腳本Web務器已經完成了所有腳本的處理并將標準的HTML頁面傳輸到瀏覽器由于只有腳本的結果返回到瀏覽器所以服務器端腳本不易被別人復制。用戶看不到創建他們正在瀏覽的頁的腳本命令。ASP的運行環境：ASP只能用于下列WebServer?IIS?MicrosoftPersonalWebServerASP的編程語言：ASP可以使用VBScript和JavaScript進行程序編寫。9

武漢工程大學本科畢業（設計）論文ASP文件ASP的文件后綴名為.ASP，以區別于同樣可以包ScriptHTML文件。一個.ASP文件是一個文本文件，可以包括下列元素的任意組合：?文本（text）?HTML標志（tags）?Script命令ASP：不需要任何HTML的tag,保存在文件中，起個好聽的名字，文件名的后綴定要改為.ASP然后上傳到服務器上

一個有執行權的目錄下（例如wwwroot接下來的問題是，怎么執行這個程序。2.4.6ASP訪問數據庫原理是服務器端的腳本執行環境用來產生和執行動態的高性能的WEB服務器程序。當用戶使用瀏覽器請求ASP主頁時，WEB務器響應，調用ASP引擎來執行ASP文件，并解釋其中的腳本語言（javascript或vbscript過ODBC連接數據庫，由數據庫訪問組件（activedataobjects）完成數據庫操作，最后成包含有數據查詢結果的HTML主頁返回用戶端顯示[2.5任務概隨著計算機的普及和網絡技術的迅速發展也越來越依賴于計算機和網絡此，網絡安全應該也必須引起注意。網絡安全是一門涉及計算機、網絡、通訊、密碼、信息安全、應用數學、數論、信息論等多種學科的綜合性學科，涉及面極廣，而且不斷更新和發展。國家對信息產業的扶持國內的網絡狀況逐漸好轉，更多的服務器的開通，更快的寬帶網得逐漸普及，各種各樣的攻擊行為在網上也越來越頻繁化和簡單化。微軟在推出ASP時提到的ASP的一個好處是：ActiveServerPages的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。然而由于NT、IIS及ASP系統本身存在的一些漏洞卻可能使ASP源碼暴露無遺，解決方法就是及時更新補丁。該個人網站系統是基于Internet/Intranet及Web技術以Browser/Server為結構模式以數據庫為后臺核心應用以服務為目的信息平臺對資源進行科學的加工整序和管理維護為用戶提供個人信息保障和直接參預到互聯網上而設計的系統括界面設計,代碼設,這一階段偏于網頁制作工具和技巧的應用編寫總系統總體功能分析10

武漢工程大學本科畢業（設計）論文及架構圖。個人簡介：介紹版主的一些基本信息，希望各位訪客能夠認識版主。我的論壇：此版塊又分為主頁發表意見回復意見、顯示論壇內容版主后臺管理以及版主的回復界面其中發表意見界面是所有訪客都可以在論壇里面發表自己的意見這些意見以是發表給所有的訪客也可以是只發表給版主如果只發表給版主只有版主可以看到和回復回復意見是所有訪客針對自己感興趣的話題進行回復這些發表的意見和回復以在顯示論壇內容的界面都顯示出來供大家討論些只有版主才能看到的信息在版主的管理界面這個界面需要登錄設有用戶名和密碼在這里版主可以對所有評論進行發表或刪除的管理。登錄管理員

管理評論用戶

發表圖論壇功能圖個人專題：這里收錄了我平時搜集的一些文章和音樂，各位訪客可以根據自己的喜好進行閱覽。我的相冊：在這個板塊可以看到我的照片級照片和搜集的校園照片果大家喜歡可以收藏。更改照片的時候只要更新數據庫就可以了。網站說明：里面是我對整個網站的介紹，不太清楚網站構架的訪客可以先到這里。給我留言：11

武漢工程大學本科畢業（設計）論文這是每位訪客針對我的網站情況給我留言這些留言會直接保存到數據庫里面并且能夠輕松的讀取。顯示留言用戶

發表圖2.2留板功能圖發送郵件：各位訪客可以通過outlook向版主或者其他人發送電子郵件。鏈接百度：如果訪客想在互聯網上查找東西，可以直接點擊這里。女生花園：收集了一些女生喜歡的東西，如果你是女生，可以進來看看。12

武漢工程大學本科畢業（設計）論文個人簡介

文學欣賞個人專題

我的照片鏈接百度

快樂音樂我的相冊

我的班級網站說明

可愛衣服女生花園

美麗校園可愛飾品網友給我留言我的論壇發送郵件圖網站的各個模塊2.7數據庫構設計2.7.1論壇管理登錄表2.1管理員登錄字段名稱

數據類型

字段大小

允許空

說明id

自動編號文本文本

長整型

否否否

無無無1．表的說明此表是用來論壇管理員登錄的，共分為三個字段，其中字段設為主鍵，數據類型是自動編號，user和pwd字段分別用來存放管理員的登錄名和密碼，數據類型文本。2．限制條件在論壇管理員登錄時，只有正確輸入此表中的用戶名和密碼才能夠登錄到管理界面，才有權對論壇里面的內容進行刪除，否則只能在界面出發表評論。13

武漢工程大學本科畢業（設計）論文2.7.2壇發言表論壇發言表字段名稱idtimesexurlcolorsysoppicmsagetxtip

數據類型自動編號日期/時間文本文本備注文本備注文本文本文本文本文本備注文本日期/時間

字段大小長整型

允許空是是是是是是是是是是是是是是

說明自動編號留言時間姓名性別個人網站留言顏色電子郵件給版主表情圖示MSN留言內容留言位置回應時間1．表的說明此表是用來記錄訪客基本信息以及發表評論內容的共有十五個字段這里只給出了七個字段，其中id字段設為主鍵，數據類型是自動編號，字段數據類型是日期/時間其余為文本或者備注個在論壇里發表評論的訪客的基本信息和評論內容都可以保存在此表中，便于顯示調用。2．限制條件沒有在論壇中正確填入自己的基本信息，就會導致登錄失敗，表中不會保存此內容。2.7.3壇回復表1．表的說明此表用來存放訪客針對論壇里面的內容所做的回復內容，各字段的內容同論壇發言表每個在論壇里回復評論的訪客的基本信息和評論內容都可以保存在此表中于顯示調用。2．限制條件沒有在論壇中正確填入自己的基本信息導致回復失敗中也不會保存此內容。14

武漢工程大學本科畢業（設計）論文表論壇回復表字段名稱idtimesexurlcolorpicmsagetxtipad

數據類型數字自動編號日期/時間文本文本備注文本備注文本文本文本文本備注文本文本

字段大小長整型長整型

允許空是是是是是是是是是是是是

說明無自動編號留言時間姓名性別個人網站留言顏色電子郵件給版主MSN留言內容留言位置無2.7.4壇顯示評1．表的說明此表用來存放顯示評論及回復的內容，共有十三個字段，其中字段設為主鍵，數據類型為自動編號，其余為數字、文本或備注。存放發布評論時的一些基本設置。2．限制條件根據你發表評論時提交不同的設置會有相應的內容存儲到數據庫中便于顯示不同的設置要求，如留言顏色和表情圖示可以根據你不同的選擇顯示不同的顏色和圖片。表論壇顯示評論表字段名稱idshowcookiesHTMLallurlbgproperties

數據類型自動編號自動編號日期/時間文本文本數字備注文本備注文本文本

字段大小長整型長整型

允許空是是是是是是是是否

說明自動編號自動編號留言時間姓名性別計數器個人網站留言顏色電子郵件給版主15

武漢工程大學本科畢業（設計）論文2.7.5圖片存放表2.5圖存放路徑表字段名稱

數據類型

字段大小

允許

說明空編號

自動編號

長整型

自動編號圖片編號

數字

長整型

圖片編號圖片路徑

文本

否

圖片路徑1．表的說明此表用來存放我的照片版塊的照片共有三個字段沒有主鍵的設置數據類型分別為自動編號，數字、文本。2．限制條件增加或刪除照片的時候只能在庫里進行照片路徑的管理。2.7.6留言板1．表的說明此表用來存放給我留言版塊的留言人留言標題以及留言內容共有四個字段其中id字段設置為主鍵，數據類型為自動編號，其余三個字段的數據類型均為文本。留言者提交留言內容以后就會存儲到此表中再通過連接數據庫調用此表顯示每個留言內容2．限制條件沒有后臺限制，想留言的任何訪客都可以在此留言板中留言，并且能夠顯示出來。表留言表字段名稱

數據類

字段大小

允許空

說明型id

自動編

長整型

自動編號

號

文本

否

留言姓名title

文本

否

留言標題body

備注

否

留言內容16

武漢工程大學本科畢業（設計）論文第章結與論3.1個人簡版塊本模塊是個人簡介部分，每個個人網站都會有作者介紹。在這個模塊訪客會了解到作者的一些基本信息，這里以我女朋友為主題制作的個人網站，大致界面內容如圖3.1所示。圖3.1個簡介此版塊采用了靜態網頁設計最大的亮點就是利用了一個圖片特效產生的效果圖片以溶解的方式漸漸出現，圖片代碼如下所示：<imgsrc="images/pic/00.jpg"border="0"id="image1"style="visibility:hidden;FILTER:revealTrans(Duration=4.0,Trnsition=23);"width="176"height="130">代碼的作用是設置圖片路徑、圖片邊框的大小、圖片的最初的隱藏效果、圖片的漸顯效果以及圖片顯示的大小。3.2我的論版塊在個人網站建設中，BBS論壇也是其中最主要的一個子系統。論壇的主要功能就是討論問題論壇采用了模式提供了發表評論回復評論和管理員對評論進行管理等功能。17

武漢工程大學本科畢業（設計）論文3.2.1顯示評論能論壇首頁以及顯示評論界面如圖3.2所示最上面顯示的是此頁面的基本信息由中間的超鏈接可進入發表評論界面、管理界面。此界面的功能是顯示評論內容，根據不同的提交數據可以顯示不同的圖片和字體顏色并且可以通過上面的圖標可通過發送電子郵件每個評論都有回復鏈接由此可進入回復界面。此界面可以分為多個頁面個頁面可以顯示八個評論的內容每超過八個評論程序會自動增加頁面，以顯示評論。實現頁面加一的代碼如下：<%IfPage<>rs.PageCountThen%><ahref="index.ASP?page=<%=Page+1%>"><%endif%>圖

顯示評論如果沒有人發表評論，頁面會自動顯示“目前沒有任何評論內容連接數據庫的代碼如下：<%Setconn=Server.CreateObject("ADODB.Connection")DBPath=Server.MapPath("board.mdb")conn.Open"driver={MicrosoftDriver(*.mdb)};pwd=test;dbq="&DBPathSETps=Server.CreateObject("ADODB.Recordset")ps.Open"Select*Fromadminwhereuser='"&session("user")&"'and18

武漢工程大學本科畢業（設計）論文pwd='"&session("pwd")&"'",conn,1,3%>代碼的作用分別是：創建ODBC數據源；打開連接board.mdb據庫的路徑；創建access驅動，打bbs表創建對象操作數據庫中的記錄用創建的對象訪問表中的用戶名和密碼記錄。3.2.2發表評論回復評論功進入發表評論界面后，此界面如圖3.3所示：在此界面操作簡單頁面簡潔完全控件式的頁面布局。訪客無需注冊和登錄，只需填寫個人信息表情圖片和留言顏色處可以根據自己的喜好和發言內容進行選擇，在“給版主”處，訪客可以選擇，如果留言只是留給版主的，只有版主才能看到，對論壇的其他人是隱藏的。個人網站、MSN、ICQ可不用填寫，姓名、性別和電子郵件必須以正確的格式填寫，否則會出現出錯提示。對于用戶的評論立即在主頁的對應位置顯示出來，達到即時見效的功能。圖發表評論以下代碼用于用戶訪問系統記錄用戶身份：ifthennothingorsetcookies=""if%>代碼的意思是如果cookies值不為空讀取cookies中已經記錄的用戶資料，如果為空就重新記錄。點擊“提交”以后內容會自動保存到中以后此用戶再登陸就會記錄用戶的信息。19

武漢工程大學本科畢業（設計）論文3.2.3管理員登功能進入管理員界面后，可以看到如圖所示的界面：因為設有登錄權限所以只有管理員才能進入管理界面員賬號和管理員密碼都記錄在數據庫中系統便會根據這些登錄資料辨別出管理員的身份權限判斷管理員是否合法成功登錄的合法管理員有權限察看資料這些資料包括其他用戶的個人資料包括用戶昵稱，用戶性別，用戶郵箱，用戶網址等等。以下腳本代碼連接數據庫判斷登錄賬號和密碼是否正確如果輸入的密碼錯誤會進行出錯處理。<scriptlanguage="JavaScript"><!--functionadd(chk){if(chk.user.value==""){alert("請輸入管理員帳號);returnfalse;}if(chk.pwd.value==""){alert("請輸入管理員密碼);returnfalse;}}//--></script>以下代碼是管理員退出管理界面，進入普通用戶界面。<%Session.Abandonresponse.redirect"index2.ASP"%>圖管理員登錄3.2.4管理功能管理員進入管理界面后，可見到以下界面：20

武漢工程大學本科畢業（設計）論文圖3.5管理界面以下腳本代碼對系統進行設置：<scriptlanguage="JavaScript"><!--functionadd(chk){if(chk.view.value==""){alert("請輸入顯示個數);returnfalse;}if(chk.all.value==""){alert("請輸入人氣指數);returnfalse;}}//--></script>管理員有權限對整個論壇系統進行系統設置，論壇的顯示方式，每頁顯示的評論個數，背景顏色，背景圖片，首頁網址，是否顯示對方的地址等。可以對發表給管理員的評論進行處理，發表或刪除。也可對其他訪客發表的評論進行回復或刪除。3.3個人專版塊在這個版塊我設計和兩部分內容包括文學欣賞和快樂音樂欣賞里收集了一些精美文章，快樂音樂里收集了一些好聽的mp3歌曲。3.3.1文學欣賞此版塊的界面如圖所示：21

武漢工程大學本科畢業（設計）論文圖文學欣賞界面3.3.2快樂音樂進入此版塊，界面如圖所示：通過在數據庫中存放音樂路徑達到在網頁上播放的效果在音樂的首頁上放置了歌曲的名字，網友無需登錄，即可收聽自己喜歡的歌曲。<%i=2%><embedsrc=<%=request.cookies("S"&i)%>loop=falseautostart=falsename=bgss2width="200"height="120">以上代碼用來讀取數據庫中的音樂路徑此控件專門播放的音樂進入播放界面后，就會出現此控件，點擊播放就直接調用數據庫中的音樂進行播放圖3.7音界面22

武漢工程大學本科畢業（設計）論文3.4我的相版塊個人網站中又一亮點就是個人相冊的設置在我的相冊里放置了我自己的照片班級照片和校園照片。相冊里面的這三個版塊具有相同的版面設計，如下圖所示：圖3.8相界面這些照片的路徑存放在數據庫中在頁面中直接連接顯示擊每個小圖即可察看大圖。連接數據庫顯示圖片代碼如下：<%i=1%>//連接的第一張圖片<imgsrc=<%=request.cookies("S"&i)%>width="170"height="160"></a>此代碼用于連接數據庫中圖片表的圖片路徑設置的值連接不同的圖片獲得數據庫中圖片的cookies值。3.5網站說版塊此版塊是我根據自己的網站結構對整個網站以及每個版塊所做的網站結構和功能的說明，以及網站和作者版權說明。如下圖所示：23

武漢工程大學本科畢業（設計）論文圖網站說明界面如果網友不清楚網站的構架，可以查看此版塊。3.6給我留版塊留言板是目前最為流行的網絡應用之一留言板為留言者提供發言的機會，讓他們能夠及時、準確地交換自己的觀點。3.6.1留言板主面完整的留言板具有發表留言和察看別人留言的功能，如圖所示的留言板主界面index1.ASP，可由此進入留言界面和察看留言界面。圖3.10留言主界面在主界面中存有全部留言的作者和主題，點擊你想察看的主題就會進入察看留言界面，點擊“發表帖子”進入留言界面。24

武漢工程大學本科畢業（設計）論文3.6.2留言界面進入留言界面后，將會看到如下圖所示的界面：圖發表留言界面用戶名標題和內容填完以后點擊提交按鈕系統就會提醒你提交成功察看帖子如果填寫不完整系統就會提示你錯誤信息。內容提交后，就會自動保存在數據庫中，其中連接數據庫代碼如下：<%name=Replace(Request.Form("name"),"'","''")title=Replace(Request.Form("title"),"'","''")body=Replace(Request.Form("body"),"'","''")%>保存內容到數據庫代碼如下：<%setsavebbs=conn.execute("insertintobbs(name,title,body)values('"&name&"','"&title&"','"&body&"')")%>刷新數據庫表中的內容，產生新的記錄集。3.6.3察看留言面進入察看留言界面后，可以看到每個留言者的留言內容，如圖所示：進入每個帖子的瀏覽頁，主要是通過連接數據庫獲取該帖子的號，其代碼如下：<%id=request.querystring("id")%><%setshow=conn.execute("select*frombbswhereid="&id&"")%>分別顯示作者、主題和內容的代碼如下：<%=show("name")%><%=show("title")%><%=show("body")%>25

武漢工程大學本科畢業（設計）論文圖察看留言界面3.6.4連接數據留言板中的每個頁面index1.ASP、say.ASP、save.ASP都包含了連接數據庫的文件conn.ASP，目的是隨時連接數據庫，它的代碼如下：<%'setconn=Server.CreateObject("ADODB.connection")vider="Microsoft.jet.oledb.4.0"conn.openserver.MapPath("bbs.mdb")'Server.scriptTimeout="10"'connstr="DBQ="+server.mappath(═bbs═.mdb")+";DefaultDir=;DRIVER={MicrosoftAccessDriver(*.mdb)};"'setconn=Server.CreateObject("ADODB.connection")'conn.openconnstr%>代碼的意思是創建ADODB數據源建連接驅連接表的路徑以及access據對象，進行網頁和數據庫的連接。3.7發送郵版塊在網站的每個大的版塊上都與我聯系圖片鏈接擊此鏈接可進入如下界面：在這里可以選擇要發送郵件的收件人，主題及內容。主要實現的代碼如下：mailto:*************此代碼主要用于連接到outlookexpress，進行郵件的發送。26

武漢工程大學本科畢業（設計）論文圖發送郵件界面3.8鏈接百版塊在網站的首頁上我設置了鏈接百度的搜索引擎如果訪客有內容要查詢可以直接在此引擎內搜索，可直接鏈接到百度查找內容。如下圖所示：圖鏈百度連接百度腳本代碼如下：<SCRIPTlanguage=javascript>functiong(formname){varurl="/baidu";formname.value="2097152";formname.action=url;returntrue;}</SCRIPT>使用javascript腳本語言，定義一個表格函數，把百度的路徑存儲到表格屬性中，通過表格動作訪問百度的網址。27

武漢工程大學本科畢業（設計）論文3.9女生花版塊女生花園是我依據自己的喜好增加的版塊，如下圖所示：圖女生花園界面在此版塊中包括兩個頁面一個是可愛衣服另一個是可愛服飾這些圖片同樣是保存在數據庫中了顯示我喜歡的圖片以外有一些熱門文章的顯示圖的左邊所示，這些文章能夠移動。主要實現的代碼如下：<marqueedirection=upscrollamount=1scrolldelay=10>此句代碼能實現文字由下向上循環滾動。3.10討論3.10.1網站的格是否一一個成功的網站首先需要一個優秀的設計，然后輔之優秀的制作。設計是網站的核心和靈魂，一個相同的設計可以有多種制作表現的方式。一方面是純網站本身的設計比如文字排版片制作面設計維立體設計、28

武漢工程大學本科畢業（設計）論文靜態無聲圖文、動態有聲影像等。另一方面是網站的延伸設計包括網站的主題定位和瀏覽群定位智能交互制作策劃、形象包裝等。這兩方面相輔相成，做完網站后，首先需要測試的就是網站的整體風格和總體色調。每個網站的風格都有特定的主題我的網站主色調是綠色其中也不乏別的顏色予以搭配，使整個網站看起來有一種溫文爾雅的感覺。其次是看網頁風格的測試，每個頁面上的字體的風格、字體顏色、字體的特效、文本風格、文本顏色、以及表格屬性置等都要有統一的設置如我的網站每個頁面上的滾動字幕及字體特效都有統一的風格。3.10.2網站鏈穩定性試超級鏈接對于網站用戶而言意味著能不能流暢的使用整個網站提供的服務鏈接將作為一個獨立的項目進行測試。網站能夠正確運行首先要保證鏈接能夠連貫運行。網站的運行中整個系統是否運行正常主要采用將測試網站長時間運轉進行測試生出執行程序所有功能需求的輸入條件從而導出測試用例進行測試網站中的每個版塊的每個頁面都出現了很多的鏈接所以每個版塊要先進行單獨測試單獨測試完成后根據個版塊之間的連接結構再進行總體測試，從而達到網站的整體的運營能夠順利地進行。在測試這個環節時，沒有特定的測試方法，就要做到細心，做到網站的順利運行。3.10.3數據庫試數據庫鏈接是一種危險的、昂貴的、有限的資源，特別是在多Web應用程序中。必須正確管理鏈接如果鏈接不當整個網站的性能也會受到影響我在測試這個環節的時候也是使整個程序長時間運行，多向數據庫提交數據，調用數據庫里面的內容進行顯示。29

武漢工程大學本科畢業（設計）論文第章總在本次設計的全過程中，我對四年所學的知識有了一個比較系統的認識和理解。涉及了各方面的知識大大擴展了我的知識面時是我學會了如何使用所學的知識去解決一些實際