1、1,四川烹專 信息技術(shù)系 黃康繼,制作網(wǎng)絡(luò)留言板,2,創(chuàng)建Access數(shù)據(jù)庫(kù),打開(kāi)Access 2003后單擊“新建”按鈕，在右邊窗格中選擇“空數(shù)據(jù)庫(kù)”，在彈出的對(duì)話框中將數(shù)據(jù)庫(kù)名字設(shè)置為“message”，并保存在站點(diǎn)的data文件夾中。 保存好數(shù)據(jù)庫(kù)后將彈出對(duì)話框，在其中雙擊“使用設(shè)計(jì)器創(chuàng)建表” ，從其彈出對(duì)話框中設(shè)置數(shù)據(jù)庫(kù)的字段。,3,數(shù)據(jù)庫(kù)字段的設(shè)置,打開(kāi)的對(duì)話框分為兩個(gè)部分：上半部分為表設(shè)計(jì)器，下半部分用來(lái)定義表中字段的屬性（數(shù)據(jù)庫(kù)的字段名最好不要用中文，盡量使用易記的字母）。這里設(shè)置id（序號(hào)）、author（姓名）、subject（主題）、 datetime（日期時(shí)間）、emai

2、l（郵箱地址）和content（內(nèi)容）。,4,設(shè)置主鍵,在第一行的 “字段名稱” 中輸入“id”，“數(shù)據(jù)類型”中選擇“自動(dòng)編號(hào)”。然后指著第一行單擊右鍵，在彈出菜單中選擇“主鍵”（旁邊就出現(xiàn)一個(gè)鑰匙圖標(biāo)） 若要取消主鍵，只需再單擊鼠標(biāo)右鍵，選擇菜單中的“主鍵”，這時(shí)字段前面的鑰匙圖標(biāo)即會(huì)消失。,5,數(shù)據(jù)類型的選擇,在表中，“姓名、標(biāo)題、郵箱地址”的數(shù)據(jù)類型均為“文本”，因一般都不會(huì)超過(guò)50個(gè)字符，所以采用系統(tǒng)默認(rèn)的50。 “內(nèi)容”的數(shù)據(jù)類型設(shè)為“備注”。 “留言時(shí)間”的數(shù)據(jù)類型為“日期/時(shí)間”，在默認(rèn)值一欄的右邊輸入“=Now()”即可在添加數(shù)據(jù)時(shí)，數(shù)據(jù)庫(kù)系統(tǒng)自動(dòng)以服務(wù)器當(dāng)前時(shí)間作為字段的值。

3、,6,message表結(jié)構(gòu),7,保存設(shè)置,設(shè)置好各字段后單擊“保存”按鈕，將彈出 “另存為”對(duì)話框，在對(duì)話框中將表命名為“message”，最后點(diǎn)“確定”（若在前面未設(shè)置主鍵，此時(shí)會(huì)彈出對(duì)話框提示）。 設(shè)置好后，在“對(duì)象”的“表”里就會(huì)出現(xiàn)一個(gè)名為“message”的表，雙擊即可打開(kāi)此表，接下來(lái)可在表中輸入一些原始數(shù)據(jù)。,8,創(chuàng)建數(shù)據(jù)表admin,按照同樣的方法在message中創(chuàng)建第二張表：admin（存放管理員帳號(hào)和密碼）。 在admin表中設(shè)置3個(gè)字段： id（管理員編號(hào)類型為自動(dòng)編號(hào)） admin（帳號(hào)類型為文本） password（密碼類型為文本）,9,admin表結(jié)構(gòu),10,數(shù)據(jù)表

4、admin中添加記錄,11,選擇數(shù)據(jù)源,打開(kāi)控制面板，點(diǎn)擊“管理工具”，選擇其中的“數(shù)據(jù)源”，隨即打開(kāi)“ODBC數(shù)據(jù)源管理器”。選擇其中的“系統(tǒng)DSN” 項(xiàng)，然后單擊右邊的“添加”按鈕，則打開(kāi)“創(chuàng)建新數(shù)據(jù)源”對(duì)話框，選擇其中的“Microsoft Access Drive （*.mdb）”，單擊“完成”后將彈出“ODBC Microsoft Access安裝”對(duì)話框，點(diǎn)擊“選擇”按鈕選擇已有的數(shù)據(jù)庫(kù)，并在“數(shù)據(jù)源名”右邊文本框中輸入“dsn”即可。,12,Dw中定義動(dòng)態(tài)站點(diǎn),開(kāi)啟Dreamweaver后選擇“高級(jí)”模式： “本地信息”的“站點(diǎn)名稱”中輸入：lyb “測(cè)試服務(wù)器”的“服務(wù)器模型”

