【正文】 。 圖 21 論壇功能圖 1 個(gè)人專題： 這里收錄了我平時(shí)搜集的一些文章和音樂，各位訪客可以根據(jù)自己的喜好進(jìn)行閱覽。 2 我的相冊(cè)： 在這個(gè)板塊可以看到我的照片，班級(jí)照片和搜集的校園照片，如果大家喜歡可以收藏。更改照片的時(shí)候只要更新數(shù)據(jù)庫就可以了。 3 網(wǎng)站說明： 里面是我對(duì)整個(gè)網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。 4 給我留言： 這是每位訪客針對(duì)我的網(wǎng)站情況 給我留言，這些留言會(huì)直接保存到數(shù)據(jù)庫里面，并且能夠輕松的讀取。 用戶 管理員 登錄 評(píng)論 管理 發(fā)表 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 13 圖 22 留言板功能圖 5 發(fā)送郵件： 各位訪客可以通過 outlook 向版主或者其他人發(fā)送電子郵件。 6 鏈接百度： 如果訪客想在互聯(lián)網(wǎng)上查找東西，可以直接點(diǎn)擊這里。 圖 23 網(wǎng)站的各個(gè)模塊 用戶 留言 顯示 發(fā)表 個(gè)人簡介 個(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) 長整 型 否 無 user 文本 50 否 無 pwd 文本 50 否 無 1． 表的說明 此表是用來論壇管理員登錄的，共分為三個(gè)字段，其中 id 字段設(shè)為主鍵，數(shù)據(jù)類型是自動(dòng)編號(hào)， user 和 pwd 字段分別用來存放管理員的登錄名和密碼，數(shù)據(jù)類型文本。 2．限制條件 在論壇管理員登錄時(shí)，只有正確輸入此表中的用戶名和密碼才能夠登錄到管理界面，才有權(quán)對(duì)論壇里面的內(nèi)容進(jìn)行刪除，否則只能 論壇發(fā)言 表 22 論壇發(fā)言表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動(dòng)編號(hào) 長整型 自動(dòng)編號(hào) time 日期 /時(shí)間 是 留言時(shí)間 name 文本 50 是 姓名 sex 文本 50 是 性別 url 備注 是 個(gè)人網(wǎng)站 color 文本 50 是 留言顏色 備注 是 電子郵件 sysop 文本 50 是 給版主 pic 文本 50 是 表情圖示 Yahoo 文本 50 是 Yahoo Msn msage 文本 50 是 MSN ICQ 文本 50 是 ICQ txt 備注 是 留言內(nèi)容 ip 文本 50 是 留言位置 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 15 uptime 日期 /時(shí)間 是 回應(yīng)時(shí)間 1．表的說明 此表是用來記錄訪客基本信息以及發(fā)表評(píng)論內(nèi)容的，共有十五個(gè)字段，這里只給出了七個(gè)字段，其中 id 字段設(shè)為主鍵，數(shù)據(jù)類型是自動(dòng)編號(hào)， time 字段數(shù)據(jù)類型是日期 /時(shí)間，其余為文本或者備注。每個(gè)在論壇里發(fā)表評(píng)論的訪客的基本信息和評(píng)論內(nèi)容都可以保存在此表中，便于顯示調(diào)用。 2．限制條件 沒有在論壇中正確填入自己的基本信息，就會(huì)導(dǎo)致登錄失敗，表中不會(huì)保存此內(nèi)容。 論壇回復(fù)表 1． 表的說明 此表用來存放訪客針對(duì)論壇里面的內(nèi)容所做的回復(fù)內(nèi)容，各字段的內(nèi)容同論壇發(fā)言表。每個(gè)在論壇里回復(fù)評(píng)論 的訪客的基本信息和評(píng)論內(nèi)容都可以保存在此表中，便于顯示調(diào)用。 2． 限制條件 沒有在論壇中正確填入自己的基本信息，就會(huì)導(dǎo)致回復(fù)失敗，表中也不會(huì)保存此內(nèi)容。 表 23 論壇回復(fù)表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 數(shù)字 長整型 無 id_2 自動(dòng)編號(hào) 長整型 自動(dòng)編號(hào) time 日期 /時(shí)間 留言時(shí)間 name 文本 50 是 姓名 sex 文本 50 是 性別 url 備注 是 個(gè)人網(wǎng)站 color 文本 50 是 留言顏色 備注 是 電子郵件 pic 文本 50 是 給版主 Yahoo 文本 50 是 Yahoo Msn 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 16 msage 文本 50 是 MSN ICQ 文本 50 是 ICQ txt 備注 是 留言內(nèi)容 ip 文本 50 是 留言位置 ad 文本 50 是 無 論壇顯示評(píng)論 1．表的說明 此表用來存放顯示評(píng)論及回復(fù)的內(nèi)容，共有十三個(gè)字段，其中 id 字段設(shè)為主鍵，數(shù)據(jù)類型為自動(dòng)編號(hào)，其余為數(shù)字、文本或備注。存放發(fā)布評(píng)論時(shí)的一些基本設(shè)置。 2．限制條件 根據(jù)你發(fā)表評(píng) 論時(shí)提交不同的設(shè)置，會(huì)有相應(yīng)的內(nèi)容存儲(chǔ)到數(shù)據(jù)庫中，以 便于顯 示不同的設(shè)置要求，如留言顏色和表情圖示可以根據(jù)你不同的選擇顯示不同的顏色和圖片。 表 24 論壇顯示評(píng)論表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動(dòng)編號(hào) 長整型 自動(dòng)編號(hào) show 自動(dòng)編號(hào) 50 是 自動(dòng)編號(hào) view 日期 /時(shí)間 50 是 留言時(shí)間 cookies 文本 50 是 姓名 HTML 文本 50 是 性別 all 數(shù)字 長整型 計(jì)數(shù)器 url 備注 是 個(gè)人網(wǎng)站 bgcolor 文本 50 是 留 言顏色 background 備注 是 電子郵件 bgproperties 文本 50 是 給版主 ipshow 文本 50 否 Yahoo Msn 圖片存放 表 25 圖片存放路徑表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 編號(hào) 自動(dòng)編號(hào) 長整型 自動(dòng)編號(hào) 圖片編號(hào) 數(shù)字 長整型 圖片編號(hào) 圖片路徑 文本 50 否 圖片路徑 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 17 1．表的說明 此表用來存放我的照片版塊的照片，共有三個(gè)字段，沒有主鍵的設(shè)置，數(shù)據(jù)類型分別為自動(dòng)編號(hào)，數(shù)字、文本。 2．限制條件 增加或刪除照片 的時(shí)候只能在庫里進(jìn)行照片路徑的管理。 留言板 1．表的說明 此表用來存放給我留言版塊的留言人、留言標(biāo)題以及留言內(nèi)容，共有四個(gè)字段，其中 id 字段設(shè)置為主鍵，數(shù)據(jù)類型為自動(dòng)編號(hào)，其余三個(gè)字段的數(shù)據(jù)類型均為文本。留言者提交留言內(nèi)容以后就會(huì)存儲(chǔ)到此表中，網(wǎng)頁再通過連接數(shù)據(jù)庫調(diào)用此表顯示每個(gè)留言內(nèi)容 2．限制條件 沒有后臺(tái)限制，想留言的任何訪客都可以在此留言板中留言，并且能夠顯示出來。 表 26 留言表 字段名稱 數(shù)據(jù)類型 字段大小 允許空 說明 id 自動(dòng)編號(hào) 長整型 自動(dòng)編號(hào) name 文本 50 否 留言姓名 title 文本 50 否 留言標(biāo)題 body 備注 否 留言內(nèi)容 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 18 第三章 結(jié)果與討論 個(gè)人簡介版塊 本模塊是個(gè)人簡介部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。在這個(gè)模塊訪客會(huì)了解到作者的一些基本信息，這里以我女朋友為主題制作的個(gè)人網(wǎng)站，大致界面內(nèi)容如圖 所示。 我的論壇版塊 在個(gè)人網(wǎng)站建設(shè)中， BBS論壇也是其中最主要的一個(gè)子系統(tǒng)。 BBS 論壇的主要功能就是討論問題，論壇采用了 B/S 模式，提供了發(fā)表評(píng)論，回復(fù)評(píng)論和管理員對(duì)評(píng)論進(jìn)行管理等功能。 顯示評(píng)論功能 論壇首頁以及顯示評(píng)論界面如圖 所示，圖最上面顯示的是此頁面的基本信息，由中間的超鏈接可進(jìn)入發(fā)表評(píng)論界面、管理界面。 此界面的功能是顯示評(píng)論內(nèi)容，根據(jù)不同的提交數(shù)據(jù)可以顯示不同的圖片和字體顏色，并且可以通過上面的圖標(biāo)可通過 outlook 發(fā)送電子郵件。每個(gè)評(píng)論都有回復(fù)鏈接，由此可進(jìn)入回復(fù)界面。 此界面可以分為多個(gè)頁面，每個(gè)頁面可以顯示八個(gè)評(píng)論的內(nèi)容，每超過八個(gè)評(píng)論程序會(huì)自動(dòng)增加頁面，以顯示評(píng)論。實(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)容”。 連接數(shù)據(jù)庫的代碼如下： % Set conn = () DBPath = () driver={Microsoft Access Driver (*.mdb)}。pwd=test。dbq= amp。 DBPath SET ps = () Select * From admin where user=39。amp。session(user)amp。39。 and pwd=39。amp。session(pwd)amp。39。 , 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ì)象訪問表中的用戶名和密碼記錄。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 20 發(fā)表評(píng)論與回復(fù)評(píng)論功能 進(jìn)入發(fā)表評(píng)論界面后，此界面如圖 ： 在此界面操作簡單，頁面簡潔，完全控件式的頁面布局。訪客無需注冊(cè)和登錄，只需填寫個(gè)人信息，在表情圖片和留言顏色處，訪客可以根據(jù)自己的喜好和發(fā)言內(nèi)容進(jìn)行選擇，在“給版主”處，訪客可以選擇，如果留言只是留給版主的，只有版主才能看到，對(duì)論壇的其他人是隱藏的。個(gè)人網(wǎng)站、 MSN、 ICQ 可不用填寫，姓名、性別和電子郵件必須以正確的格式填寫，否則會(huì)出現(xiàn)出錯(cuò)提示。對(duì)于用戶的評(píng)論立即在主頁 的對(duì)應(yīng)位置顯示出來，達(dá)到即時(shí)見效的功能。 圖 33 發(fā)表評(píng)論 以下代碼用于用戶訪問系統(tǒng)記錄用戶身份： % if not cookies=null then else 39。do nothing or set cookies= end if % 代碼的意思是如果 cookies 值不為空讀取 cookies 中已經(jīng)記錄的用戶資料，如果為空就重新記錄。點(diǎn)擊“提交”以后內(nèi)容會(huì)自動(dòng)保存到 中，以后此用戶再登陸就會(huì)記錄用戶的信息。 管理員登錄功能 進(jìn)入管理員界面后 ，可以看到如圖所示的界面： 因?yàn)樵O(shè)有登錄權(quán)限所以只有管理員才能進(jìn)入管理界面，管理員賬號(hào)和管理員密碼都記錄在數(shù)據(jù)庫中。系統(tǒng)便會(huì)根據(jù)這些登錄資料，辨別出管理員的身份權(quán)限，判斷管理員是否合法。成功登錄的合法管理員有權(quán)限察看資料。這些資料包括其無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 21 他用戶的個(gè)人資料，包括用戶昵稱，用戶性別，用戶郵箱，用戶網(wǎng)址等等。 以下腳本代碼連接數(shù)據(jù)庫，判斷登錄賬號(hào)和密碼是否正確。如果輸入的密碼錯(cuò)誤，會(huì)進(jìn)行出錯(cuò)處理。 script language=JavaScript !function add(chk) { if (==) {alert(請(qǐng)輸入管理員帳號(hào) )。 return false。} if (==) {alert(請(qǐng)輸入管理員密碼 )。 return false。}} // /script 以下代碼是管理員退出管理界面，進(jìn)入普通用戶界面。 % % 圖 34 管理員登錄 管理功能 管理員進(jìn)入管理界面后，可見到以下界面： 圖 35 管理界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 22 以下腳本代碼對(duì)系統(tǒng)進(jìn)行設(shè)置： script language=JavaScript !function add(chk) { if (==) {alert(請(qǐng)輸入顯示個(gè)數(shù) )。 return false。} if (==) {alert(請(qǐng)輸入人氣指數(shù) )。 return false。} } // /script 管理員有權(quán)限對(duì)整個(gè)論壇系統(tǒng)進(jìn)行系統(tǒng)設(shè)置，論壇的顯示方式，每頁顯示的評(píng)論個(gè)數(shù)，背景顏色，背 景圖片，首頁網(wǎng)址，是否顯示對(duì)方的 IP 地址等?？梢詫?duì)發(fā)表給管理員的評(píng)論進(jìn)行處理，發(fā)表或刪除。也可對(duì)其他訪客發(fā)表的評(píng)論進(jìn)行回復(fù)或刪除。 個(gè)人專題版塊 在這個(gè)版塊我設(shè)計(jì)和兩部分內(nèi)容包括文學(xué)欣賞和快樂音樂。文學(xué)欣賞里收集了一些精美文章，快樂音樂里收集了一些好聽的 mp3歌曲。 文學(xué)欣賞 此版塊的界面如圖所示： 圖 36 文學(xué)欣賞界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 個(gè)人網(wǎng)站制作 23 快樂音樂 進(jìn)入此版塊，界面如圖所示： 通過在數(shù)據(jù)庫中存放音樂路徑，達(dá)到在網(wǎng)頁上播放的效果。在音樂的首頁上