手把手教你設(shè)計ASP+ACCESS留言本

準(zhǔn)備工作：安裝好ASP服務(wù)器（IIS或PWS）+ACCESS（Windows系統(tǒng)自帶）。為了盡量保證無任何問題，建議按照課程中所講的步驟操作。好了，準(zhǔn)備工作已經(jīng)做好，下面我們將詳細介紹其步驟： 一個 留言 版應(yīng)該有哪些內(nèi)容呢？有：訪客名字( Name )、訪客主頁( Hpage )

一個留言版應(yīng)該有哪些內(nèi)容呢？有：訪客名字(Name)、訪客主頁(Hpage)、訪客QQ(QQ)、訪客信箱(Email)、訪客形象(ICON)、

、留言內(nèi)容(Ctent)、留言時間(Date)——這是訪客的有關(guān)信息。版主回復(fù)(Rply)和，版主的管理帳號：用戶名(Username)、密碼(Pwd)。要保存這么多信息，就必須有數(shù)據(jù)庫，數(shù)據(jù)庫應(yīng)該怎么設(shè)計？訪客的留言是不斷增加的，而版主的管理帳號固定不變，所以應(yīng)該分開兩個表，一個保存所有訪客的留言和訪客的資料信息，另一個則保存版主的管理帳號。好了，

現(xiàn)在可以開始設(shè)計數(shù)據(jù)庫了。打開ACCESS(在微軟的Office軟件中有)軟件，新建一空白數(shù)據(jù)庫，ACCESS會提示先保存數(shù)據(jù)庫，定位到你的留言本所在文件夾(我是在站點根目錄下建了一個guestbook文件夾)，保存為data.mdb。

數(shù)據(jù)庫設(shè)置：

ID：設(shè)為主鍵，確定數(shù)據(jù)唯一性以保證在管理時能準(zhǔn)確定位到相應(yīng)記錄

Name:字段大小設(shè)為15(名字沒有這么長的)

Email:字段大小為20(Email地址的長度)

ICON:字段大小為255

Hpage：字段大小為30(很多朋友還在用二級甚至三級的域名，所以放寬一點)

Date：默認值為Now ()(用Now()取得插入新記錄時系統(tǒng)的時間)

關(guān)閉表窗口，會提示是否保存對表的修改，選"是",然后把表名改為main，再創(chuàng)建表admin，以保存管理帳號：

還需要一個記錄IP對應(yīng)地址的表，點這里下載，然后打開數(shù)據(jù)庫data.mdb，在"文件"菜單下選擇"獲取外部數(shù)據(jù)>>導(dǎo)入"，再在彈出的對話框里選擇剛才下載的數(shù)據(jù)庫，導(dǎo)入，選擇address表，確定，現(xiàn)在數(shù)據(jù)庫data.mdb中應(yīng)該有這樣的三個表：

到現(xiàn)在，數(shù)據(jù)庫的工作全部完成。程序運行配置完了，請仔細看看數(shù)據(jù)庫，不能出錯的。

在IIS(Internet 信息服務(wù))安裝方法里，我們在IIS里把站點根目錄定義在D:asp，現(xiàn)在進到這個目錄下新建一文件夾并命名為guestbook。

點"下一步"繼續(xù)下一步的選擇，這里我們選擇用VBScript作腳本的ASP：

點"下一步"繼續(xù)下一步的站點文件夾設(shè)置，因為我們現(xiàn)在是在本地測試，而且guestbook文件夾在D:aspguestbook，所以設(shè)置如下

點"下一步"繼續(xù)下一步的設(shè)置Dreamweaver的測試URL：

點"下一步"繼續(xù)下一步，因為我們在本機測試，不需要遠程服務(wù)器參與，所以選擇"否"：

點"下一步"繼續(xù)下一步，這里顯示的是我們剛才所填的信息，目的是要我們確認一下，如果發(fā)現(xiàn)有錯，可以點"上一步"返回修改設(shè)置，確認無誤后就可以點"完成"，我們的站點定義就完成了。

在Dreamweaver中新建一頁(在"新建"新建文檔對話框中選"ASP VBScript"類型的文檔)，存為index.asp，并修改頁面標(biāo)題為"留言板首頁"