5、中選擇：ASP VBScript “訪問(wèn)”一欄中選擇：本地/網(wǎng)絡(luò) “測(cè)試服務(wù)器文件夾”選擇：E:lyb 其他選項(xiàng)保持默認(rèn)值 最后單擊“確定”完成站點(diǎn)定義。,13,建立數(shù)據(jù)源連接,在站點(diǎn)中新建一空白網(wǎng)頁(yè)文件list.asp，并雙擊打開(kāi)它。 在右邊面板中點(diǎn)開(kāi)數(shù)據(jù)庫(kù)窗格，單擊“+”按鈕，在其下拉列表中選擇“數(shù)據(jù)源名稱（DSN）”，在彈出對(duì)話框的 “連接名稱”中輸入“coon”，在 “數(shù)據(jù)源名稱（DSN）”的下拉中選擇“dsn”。 在“Dreamweaver 應(yīng)連接”的選項(xiàng)中選擇“使用本地DSN”。,14,數(shù)據(jù)源的測(cè)試,設(shè)置完成后可單擊右邊的“測(cè)試”按鈕，如果成功將彈出“成功創(chuàng)建連接腳本” 信息框，單

6、擊“確定”完成。 此時(shí)在數(shù)據(jù)庫(kù)管理窗口中會(huì)出現(xiàn)名為“coon”的連接 接下來(lái)還得在網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)間建立一座橋梁“記錄集”,15,創(chuàng)建記錄集,在“應(yīng)用程序”面板中選擇“綁定”標(biāo)簽，單擊添加按鈕后在下拉列表中選擇“記錄集”（“簡(jiǎn)單”界面），然后在“連接”一欄中選擇“coon”，“名稱”框中輸入“rs”。在“列”的單選按鈕中選擇“選定的”項(xiàng)，然后從字段列表中選擇id、subject、 author、datetime，在“排序”欄中選擇“datetime”并按“降序”排列。最后單擊“測(cè)試”按鈕，如果成功將彈出一個(gè)數(shù)據(jù)表。 單擊面板中的“+”可將數(shù)據(jù)集展開(kāi)。,16,顯示數(shù)據(jù)記錄,在list.asp頁(yè)面中插

7、入一個(gè)2行3列、寬為600像素的表格，并在第一行的各個(gè)單元格中分別輸入：主題、留言者、發(fā)表時(shí)間。 將“綁定”窗口中的三個(gè)字段用左鍵拖到與它們對(duì)應(yīng)表格的第二行單元格中。 在表格的下面輸入“現(xiàn)在顯示的是第 -第 條記錄，共有 條記錄” ，并將“綁定”窗口的后三個(gè)字段分別拖到上面的三個(gè)空格中。,17,多個(gè)數(shù)據(jù)記錄顯示,按下F12只能預(yù)覽到數(shù)據(jù)庫(kù)中的第一組數(shù)據(jù)。要顯示多組數(shù)據(jù)，可在頁(yè)面的表格中將第二行選中，然后單擊“服務(wù)器行為”中的“+”按鈕，在下拉列表中選擇“重復(fù)區(qū)域”，最后在彈出對(duì)話框的“顯示”中選擇“所有記錄”（也可自定義顯示記錄數(shù)，此處輸入5），設(shè)置完成后可在第二行的左上角看到 “重復(fù)”兩個(gè)字

8、樣。,18,分頁(yè)顯示數(shù)據(jù)記錄,當(dāng)數(shù)據(jù)庫(kù)中的記錄較多時(shí)，可使用分頁(yè)顯示中的記錄集導(dǎo)航條： 選擇“插入數(shù)據(jù)對(duì)象記錄集分頁(yè)記錄集導(dǎo)航條”命令，彈出的對(duì)話框中可將“顯示方式”設(shè)為“文本”（文字形式）或“圖像”（按鈕形式）。 單擊“確定”后可在頁(yè)面中看到一個(gè)表格，里面有“第一頁(yè)、前一頁(yè)、下一頁(yè)、最后一頁(yè)”按鈕（或是相應(yīng)的小三角形按鈕）。,19,顯示完整的記錄-1,從顯示的字段中選擇一項(xiàng)作為查詢相對(duì)應(yīng)的完整記錄的關(guān)鍵值，當(dāng)瀏覽者選擇此字段時(shí)就會(huì)自動(dòng)鏈接到一個(gè)頁(yè)面來(lái)顯示其完整的數(shù)據(jù)記錄。 創(chuàng)建一新頁(yè)面，命名為“show.asp”，并為它綁定記錄集rs（“列”中選擇“全部”，“篩選”下拉菜單中選擇“id”）。

