【正文】 主界面 ........................................... 25 留言界面 ............................................... 25 察看留言界面 ........................................... 26 連接數(shù)據(jù)庫 ............................................. 27 發(fā)送郵件版 塊 ................................................. 27 鏈接百度版塊 ................................................. 28 討論 ......................................................... 29 網(wǎng)站的風(fēng)格是否統(tǒng)一 ..................................... 29 網(wǎng)站鏈接穩(wěn)定性測試 ..................................... 29 數(shù)據(jù)庫測試 ............................................. 30 第四章 總結(jié) ......................................................... 31 致謝 ................................................................ 32 參考文獻 ............................................................ 33 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 1 前言 隨著經(jīng)濟社會的發(fā)展，計算機已被應(yīng)用到社會生活的各個領(lǐng)域。于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)魚龍混雜且良莠不齊。在需求分析結(jié)果的基礎(chǔ)上，對系統(tǒng)的功能模塊進行劃分。他們鉆研并且努力進入到這一個新的空間，新的領(lǐng)域。本論文中，將軟件工程的基本原理和方法應(yīng)用到整個網(wǎng)站系統(tǒng)，并對其進行需求分析，提出了解決問題的具體方法。 題研究現(xiàn)狀分析 伴隨著社會的發(fā)展和科學(xué)的進步，上網(wǎng)成為越來越多人們的選擇。 在 hao123 神話以后，網(wǎng)站大全類網(wǎng)站又再一次達到頂峰。 網(wǎng)頁實際是一個文件，他存放在世界某個角落的某一臺計 算機中而這臺計算機必須是與互聯(lián)網(wǎng)相連的。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。 它可以幫助個人進行全面的信息化，以多種形式達到對信息獲取、組織、思考、表達、共享和交流的目的。網(wǎng)頁制作更是日新月異，層出不窮。 ASP 集成在 HTML 和腳本語言中，其工作界面簡單，因此， ASP相對于其他網(wǎng)頁制作軟件來說，易學(xué)易用，是網(wǎng)頁制作初學(xué)者的入門軟件。在這里面出現(xiàn)了大量的個人網(wǎng)站。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 4 隨著 Inter 的迅速普及，我們已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁，而是希望更深入地參預(yù)到網(wǎng)絡(luò)中去， Inter 的開放性使個人建立自己的網(wǎng)站成為可能，擁有自己的網(wǎng)站也越來越成為一種時尚，同時創(chuàng)建一個能充分體現(xiàn)自 我風(fēng)格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。其中包括你和我。因此網(wǎng)站建設(shè)在 Inter 應(yīng)用上的地位顯而易見，它已成為個人、政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視 [7]。 2． 論壇： 主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺，也是網(wǎng)友給版主提出意見的主要渠道。奇文共欣賞，疑義相與析。就我們感興趣的話題展開討論。 用戶特征 用戶人群：具有基本的計算機操作能力，熟知網(wǎng)絡(luò)并能夠在 Inter 遨游。網(wǎng)站最后完成發(fā)不到網(wǎng)上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在網(wǎng)站內(nèi)搜索自己喜歡的資料，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員可以對網(wǎng)站信息進行管理。 IIS 版本以后引入了 ASP，可以很容易的張貼動態(tài)內(nèi)容和開發(fā)基于 Web的應(yīng)用程序。這個步驟可能會花幾分鐘。而且最重要的一點是， Access的功能足夠強大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。 Web 瀏覽器用 HTTP 協(xié)議向 Inter 信息服務(wù)器（ IIS）遞交請求。而 ASP 內(nèi)建的 Databse Access 組件使得我們能夠輕而易舉地通過 ActiexX Data Objects(ADO)訪問存儲在服務(wù)器端的數(shù)據(jù)庫或其他表格化數(shù)據(jù)結(jié)構(gòu)中的信息。熟悉 VB數(shù)據(jù)庫編程的朋友會發(fā)現(xiàn) ADO 與 RDO 有某中類似的地方。 在彈出的“新建”對話框中，我們可以選擇一個模板來快速建立數(shù)據(jù)庫，我們就先選擇個“定單管理”看看，然后單擊“確定”按扭。 以上“數(shù)據(jù)庫向?qū)А睂υ捒?分為左右兩部分，左邊的窗口是用來選擇“數(shù)據(jù)庫中的表”，右邊的窗口是用來選擇“表中的字段”。 以上“數(shù)據(jù)庫向?qū)А睂υ捒虻淖饔檬谴_定數(shù)據(jù)庫的標(biāo)題和是否在所有報表上加一幅圖片，我們就先設(shè)定數(shù)據(jù)庫的標(biāo)題為“定單入口”，并不在所有報表上加圖片，然后單 擊下一步按鈕。位于“主切換面板”對話框后面的是“定單入口 1”窗體，通過這兩個窗體即可對新創(chuàng)建的數(shù)據(jù)庫進行各種操作了。 由于腳本程序是在服務(wù)器上而不是在客戶端運行，傳送到瀏覽器上的 Web 頁是在 Web 服務(wù)器上生成的。 1： ASP 的運行環(huán)境： ASP 只能用于下列 Web Server IIS Microsoft Personal Web Server 2： ASP 的編程語言： ASP 可以使用 VBScript 和 JavaScript 進行程序編寫。當(dāng)用戶使用瀏覽器請求 ASP 主頁時， WEB 服務(wù)器響應(yīng)，調(diào)用 ASP引擎來執(zhí)無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 11 行 ASP 文件，并解釋其中的腳本語言（ javascript 或 vbscript），通過 ODBC 連接數(shù)據(jù)庫，由數(shù)據(jù)庫訪問組件 ADO（ active data objects）完成數(shù)據(jù)庫操作，最后ASP 生成包含有數(shù)據(jù)查詢結(jié)果的 HTML 主頁返回用戶端顯示 [15]。因此，網(wǎng)絡(luò)安全應(yīng)該也必須引起注意。 一 個人簡介： 介紹版主的一些基本信息，希望各位訪客能夠認識版主。 2 我的相冊： 在這個板塊可以看到我的照片，班級照片和搜集的校園照片，如果大家喜歡可以收藏。 用戶 管理員 登錄 評論 管理 發(fā)表 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 13 圖 22 留言板功能圖 5 發(fā)送郵件： 各位訪客可以通過 outlook 向版主或者其他人發(fā)送電子郵件。每個在論壇里發(fā)表評論的訪客的基本信息和評論內(nèi)容都可以保存在此表中，便于顯示調(diào)用。 2． 限制條件 沒有在論壇中正確填入自己的基本信息，就會導(dǎo)致回復(fù)失敗，表中也不會保存此內(nèi)容。 表 24 論壇顯示評論表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動編號 長整型 自動編號 show 自動編號 50 是 自動編號 view 日期 /時間 50 是 留言時間 cookies 文本 50 是 姓名 HTML 文本 50 是 性別 all 數(shù)字 長整型 計數(shù)器 url 備注 是 個人網(wǎng)站 bgcolor 文本 50 是 留 言顏色 background 備注 是 電子郵件 bgproperties 文本 50 是 給版主 ipshow 文本 50 否 Yahoo Msn 圖片存放 表 25 圖片存放路徑表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 編號 自動編號 長整型 自動編號 圖片編號 數(shù)字 長整型 圖片編號 圖片路徑 文本 50 否 圖片路徑 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 17 1．表的說明 此表用來存放我的照片版塊的照片，共有三個字段，沒有主鍵的設(shè)置，數(shù)據(jù)類型分別為自動編號，數(shù)字、文本。 表 26 留言表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動編號 長整型 自動編號 name 文本 50 否 留言姓名 title 文本 50 否 留言標(biāo)題 body 備注 否 留言內(nèi)容 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 18 第三章 結(jié)果與討論 個人簡介版塊 本模塊是個人簡介部分，每個個人網(wǎng)站都會有作者介紹。 顯示評論功能 論壇首頁以及顯示評論界面如圖 所示，圖最上面顯示的是此頁面的基本信息，由中間的超鏈接可進入發(fā)表評論界面、管理界面。實現(xiàn)頁面加一的代碼如下： 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 19 %If Page Then%a href=?page=%=Page+1% %end if% 圖 32 顯示評論 如果沒有人發(fā)表評論，頁面會自動顯示“目前沒有任何評論內(nèi)容”。 DBPath SET ps = () Select * From admin where user=39。 and pwd=39。 , conn,1,3% 代碼的作用分別是： 創(chuàng)建 ODBC 數(shù)據(jù)源；打開連接 數(shù)據(jù)庫的路徑；創(chuàng)建 access 驅(qū)動，打開 bbs 表；創(chuàng)建 Recordset 對象操作數(shù)據(jù)庫中的記錄；利 用創(chuàng)建的 Recordset對象訪問表中的用戶名和密碼記錄。對于用戶的評論立即在主頁 的對應(yīng)位置顯示出來，達到即時見效的功能。 管理員登錄功能 進入管理員界面后 ，可以看到如圖所示的界面： 因為設(shè)有登錄權(quán)限所以只有管理員才能進入管理界面，管理員賬號和管理員密碼都記錄在數(shù)據(jù)庫中。 以下腳本代碼連接數(shù)據(jù)庫，判斷登錄賬號和密碼是否正確。} if (==) {alert(請輸入管理員密碼 )。 return false?？梢詫Πl(fā)表給管理員的評論進行處理，發(fā)表或刪除。 文學(xué)欣賞 此版塊的界面如圖所示： 圖 36 文學(xué)欣賞界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 23 快樂音樂 進入此版塊，界面如圖所示： 通過在數(shù)據(jù)庫中存放音樂路徑，達到在網(wǎng)頁上播放的效果。進入播放界面后，就會出現(xiàn)此控件，點擊播放就直接調(diào)用數(shù)據(jù)庫中的音樂進行播放 圖 37 音樂界面 我的相冊版塊 個人網(wǎng)站中又一亮點就是個人相冊的設(shè)置，在我的相冊里，放置了我自己的照片、班級照片和校園 照片。設(shè)置 i 的值連接不同的圖片，獲得數(shù)據(jù)庫中圖片的 cookies 值。 留言板主界面 完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面 ，可由此進入留言界面和察看留言界面。,39。39。)% ? 保存內(nèi)容到數(shù)據(jù)庫代碼如下： %setsavebbs=(insertinto bbs(name,title,body)values(39。,39。,39。))% 刷新數(shù)據(jù)庫表中的內(nèi)容，產(chǎn)生新的記錄集。 set conn=() = () 39。 DRIVER={Microsoft Access Driver (*.mdb)}。 發(fā)送郵件版塊 在網(wǎng)站的每個大的版塊上都有“與我聯(lián)系”的圖片鏈接，點擊此鏈接可進 入如下界面： 在這里可以選擇要發(fā)送郵件的收件人，主題及內(nèi)容。 = url。設(shè)計是網(wǎng)站 的核心和靈魂，一個相同的設(shè)計可以有多種制作表現(xiàn)的方式。每個網(wǎng)站的風(fēng)格都有特定的主題，我的網(wǎng)站主色調(diào)是綠色，但其中也不乏別的顏色予以搭配，使整個網(wǎng)站看起來有一種溫文爾雅的感覺。 網(wǎng)站能夠正確運行首先要保證鏈接能夠連貫運行。必須正確管理鏈接 。 在設(shè)計中我深知自己掌握的知識還遠遠不夠，掌握的一些理論知識應(yīng)用到實踐中去，總會出現(xiàn)這樣或那樣的問題，不是理論沒有掌握好，而是光知道書本上的知識是遠遠不夠的，一定要把理論知識和實踐結(jié)合起來。計算機是一門非常復(fù)雜且龐大的學(xué)科，一項課題往往需要多項技術(shù)才可以完成的。通過這次設(shè)計，我學(xué)到了許多書本上學(xué)不到的知識，增強了自己的動手能力。 陳老 師淵博的專業(yè)知識，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實無華、平易近人的人格魅 力對我影響深遠。盡管與他們?yōu)槲腋冻龅囊磺邢啾?，所有的語言都顯得蒼白無力，我仍要真誠地說聲 :謝謝 ! 感謝我的三年來對我學(xué)習(xí)、生活的關(guān)心和幫助。從課題的選擇到項目的最終完成，都始終給予我細心的指導(dǎo)和不懈的支持 。 畢業(yè)設(shè)計完成之際，我由衷地感軟件服務(wù)與外包學(xué)院的各位指導(dǎo)老師們的大力幫助和支持，感謝我的同學(xué)與朋友，在我遇到各種各樣復(fù)雜問題的時候，給與我鼓勵和幫助，使我的分析問題和解決問題能力有了很大的提高。所有這一切都將成為我受益終生的寶貴財富 !本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 32 致謝 畢業(yè)設(shè)計完成之際，我 由衷地感