點擊插入常用工具組里的表格圖標(biāo)，插入一個5行1列的表格(記為表格1)，設(shè)置如下：

選中表格，然后在屬性面板中把它設(shè)置為居中對齊：

光標(biāo)定位到第三行的單元格里，拆分單元格插入兩列的表格，垂直居頂對齊。再拆分單元格兩行的表格，在拆分單元格的表格 的第一個單元格里在按"圖象圖標(biāo)"插入一個頭像(頭像路徑在留言板目錄下images/icon里,并在第二個單元格里寫上"訪客昵稱"，之后設(shè)置兩個單元格的水平對齊方式均為居中。現(xiàn)在只剩下一個很大的空白單元格了，這個就是我們用來顯示訪客留言及訪客資料的區(qū)域，在這個單元格里插入一個三行一列的表格寬100%(記為表格2)，寫上文字、設(shè)置水平對齊方式、單元格高度后，再插入一個顯示留言內(nèi)容和回復(fù)內(nèi)容的兩行兩列的表格(記為表格3)到唯一空白的單元格里，寫上文字并設(shè)置，最后是給"留言"、"查看"、"管理"這幾個字分別加上鏈接(方法：選中文字后在屬性面板的“鏈接‘輸入框中輸入鏈接地址)insert.asp、index.asp、login.asp 完成后效果如圖：

到現(xiàn)在，留言表格的工作全部完成，下一節(jié)：連接數(shù)據(jù)庫。

按窗口打開服務(wù)器行為面板，看那四項中的前三項前是否有勾號，如果沒有就是相應(yīng)項在定義站點是沒設(shè)置好，重

做"Dreamweaver的站點定義"那一步，如果有就開始創(chuàng)建記錄集，在服務(wù)器行為面板上單擊"+"號 ，因為我們還沒連接過數(shù)據(jù)庫，所以現(xiàn)在還需要定義連接數(shù)據(jù)庫字符串。按數(shù)據(jù)庫彈出的菜單點：自定義連接字符串"按鈕，

現(xiàn)在是最關(guān)鍵的一步，在"自定義連接字符串"對話框中填寫連接名稱liu，（連接名稱是自己起的）連接字符串："DRIVER={Microsoft Access Driver (*.mdb)};DBQ=D:aspguestbookdata.mdb" 請仔細填寫不能出一點錯啊，注意注意！！！添好好按測試，軟件就自動的生成了asp和數(shù)據(jù)庫的連接的asp文件了,在Connections文件夾內(nèi)liu.asp.

建記錄集，點綁定出來菜單，點記錄集按如下選擇，

連接數(shù)據(jù)庫的工作就完成了，下一步：數(shù)據(jù)捆綁。

我們把頭像地址跟數(shù)據(jù)庫中的數(shù)據(jù)關(guān)聯(lián)起來，也就是綁定ICON字段的數(shù)據(jù)到圖片：

這樣就完成了頭像的綁定，OK，不要停，繼續(xù)綁定Name字段到頭像下面的"訪客昵稱"：

1)選中"訪客昵稱"四字后按(綁定)面板

2)從中選擇Name字段后單擊下面的"綁定"按鈕，

同理把Name字段綁定到"訪客發(fā)表于2003-9-27 4:04:49"中的"訪客"上、Date字段綁定到"訪客發(fā)表于2003-9-27 4:04:49"

中的時間日期上、Ctent綁定到"留言內(nèi)容“、Rply綁定到"回復(fù)內(nèi)容"，在"回復(fù)內(nèi)容"后打開代碼視圖在那里添加
換行，再綁

定Rate字段。

仔細看看，好象還有"主頁"、"信箱"和"QQ"未綁定數(shù)據(jù)。按照我們的計劃，這三組文字應(yīng)該都是帶鏈接的，而鏈接地址跟訪客輸入的相關(guān)資料綁定，其實這個跟綁定頭像的方法有點相似：

1)選中"主頁"，并單擊屬性面板中的"鏈接"文件夾按鈕,在彈出的"窗口"對話框中作設(shè)置后點"OK"，最后回到屬性面板中把目標(biāo)的值選為"_blank"，以在新窗口中打開訪客主頁