9、 插入一個(gè)5行2列的表格，并在第一列單元格中分別輸入“留言主題、留言者、留言日期、聯(lián)系信箱、內(nèi)容”等名稱。,20,顯示完整的記錄-2,將記錄集中的字段分別拖到表格的對(duì)應(yīng)單元格中。 回到list.asp頁(yè)面，選中 rs.subject字段，在“服務(wù)器行為”中選擇“轉(zhuǎn)到詳細(xì)頁(yè)面”，彈出對(duì)話框中“詳細(xì)信息頁(yè)”瀏覽到“show.asp”，“傳遞URL參數(shù)”框中輸入“id”，“列”右邊文本框中選擇“id”，其它按默認(rèn)值。 按F12在瀏覽器中預(yù)覽list.asp，可看到所有的“subject”值都被加上了鏈接，點(diǎn)擊其中任一個(gè)都將打開(kāi)相應(yīng)頁(yè)面。,21,添加記錄頁(yè)的制作-1,新建insert.asp頁(yè)面，插入

10、一個(gè)表單，在其中繪制一個(gè)4行2列的表格，左列中輸入名稱字符（留言主題、留言者、聯(lián)系信箱、留言內(nèi)容），右列中插入表單對(duì)象（命名與域相應(yīng)字段名相同，則表單中的內(nèi)容添加到數(shù)據(jù)表中時(shí)會(huì)自動(dòng)配對(duì)）。 表格下面添加“提交”與“重置”按鈕后，選定前者設(shè)置一個(gè)驗(yàn)證表單的動(dòng)作（行為列表中選擇“檢查表單”），設(shè)置subject和author文本域的驗(yàn)證條件“值”為“必需的”（必填），“可接受”為“任何東西”。,22,添加記錄頁(yè)的制作-2,設(shè)置email文本域的驗(yàn)證條件 “可接受”為“電子郵件地址”，表示必須輸入郵箱地址。 單擊“確定”后在行為面板中設(shè)置動(dòng)作的觸發(fā)事件為“onClick”（單擊按鈕后）。 打開(kāi)“服務(wù)

11、器行為”面板，單擊添加“插入記錄”后彈出相應(yīng)對(duì)話框，在其中的“連接”下拉中選擇“coon”，在“插入到表格”下拉中選擇“message”，在“插入后，轉(zhuǎn)到”文本框中設(shè)置跳轉(zhuǎn)到“l(fā)ist.asp”頁(yè)。,23,后臺(tái)管理登錄頁(yè)面,新建admin.asp頁(yè)面，綁定記錄集rsa，頁(yè)面中插入一個(gè)表單后再插入一個(gè)3行2列的表格，輸入名稱（用戶、密碼）并插入兩個(gè)文本字段和兩個(gè)按鈕。 在“服務(wù)器行為”中選擇“用戶身份驗(yàn)證”添加“登錄用戶”行為，在彈出對(duì)話框的 “使用連接驗(yàn)證”下拉中選擇“coon”，“表格”下拉中選擇“admin”，“用戶名列”下拉菜單中選擇“admin”， “密碼列”下拉中選擇“passwor

12、d”，“如果登錄成功，轉(zhuǎn)到”del.asp，“如果登錄失敗，轉(zhuǎn)到”admin.asp。,24,制作刪除記錄頁(yè)面,將list.asp另存為del.asp后進(jìn)行修改。 在頁(yè)面的上端輸入“單擊選擇要?jiǎng)h除的留言，進(jìn)入刪除頁(yè)面”。 雙擊“服務(wù)器行為”面板中的“轉(zhuǎn)到詳細(xì)頁(yè)面”行為，在彈出對(duì)話框的“詳細(xì)信息頁(yè)”中輸入要轉(zhuǎn)到的新頁(yè)面delok.asp,25,刪除成功頁(yè)面制作-1,新建一動(dòng)態(tài)頁(yè)面delok.asp，插入一個(gè)表單后將show.asp頁(yè)面的表格復(fù)制到其中。 在“綁定”面板中添加“記錄集”，彈出對(duì)話框的“名稱”中輸入“rs”，“連接”下拉中選擇“coon”，“表格”下拉中選擇“message”，“列”

13、選項(xiàng)組中選擇“全部”， “篩選”欄中設(shè)置記錄集的過(guò)濾條件為“id、=、URL 參數(shù)、id”。,26,刪除成功頁(yè)面制作-2,在表格下面插入一個(gè)按鈕，并將按鈕表面文字設(shè)置為“刪除”。 “服務(wù)器行為”面板中添加“刪除記錄”行為彈出對(duì)話框的“連接”下拉中選擇“coon”，“從表格中刪除”下拉中選擇“message”，“刪除后，轉(zhuǎn)到”文本框中輸入“index.html”。,27,制作留言板首頁(yè),新建index.html頁(yè)面，輸入網(wǎng)頁(yè)標(biāo)題，插入一個(gè)2行3列、寬度為600像素的表格，將第一行3個(gè)單元格合并后插入相應(yīng)的圖像。 選擇首頁(yè)表格的第2行，設(shè)置文字居中，三個(gè)單元格中依次輸入“我要留言”、“查看留言”、“后臺(tái)管理”，并分別為三段文本設(shè)置相應(yīng)的鏈接（“我要留言”鏈接到insert.asp；“查看留言”鏈接到list.asp；“后臺(tái)管理”鏈接到