【正文】 從課題的選擇到項(xiàng)目的最終完成，都始終給予我細(xì)心的指導(dǎo)和不懈的支持 。 畢業(yè)設(shè)計(jì)完成之際，我由衷地感軟件服務(wù)與外包學(xué)院的各位指導(dǎo)老師們的大力幫助和支持，感謝我的同學(xué)與朋友，在我遇到各種各樣復(fù)雜問題的時(shí)候，給與我鼓勵(lì)和幫助，使我的分析問題和解決問題能力有了很大的提高。盡管與他們?yōu)槲腋冻龅囊磺邢啾?，所有的語言都顯得蒼白無力，我仍要真誠(chéng)地說聲 :謝謝 ! 感謝我的三年來對(duì)我學(xué)習(xí)、生活的關(guān)心和幫助。所有這一切都將成為我受益終生的寶貴財(cái)富 !本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。 陳老 師淵博的專業(yè)知識(shí)，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實(shí)無華、平易近人的人格魅 力對(duì)我影響深遠(yuǎn)。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 32 致謝 畢業(yè)設(shè)計(jì)完成之際，我 由衷地感謝 陳 老師的大力幫助和支持，感謝我的同學(xué)與朋友，在我遇到各種各樣復(fù)雜問題的時(shí)候，給予我鼓勵(lì)和幫助，使我的分析問題和解決問題能力有了很大的提高。通過這次設(shè)計(jì)，我學(xué)到了許多書本上學(xué)不到的知識(shí)，增強(qiáng)了自己的動(dòng)手能力。在遇到問題時(shí)，得到了指導(dǎo)老師與同學(xué)的悉心幫助，使我感受到集體的力量是無窮的。計(jì)算機(jī)是一門非常復(fù)雜且龐大的學(xué)科，一項(xiàng)課題往往需要多項(xiàng)技術(shù)才可以完成的。知識(shí)不是知道，了解就好，一定要去應(yīng)用它，發(fā)展它，讓它在現(xiàn)實(shí)生活中得到充分的應(yīng)用，從而解決一些問題，這才是學(xué)習(xí)的根本目的。 在設(shè)計(jì)中我深知自己掌握的知識(shí)還遠(yuǎn)遠(yuǎn)不夠，掌握的一些理論知識(shí)應(yīng)用到實(shí)踐中去，總會(huì)出現(xiàn)這樣或那樣的問題，不是理論沒有掌握好，而是光知道書本上的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，一定要把理論知識(shí)和實(shí)踐結(jié)合起來。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 31 第四章 總結(jié) 在本次設(shè)計(jì)的全過程中，我對(duì)四年所學(xué)的知識(shí)有了一個(gè)比較系統(tǒng)的認(rèn)識(shí) 和理解。必須正確管理鏈接 。在測(cè)試這個(gè)環(huán)節(jié)時(shí)，沒有特定的測(cè)試方法，就要做到細(xì)心，做到網(wǎng)站的順利運(yùn)行。 網(wǎng)站能夠正確運(yùn)行首先要保證鏈接能夠連貫運(yùn)行。如我的網(wǎng)站每個(gè)頁面上的滾動(dòng)字幕及字體特效都有統(tǒng)一的風(fēng)格。每個(gè)網(wǎng)站的風(fēng)格都有特定的主題，我的網(wǎng)站主色調(diào)是綠色，但其中也不乏別的顏色予以搭配，使整個(gè)網(wǎng)站看起來有一種溫文爾雅的感覺。 ? 另一方面是網(wǎng)站的延伸設(shè)計(jì)，包括網(wǎng)站的主題定位和瀏覽群定位、智能交互、制作策劃、形象包裝等。設(shè)計(jì)是網(wǎng)站 的核心和靈魂，一個(gè)相同的設(shè)計(jì)可以有多種制作表現(xiàn)的方式。 } /SCRIPT 使用 javascript 腳本語言，定義一個(gè)表格函數(shù)，把百度的路徑存儲(chǔ)到表格屬無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 29 性中，通過表格動(dòng)作訪問百度的網(wǎng)址。 = url。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 28 圖 313 發(fā)送郵件界面 鏈接百度版塊 在網(wǎng)站的首頁上我設(shè)置了鏈接百度的搜索引擎，如果訪客有內(nèi)容要查詢，可以直接在此引擎內(nèi)搜索，可直接鏈接到百度查找內(nèi)容。 發(fā)送郵件版塊 在網(wǎng)站的每個(gè)大的版塊上都有“與我聯(lián)系”的圖片鏈接，點(diǎn)擊此鏈接可進(jìn) 入如下界面： 在這里可以選擇要發(fā)送郵件的收件人，主題及內(nèi)容。set conn=() 39。 DRIVER={Microsoft Access Driver (*.mdb)}。connstr=DBQ=+()+。 set conn=() = () 39。id amp。))% 刷新數(shù)據(jù)庫表中的內(nèi)容，產(chǎn)生新的記錄集。bodyamp。,39。titleamp。,39。nameamp。)% ? 保存內(nèi)容到數(shù)據(jù)庫代碼如下： %setsavebbs=(insertinto bbs(name,title,body)values(39。,39。39。)title=Replace(Request.Form(title),39。,39。 留言界面 進(jìn)入留言界面后，將會(huì)看到如下圖所示的界面 ： 圖 311 發(fā)表留言界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 26 用戶名、標(biāo)題和內(nèi)容填完以后點(diǎn)擊提交按鈕系統(tǒng)就會(huì)提醒你提交成功，察看帖子，如果填寫不完整系統(tǒng)就會(huì)提示你錯(cuò)誤信息。 留言板主界面 完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面 ，可由此進(jìn)入留言界面和察看留言界面。如下圖所示： 圖 39 網(wǎng)站說明界面 如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。設(shè)置 i 的值連接不同的圖片，獲得數(shù)據(jù)庫中圖片的 cookies 值。連接數(shù)據(jù)庫顯示圖片代碼如下： % i=1 % //連接的第一張圖片 img src=%=(Samp。進(jìn)入播放界面后，就會(huì)出現(xiàn)此控件，點(diǎn)擊播放就直接調(diào)用數(shù)據(jù)庫中的音樂進(jìn)行播放 圖 37 音樂界面 我的相冊(cè)版塊 個(gè)人網(wǎng)站中又一亮點(diǎn)就是個(gè)人相冊(cè)的設(shè)置，在我的相冊(cè)里，放置了我自己的照片、班級(jí)照片和校園 照片。 % i=2 % embed src=%=(Samp。 文學(xué)欣賞 此版塊的界面如圖所示： 圖 36 文學(xué)欣賞界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 23 快樂音樂 進(jìn)入此版塊，界面如圖所示： 通過在數(shù)據(jù)庫中存放音樂路徑，達(dá)到在網(wǎng)頁上播放的效果。 個(gè)人專題版塊 在這個(gè)版塊我設(shè)計(jì)和兩部分內(nèi)容包括文學(xué)欣賞和快樂音樂。可以對(duì)發(fā)表給管理員的評(píng)論進(jìn)行處理，發(fā)表或刪除。 return false。 return false。}} // /script 以下代碼是管理員退出管理界面，進(jìn)入普通用戶界面。} if (==) {alert(請(qǐng)輸入管理員密碼 )。 script language=JavaScript !function add(chk) { if (==) {alert(請(qǐng)輸入管理員帳號(hào) )。 以下腳本代碼連接數(shù)據(jù)庫，判斷登錄賬號(hào)和密碼是否正確。成功登錄的合法管理員有權(quán)限察看資料。 管理員登錄功能 進(jìn)入管理員界面后 ，可以看到如圖所示的界面： 因?yàn)樵O(shè)有登錄權(quán)限所以只有管理員才能進(jìn)入管理界面，管理員賬號(hào)和管理員密碼都記錄在數(shù)據(jù)庫中。do nothing or set cookies= end if % 代碼的意思是如果 cookies 值不為空讀取 cookies 中已經(jīng)記錄的用戶資料，如果為空就重新記錄。對(duì)于用戶的評(píng)論立即在主頁 的對(duì)應(yīng)位置顯示出來，達(dá)到即時(shí)見效的功能。訪客無需注冊(cè)和登錄，只需填寫個(gè)人信息，在表情圖片和留言顏色處，訪客可以根據(jù)自己的喜好和發(fā)言內(nèi)容進(jìn)行選擇，在“給版主”處，訪客可以選擇，如果留言只是留給版主的，只有版主才能看到，對(duì)論壇的其他人是隱藏的。 , conn,1,3% 代碼的作用分別是： 創(chuàng)建 ODBC 數(shù)據(jù)源；打開連接 數(shù)據(jù)庫的路徑；創(chuàng)建 access 驅(qū)動(dòng)，打開 bbs 表；創(chuàng)建 Recordset 對(duì)象操作數(shù)據(jù)庫中的記錄；利 用創(chuàng)建的 Recordset對(duì)象訪問表中的用戶名和密碼記錄。session(pwd)amp。 and pwd=39。session(user)amp。 DBPath SET ps = () Select * From admin where user=39。pwd=test。實(shí)現(xiàn)頁面加一的代碼如下： 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 19 %If Page Then%a href=?page=%=Page+1% %end if% 圖 32 顯示評(píng)論 如果沒有人發(fā)表評(píng)論，頁面會(huì)自動(dòng)顯示“目前沒有任何評(píng)論內(nèi)容”。每個(gè)評(píng)論都有回復(fù)鏈接，由此可進(jìn)入回復(fù)界面。 顯示評(píng)論功能 論壇首頁以及顯示評(píng)論界面如圖 所示，圖最上面顯示的是此頁面的基本信息，由中間的超鏈接可進(jìn)入發(fā)表評(píng)論界面、管理界面。 我的論壇版塊 在個(gè)人網(wǎng)站建設(shè)中， BBS論壇也是其中最主要的一個(gè)子系統(tǒng)。 表 26 留言表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動(dòng)編號(hào) 長(zhǎng)整型 自動(dòng)編號(hào) name 文本 50 否 留言姓名 title 文本 50 否 留言標(biāo)題 body 備注 否 留言內(nèi)容 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 18 第三章 結(jié)果與討論 個(gè)人簡(jiǎn)介版塊 本模塊是個(gè)人簡(jiǎn)介部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。 留言板 1．表的說明 此表用來存放給我留言版塊的留言人、留言標(biāo)題以及留言內(nèi)容，共有四個(gè)字段，其中 id 字段設(shè)置為主鍵，數(shù)據(jù)類型為自動(dòng)編號(hào)，其余三個(gè)字段的數(shù)據(jù)類型均為文本。 表 24 論壇顯示評(píng)論表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動(dòng)編號(hào) 長(zhǎng)整型 自動(dòng)編號(hào) show 自動(dòng)編號(hào) 50 是 自動(dòng)編號(hào) view 日期 /時(shí)間 50 是 留言時(shí)間 cookies 文本 50 是 姓名 HTML 文本 50 是 性別 all 數(shù)字 長(zhǎng)整型 計(jì)數(shù)器 url 備注 是 個(gè)人網(wǎng)站 bgcolor 文本 50 是 留 言顏色 background 備注 是 電子郵件 bgproperties 文本 50 是 給版主 ipshow 文本 50 否 Yahoo Msn 圖片存放 表 25 圖片存放路徑表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 編號(hào) 自動(dòng)編號(hào) 長(zhǎng)整型 自動(dòng)編號(hào) 圖片編號(hào) 數(shù)字 長(zhǎng)整型 圖片編號(hào) 圖片路徑 文本 50 否 圖片路徑 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 17 1．表的說明 此表用來存放我的照片版塊的照片，共有三個(gè)字段，沒有主鍵的設(shè)置，數(shù)據(jù)類型分別為自動(dòng)編號(hào)，數(shù)字、文本。存放發(fā)布評(píng)論時(shí)的一些基本設(shè)置。 2． 限制條件 沒有在論壇中正確填入自己的基本信息，就會(huì)導(dǎo)致回復(fù)失敗，表中也不會(huì)保存此內(nèi)容。 論壇回復(fù)表 1． 表的說明 此表用來存放訪客針對(duì)論壇里面的內(nèi)容所做的回復(fù)內(nèi)容，各字段的內(nèi)容同論壇發(fā)言表。每個(gè)在論壇里發(fā)表評(píng)論的訪客的基本信息和評(píng)論內(nèi)容都可以保存在此表中，便于顯示調(diào)用。 圖 23 網(wǎng)站的各個(gè)模塊 用戶 留言 顯示 發(fā)表 個(gè)人簡(jiǎn)介 個(gè)人專題 鏈接百度 我的相冊(cè) 網(wǎng)站說明 個(gè)性花園 網(wǎng)友 文學(xué)欣賞 給我留言 我的論壇 發(fā)送郵件 快樂音樂 衣服 飾品 我的照片 我的班級(jí) 美麗校園 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 14 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì) 論壇管理員登錄 表 21 管理員登錄 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動(dòng)編號(hào) 長(zhǎng)整 型 否 無 user 文本 50 否 無 pwd 文本 50 否 無 1． 表的說明 此表是用來論壇管理員登錄的，共分為三個(gè)字段，其中 id 字段設(shè)為主鍵，數(shù)據(jù)類型是自動(dòng)編號(hào)， user 和 pwd 字段分別用來存放管理員的登錄名和密碼，數(shù)據(jù)類型文本。 用戶 管理員 登錄 評(píng)論 管理 發(fā)表 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 13 圖 22 留言板功能圖 5 發(fā)送郵件： 各位訪客可以通過 outlook 向版主或者其他人發(fā)送電子郵件。 3 網(wǎng)站說明： 里面是我對(duì)整個(gè)網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。 2 我的相冊(cè)： 在這個(gè)板塊可以看到我的照片，班級(jí)照片和搜集的校園照片，如果大家喜歡可以收藏。其中發(fā)表意見界面是所有訪客都可以在論壇里面發(fā)表自己的意見，這些意見可以是發(fā)表給所有的訪客，也可以是只發(fā)表給版主，如果只發(fā)表給版主，只有版主可以看到和回復(fù)；回復(fù)意見是所有訪客針對(duì)自己感興趣的話題進(jìn)行回復(fù)；這些發(fā)表的意見和回復(fù)可以在顯示論壇內(nèi)容的界面都顯示出來，供大家討論；那些只有版主才能看到的信息在版主的管理界面， 這個(gè)界面需要登錄，無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 12 設(shè)有用戶名和密碼，在這里版主可以對(duì)所有評(píng)論進(jìn)行發(fā)表或刪除的管理。 一 個(gè)人簡(jiǎn)介： 介紹版主的一些基本信息，希望各位訪客能夠認(rèn)識(shí)版主。 該個(gè)人網(wǎng)站系統(tǒng)是 基于 Inter/Intra 及 Web 技 術(shù) ，建 立 以Browser/Server 為結(jié)構(gòu)模式、以數(shù)據(jù)庫為后臺(tái)核心應(yīng)用、以服務(wù)為目的信息平臺(tái) ，對(duì)資源進(jìn)行科學(xué)的加工整序和管理維護(hù)，為 用戶 提供 個(gè)人 信息保障 和直接參預(yù)到互聯(lián)網(wǎng)上而設(shè)計(jì)的系統(tǒng)。因此，網(wǎng)絡(luò)安全應(yīng)該也必須引起注意。當(dāng)用戶使用瀏覽器請(qǐng)求 ASP 主頁時(shí)， WEB 服務(wù)器響應(yīng)，調(diào)用 ASP引擎來執(zhí)行 ASP 文件，并解釋其中的腳本語言（ javascript 或 vbscript），通過 ODBC 連接數(shù)據(jù)庫，由數(shù)據(jù)庫訪問組件 ADO（ active data objects）完成數(shù)據(jù)庫操作，最后ASP 生