2)同理寫"信箱"的鏈接，稍有不同的是信箱的鏈接前面需要加上"mailto:"

3)做"QQ"的鏈接又跟前面的稍有不同，因為我們查看QQ用戶的資料地址是http://search.tencent.com/cgi-bin/friend/user_show_info?ln=******，所以我們要做的是把星號換成"QQ"字段的數(shù)據(jù)，

現(xiàn)在所有的數(shù)據(jù)都綁定完了，這樣的留言板永遠只會顯示一條留言記錄，所以我們還需要設(shè)定重復(fù)域和翻頁

1)光標(biāo)定位到頭像所在單元格內(nèi)，然后點選表格2中的，

2)按展開服務(wù)器行為面板，點擊"+”按鈕，在出現(xiàn)的下拉菜單中選擇"重復(fù)區(qū)域"，這里都用默認設(shè)置，所以直接點“OK”

3)選中表格2，然后點服務(wù)器行為"顯示區(qū)域"，點：如果記錄集不為空則顯示區(qū)域

這是為了在數(shù)據(jù)庫沒有記錄時不會出錯的，相信在上圖中大家也注意到了第一項的"如果記錄集為空則顯示區(qū)域"，這個可以設(shè)置當(dāng)數(shù)據(jù)庫無記錄時顯示的內(nèi)容。

數(shù)據(jù)記錄多了之后肯定不能都讓它們在一頁里顯示，所以我們還需要給顯示留言加上翻頁功能。選擇"首頁"，打開服務(wù)器行為面板，

單擊上面的"+"號，在下拉菜單中選擇"記錄集分頁－移至第一條記錄"，同理給"上頁"、"下頁"和"尾頁"加上翻頁功能，分別對應(yīng)的服務(wù)器行為為"移至前一條記錄"、"移至下一條記錄"和"移至最后一條記錄"，順便說一下，還有一個直接插入記錄集導(dǎo)航條，可以自己試試看跟我們剛才所做的有什么區(qū)別。最后記住也給導(dǎo)航條應(yīng)用"記錄集分頁"設(shè)置，沒有記錄的話翻頁就用不著了。

到現(xiàn)在我們的留言板首頁終完成了，可以測試一下，在IE中輸入"http://localhost/guestbook/index.asp"看看勞動成果......什么？什么也沒有？哈哈！！你的數(shù)據(jù)庫里沒數(shù)據(jù)啊，自己添上看看，怎么樣？成功了吧！

新建一個名為：insert.asp文件，在表單里選擇 表單圖標(biāo)新建一個表單， 再在常用里選擇表格圖標(biāo)，在表單里插入一個 ５行４列的表格，調(diào)節(jié)為下圖，并添上相應(yīng)的字，

添加表單域：姓名：在姓名對應(yīng)的表格里添加文本字段，在屬性面板上取名為name，這樣做是為了與數(shù)據(jù)庫的字段名字相對應(yīng)

信箱：在信箱對應(yīng)的表格里添加文本字段，在屬性面板上取名為Email，這樣做是為了與數(shù)據(jù)庫的字段名字相對應(yīng)

主頁：在主頁對應(yīng)的表格里添加文本字段，在屬性面板上取名為Hpage，這樣做是為了與數(shù)據(jù)庫的字段名字相對應(yīng)

QQ: 在QQ對應(yīng)的表格里添加文本字段，在屬性面板上取名為qq，這樣做是為了與數(shù)據(jù)庫的字段名字相對應(yīng)

頭像：在相對應(yīng)的單元格里分別插入用戶頭像圖片，然后添加對應(yīng)的單選按鈕命名為：tx

留言內(nèi)容：在留言內(nèi)容對應(yīng)的單元格里添加文本區(qū)域在屬性面板里為它改名為Ctent，全部添加完的表單域，

定義提交按鈕的服務(wù)器行為：選中的整個表格，打開服務(wù)器行為面板，單擊“+”按鈕選擇菜單下的插入記錄

設(shè)置表單域與數(shù)據(jù)庫字段名一一對應(yīng)，在表單元素里分別依次選中元素，在下面的列里選擇與數(shù)據(jù)庫相對應(yīng)的域

定義表單提交的錯誤檢查（行為面板）：簽寫留言時為了避免有錯誤信息的寫入，添加表單提交的錯誤檢查功能。打開設(shè)計面板下的行為面板，單擊"+"選擇檢查表單

添加留言頁就做到這里了，在留言頁里添加留言看看數(shù)據(jù)庫里有沒有記錄，顯示留言頁里有沒有留言，請大家多多練習(xí)。

管理頁index1.asp其實跟留言板首頁index.asp功能差不多，所以可以直接把index.asp另存為index1.asp，首先把進入管理改為退出管理，然后加上管理功能：刪除，編輯，回復(fù):

添加服務(wù)器行為：打開應(yīng)用程序下的服務(wù)器行為面板，單擊“+”按鈕選擇用戶身份驗證下的限制對頁的訪問：

限制對頁的訪問對話框設(shè)置。管理員在登陸時輸入正確的用戶名和密碼才能登陸到管理頁面，否則跳到login.asp管理員登陸頁面。

選中剛才添加的退出管理幾個文字，添加服務(wù)器行為，打開應(yīng)用程序下的服務(wù)器行為面板，單擊“+”按鈕選擇用戶身份驗證下的注銷用戶。這是為退出管理而添加的一個功能：

注銷用戶對框設(shè)置。管理員退出以后就直接跳轉(zhuǎn)到顯示留言頁面index.asp。

選中“編輯”這兩個文字，打開服務(wù)器行為面板，單擊“+”選擇轉(zhuǎn)到詳細信息頁，打開轉(zhuǎn)到詳細信息頁對話框，詳細信息頁選擇edit.asp，轉(zhuǎn)到詳細信息頁對話框設(shè)置：

傳遞URL參數(shù)為id，它是mdb數(shù)據(jù)庫里我們定義的ID字段類型是自動編號，自動編號在數(shù)據(jù)庫里是不會重復(fù)的，將來我們要編輯留言板中的某條留言的時候，這條留言信息的ID號就傳遞給了edit.asp頁面，edit.asp頁面就會顯示這條留言的信息讓我編輯了。（就是每發(fā)一個留言數(shù)據(jù)庫里就記一個id，編輯就是按發(fā)帖的id進行編輯的）

分別選中“回復(fù)”和“刪除”文字，依次打開服務(wù)器行為面板，單擊“ + ”選擇轉(zhuǎn)到詳細信息頁，打開轉(zhuǎn)到詳細信息頁的對話框，“回復(fù)”的詳細信息頁選擇huifu.asp ；“刪除”的詳細信息頁選擇delete.asp。轉(zhuǎn)到詳細信息頁對話框設(shè)置。

以上留言板管理部分的頁面全部做完了。

新建login.asp管理員登陸頁面，首先要插入一個表單，在表單內(nèi)插入表格，表格布局。

添加服務(wù)器行為：打開應(yīng)用程序下的服務(wù)器行為面板，單擊“+”按鈕選擇用戶身份驗證下的登錄用戶

用戶登錄設(shè)置：首先在使用鏈接驗證里選擇數(shù)據(jù)源（我們這里數(shù)據(jù)源名稱是 admin），然后在如果登陸成功，轉(zhuǎn)到后面的輸入框里輸入index1.asp（管理頁面），最后在如果登錄失敗，轉(zhuǎn)到后面的輸入框里輸入login.asp（就是登錄不成功就轉(zhuǎn)到管理員登錄頁面）

保存login.asp，然后打開站點文件夾下的data.mdb的數(shù)據(jù)庫，打開admin數(shù)據(jù)庫表，在Username字段下寫個用戶名（用戶名：學(xué)習(xí)來了）可以隨便寫，在pwd字段下寫個用戶密碼（用戶密碼：123456）可以隨便寫。

管理員登陸頁面就設(shè)計完了。

創(chuàng)建delete.asp刪除頁面，首先插入表單，在表單內(nèi)添加單元格與表單域。

在綁定面板里單擊“+”按鈕選擇記錄集，打開記錄集對話框，記錄集對話框設(shè)置

選中姓名對應(yīng)的文本字段，在屬性面板里改名為name，然后點擊按鈕，打開動態(tài)數(shù)據(jù)對話框，為姓名文本字段添加動態(tài)數(shù)據(jù)，選取記錄集中的name字段，動態(tài)數(shù)據(jù)對話框設(shè)置：

留言內(nèi)容動態(tài)數(shù)據(jù)綁定的方法與姓名綁定的方法相同，按照上面的方法一一對應(yīng)綁定即可

添加限制訪問頁行為：打開服務(wù)器行為面板，單擊“+”按鈕選擇用戶身份驗證下的限制對頁面的訪問，打開限制對頁的訪問對話框，限制對頁的訪問對話框設(shè)置，

頁面的服務(wù)器行為：打開服務(wù)器行為面板，單擊“+”選擇刪除記錄，打開刪除記錄對話框，刪除記錄對話框設(shè)置

刪除記錄頁做完了．

創(chuàng)建管理員回復(fù)功能頁面:創(chuàng)建huifu.asp回復(fù)頁面，首先插入表單，在表單內(nèi)添加表格與表單域，插入６行２列的表格：

設(shè)置如下:在屬性里添上紅字

綁定記錄集：在綁定面板單擊“+”按鈕，選擇添加記錄集

添加動態(tài)數(shù)據(jù)：姓名、EMAIL、留言內(nèi)容、回復(fù)內(nèi)容 ：選中姓名對應(yīng)的文本字段，在屬性面板里改名為name，然后點擊按鈕，打開動態(tài)數(shù)據(jù)對話框，為姓名文本字段添加動態(tài)數(shù)據(jù)，選取記錄集中的name字段，動態(tài)數(shù)據(jù)對話框設(shè)置：

其他內(nèi)容動態(tài)數(shù)據(jù)綁定的方法與姓名綁定的方法相同，按照上面的方法一一對應(yīng)綁定即可

添加限制訪問頁行為：打開服務(wù)器行為面板，單擊“+”按鈕選擇用戶身份驗證下的限制對頁面的訪問，打開限制對頁的訪問對話框，限制對頁的訪問對話框設(shè)置，

頁面的服務(wù)器行為：打開服務(wù)器行為面板，單擊“+”選擇更新記錄，打開更新記錄對話框，更新記錄對話框設(shè)置

回復(fù)頁就編輯完了。

編輯留言（更新記錄）頁面的建立：就是對留言不合理的地方進行編輯。

新建文件edit.asp編輯頁面，首先在插入面板添加一個表單，在表單內(nèi)添加表格與表單域，在屬性文本域里添上紅字。

在綁定面板里單擊“+”按鈕選擇記錄集，打開記錄集對話框，記錄集對話框設(shè)置：

添加動態(tài)數(shù)據(jù)：姓名、EMAIL、留言內(nèi)容、回復(fù)內(nèi)容 ：選中姓名對應(yīng)的文本字段，在屬性面板里改名為name，然后點擊按鈕，打開動態(tài)數(shù)據(jù)對話框，為姓名文本字段添加動態(tài)數(shù)據(jù)，選取記錄集中的name字段，動態(tài)數(shù)據(jù)對話框設(shè)置：

OICQ、信箱、個人主頁、留言內(nèi)容動態(tài)數(shù)據(jù)綁定的方法與姓名綁定的方法相同，按照上面的方法一一對應(yīng)綁定即可

添加限制訪問頁行為：打開服務(wù)器行為面板，單擊“+”按鈕選擇用戶身份驗證下的限制對頁面的訪問，打開限制對頁的訪問對話框，限制對頁的訪問對話框設(shè)置，

頁面的服務(wù)器行為：打開服務(wù)器行為面板，單擊“+”選擇更新記錄，打開更新記錄對話框，更新記錄對話框設(shè)置

留言板管理部分的頁面全部做完了，整個留言板系統(tǒng)全部做好了，用DreamweaverMX做的這個留言板系統(tǒng)，結(jié)合了前,后臺設(shè)計環(huán)境，采用了ASP VBScript服務(wù)器端腳本技術(shù)，功能豐富，充滿個性，尤其是不用你編寫一句程序代碼就能實現(xiàn)動態(tài)交互功能，使不懂代碼的網(wǎng)友也能學(xué)會做ASP的留言版了。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com