第一篇:學(xué)用DW做ASP實(shí)例—留言板
動(dòng)態(tài)數(shù)據(jù)庫(kù)網(wǎng)頁(yè) 本講要點(diǎn)
1、配置動(dòng)態(tài)服務(wù)器IIS
2、建立動(dòng)態(tài)站點(diǎn)
3、創(chuàng)建動(dòng)態(tài)頁(yè)面
4、創(chuàng)建數(shù)據(jù)庫(kù)鏈接
5、制作表單文檔
一、動(dòng)態(tài)站點(diǎn)概述 何為動(dòng)態(tài) 一種具有“交互性”的頁(yè)面效果即網(wǎng)頁(yè)會(huì)根據(jù)用戶的要求和選擇而動(dòng)態(tài)改變和響應(yīng)。制作動(dòng)態(tài)網(wǎng)頁(yè)需要做的工作有 第一要在個(gè)人電腦上調(diào)試動(dòng)態(tài)網(wǎng)頁(yè)。第二使用數(shù)據(jù)庫(kù)技術(shù)。第三在Dreamweaver中建立動(dòng)態(tài)站點(diǎn)。
二、配置IIS服務(wù)器 1安裝IIS服務(wù)器 2設(shè)置IIS 3測(cè)試ASP動(dòng)態(tài)網(wǎng)頁(yè) 1安裝IIS服務(wù)器 1執(zhí)行【開始】【控制面板】命令打開【控制面板】。2雙擊【添加或刪除程序】圖標(biāo)打開【添加或刪除程序】窗口。3單擊【添加/刪除Windows組件】打開【W(wǎng)indows組件向?qū)А繉?duì)話框。4選擇【Internet信息服務(wù)IIS】復(fù)選項(xiàng)。5單擊【下一步】按鈕開始安裝IIS服務(wù)器。安裝完成后的窗口如下圖所示。2設(shè)置IIS 首先在D盤下面建立一個(gè)“l(fā)iuyanban”的文件夾用來(lái)存放留言板動(dòng)態(tài)頁(yè)面文件。其次通過以下的步驟來(lái)設(shè)置站點(diǎn)虛擬目錄 1從【控制面板】窗口打開【管理工具】在打開的【管理工具】窗口中選擇【Internet信息服務(wù)快捷方式】。2設(shè)置IIS 2雙擊【Internet信息服務(wù)快捷方式】選項(xiàng)在彈出的【Internet信息服務(wù)】窗口左邊窗格中右擊【默認(rèn)網(wǎng)站】項(xiàng)在彈出的菜單中執(zhí)行【新建】【虛擬目錄】命令彈出【虛擬目錄創(chuàng)建向?qū)А看翱谌缬覉D所示。2設(shè)置IIS 3單擊【下一步】按鈕繼續(xù)。如左圖所示在【別名】下面的文本框中輸入“l(fā)iuyanban”。單擊【下一步】按鈕繼續(xù)。如右圖所示在【目錄】下邊的文本框中輸入“D:liuyanban”或者單擊【瀏覽】按鈕找到D盤的“l(fā)iuyanban”文件夾。3測(cè)試ASP動(dòng)態(tài)網(wǎng)頁(yè) 在【Internet信息服務(wù)】窗口右邊的窗格中找到建立的ASP動(dòng)態(tài)頁(yè)面右鍵單擊后在彈出的快捷菜單中選擇【瀏覽】項(xiàng)即可如圖8-15所示。
三、創(chuàng)建留言板主頁(yè)面
1、建立動(dòng)態(tài)站點(diǎn)
2、創(chuàng)建留言板頁(yè)面 建立動(dòng)態(tài)站點(diǎn) 1定義站點(diǎn)。建立動(dòng)態(tài)站點(diǎn) 2選擇服務(wù)器技術(shù)。建立動(dòng)態(tài)站點(diǎn) 3選擇存放的本地文件夾。建立動(dòng)態(tài)站點(diǎn) 4設(shè)置本機(jī)測(cè)試的URL。建立動(dòng)態(tài)站點(diǎn) 5單擊【下一步】按鈕繼續(xù)進(jìn)行設(shè)置。由于是在本機(jī)測(cè)試并不需要遠(yuǎn)程服務(wù)器參與所以選擇【否】項(xiàng)。建立動(dòng)態(tài)站點(diǎn) 6單擊【下一步】按鈕繼續(xù)。窗口顯示了所填寫的信息確認(rèn)一下。如果發(fā)現(xiàn)有錯(cuò)可以單擊【上一步】按鈕返回修改設(shè)置確認(rèn)無(wú)誤后就可以單擊【完成】按鈕。這時(shí)動(dòng)態(tài)站點(diǎn)就定義完成了現(xiàn)在可以在DW中進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)了。創(chuàng)建留言板頁(yè)面 1創(chuàng)建留言板主頁(yè)面ASP文檔。2用表格布局留言板主頁(yè)面。3在表格中插入一些顯示元素。
四、用Access創(chuàng)建數(shù)據(jù)庫(kù) 1創(chuàng)建空數(shù)據(jù)庫(kù)文檔 2創(chuàng)建留言板用戶信息表 3創(chuàng)建管理員信息數(shù)據(jù)表 1創(chuàng)建空數(shù)據(jù)庫(kù)文檔 1新建一個(gè)名為data的文件夾然后將空數(shù)據(jù)庫(kù)文件保存在data文件夾下文件名為liuyanban_data.mdb。1創(chuàng)建空數(shù)據(jù)庫(kù)文檔 2單擊【創(chuàng)建】按鈕創(chuàng)建一個(gè)名為liuyanban_data的數(shù)據(jù)庫(kù)文件同時(shí)出現(xiàn)一個(gè)相應(yīng)的數(shù)據(jù)庫(kù)設(shè)計(jì)窗口如圖所示。1創(chuàng)建空數(shù)據(jù)庫(kù)文檔 3雙擊【使用設(shè)計(jì)器創(chuàng)建表】命令彈出一個(gè)表設(shè)計(jì)器窗口如圖所示。表的結(jié)構(gòu)設(shè)計(jì)將在其中完成。2創(chuàng)建留言板用戶信息表 1創(chuàng)建字段域。最后的結(jié)果如圖所示。2創(chuàng)建留言板用戶信息表 2設(shè)置用戶信息數(shù)據(jù)表的主鍵字段。3設(shè)置字段屬性。用戶信息數(shù)據(jù)表設(shè)計(jì)完成以后關(guān)閉表設(shè)計(jì)器窗口可以看到數(shù)據(jù)庫(kù)設(shè)計(jì)窗口中多了一個(gè)名字為yonghu的數(shù)據(jù)表如下圖所示。3創(chuàng)建管理員信息數(shù)據(jù)表 創(chuàng)建一個(gè)用來(lái)存儲(chǔ)和管理留言板管理員的信息的數(shù)據(jù)表名字為_guest創(chuàng)建結(jié)果如下圖所示。最終的數(shù)據(jù)庫(kù)設(shè)計(jì)窗口如下圖所示。
五、留言板的逐步實(shí)現(xiàn)
1、創(chuàng)建數(shù)據(jù)庫(kù)鏈接
2、留言板主頁(yè)面的動(dòng)態(tài)效果
3、創(chuàng)建用戶留言頁(yè)面
4、在留言板主頁(yè)面實(shí)現(xiàn)留言記錄導(dǎo)航
一、創(chuàng)建數(shù)據(jù)庫(kù)鏈接 1定義系統(tǒng)DSN 數(shù)據(jù)源名稱 2通過DSN實(shí)現(xiàn)連接 1定義系統(tǒng)DSN 數(shù)據(jù)源名稱 1打開【控制面板】雙擊其中的【管理工具】圖標(biāo)在轉(zhuǎn)換到的【管理工具】窗口中可以看到一個(gè)【數(shù)據(jù)源ODBC】圖標(biāo)。2雙擊【數(shù)據(jù)源ODBC】圖標(biāo)打開【ODBC數(shù)據(jù)源管理器】對(duì)話框切換到【系統(tǒng)DSN】選項(xiàng)卡如圖所示。1定義系統(tǒng)DSN 數(shù)據(jù)源名稱 3添加一個(gè)新的系統(tǒng)DSN名稱。單擊【添加】按鈕彈出【創(chuàng)建新數(shù)據(jù)源】對(duì)話框在其中選擇“Driver do Microsoft Access.mdb”項(xiàng)如圖所示。1定義系統(tǒng)DSN 數(shù)據(jù)源名稱 4單擊【完成】按鈕以后彈出【ODBC Microsoft Access安裝】對(duì)話框在其中定義數(shù)據(jù)源名并選取數(shù)據(jù)庫(kù)文件。設(shè)置后如右圖所示。1定義系統(tǒng)DSN 數(shù)據(jù)源名稱 5單擊【確定】按鈕完成數(shù)據(jù)庫(kù)的選擇這時(shí)的【ODBC Microsoft Access安裝】對(duì)話框如下圖所示。6經(jīng)過上面步驟的操作以后在上圖所示的對(duì)話框中就會(huì)顯示一個(gè)新定義的數(shù)據(jù)源名稱。2通過DSN實(shí)現(xiàn)連接 打開留言板站點(diǎn)的主頁(yè)面文檔main.asp。在【應(yīng)用程序】面板中的【數(shù)據(jù)庫(kù)】面板下單擊加號(hào)按鈕在彈出的下拉菜單中單擊【數(shù)據(jù)源名稱】項(xiàng)如圖所示。2通過DSN實(shí)現(xiàn)連接 在【數(shù)據(jù)源名稱】對(duì)話框的【連接名稱】文本框中輸入數(shù)據(jù)源連接名稱在【數(shù)據(jù)源名稱】下拉列表中選擇名字為“l(fā)iuyanban”的DSN其他參數(shù)保持默認(rèn)值如圖所示。2通過DSN實(shí)現(xiàn)連接 單擊【確定】以后【數(shù)據(jù)庫(kù)】面板就會(huì)出現(xiàn)新定義的連接名稱單擊它前面的加號(hào)按鈕展開可以看到留言板數(shù)據(jù)庫(kù)中的兩個(gè)表如圖所示。這時(shí)就完成數(shù)據(jù)庫(kù)和留言板站點(diǎn)的連接了連接名是liuyb。
二、留言板主頁(yè)面的動(dòng)態(tài)效果 1在【綁定】面板中定義記錄集 2將記錄集中數(shù)據(jù)綁定到表格域 1在【綁定】面板中定義記錄集 在Dreamweaver中打開留言板站點(diǎn)主頁(yè)面main.asp。打開【綁定】面板單擊加號(hào)按鈕在彈出的下拉菜單中執(zhí)行【記錄集查詢】命令如圖所示。1在【綁定】面板中定義記錄集 在彈出的【記錄集】對(duì)話框中定義記錄集【名稱】為i、選擇數(shù)據(jù)庫(kù)【連接】名為liuyb、選擇數(shù)據(jù)庫(kù)中的【表格】為yonghu、選擇表中的字段域、定義記錄排序的方法等如圖所示。1在【綁定】面板中定義記錄集 按照前面的步驟操作完成以后在【綁定】面板中就會(huì)出現(xiàn)新定義的記錄集單擊它前面的加號(hào)按鈕可以展開記錄集如圖所示。2將記錄集中數(shù)據(jù)綁定到表格域 1重新編輯留言板主頁(yè)面。對(duì)留言板主頁(yè)面main.asp中的表格重新編輯并刪除單元格中的一些文字和圖片如圖所示。2將記錄集中數(shù)據(jù)綁定到表格域 2將記錄集中的數(shù)據(jù)域字段綁定到表格相應(yīng)的單元格中。打開【綁定】面板展開記錄集。用鼠標(biāo)將記錄集中的y_name字段拖放到頁(yè)面表格的左上角中用同樣的方法將其他數(shù)據(jù)域字段拖動(dòng)到相應(yīng)的單元格中結(jié)果如圖所示。
三、創(chuàng)建用戶留言頁(yè)面 1添加表單并布局表格 2添加表單域 3定義提交按鈕的服務(wù)器行為 4在【行為】面板定義表單提交的錯(cuò)誤檢查 1添加表單并布局表格 新建一個(gè)動(dòng)態(tài)頁(yè)面并將其保存為“write.asp”它就是用戶留言頁(yè)面。在【表單】工具欄中單擊【表單】按鈕插入一個(gè)表單。然后在表單中插入一個(gè)表格表格布局如圖所示。2添加表單域 1添加“姓名”文本字段。通過【表單】工具欄中的【文本字段】按鈕完成在單元格中添加一個(gè)“文本字段”表單域。在【屬性】面板中【文本域】下面的文本框中定義這個(gè)文本字段的名字為name如圖所示。2添加表單域 2添加OICQ、E-mail、個(gè)人主頁(yè)文本字段。OICQ、E-mail、個(gè)人主頁(yè)表單域的添加方法同上均為文本字段在【屬性】面板中各個(gè)文本字段的命名情況是 OICQ文本字段oicq E-mail文本字段mail 個(gè)人主頁(yè)文本字段homepage。2添加表單域 3添加“性別”單選按鈕表單域性別“男”的單選按鈕屬性設(shè)置如圖所示。2添加表單域 同樣的方法再設(shè)置一個(gè)性別“女”的單選按鈕。完成后的頁(yè)面效果如下圖所示。2添加表單域 4添加“選擇頭像”表單域。因?yàn)椤斑x擇頭像”右邊的單元格中要有若干備選的頭像圖片所以我們應(yīng)該事先制作或者搜集一些卡通頭像圖片。復(fù)制以后的【文件】面板情況如圖所示。2添加表單域 將光標(biāo)定位在“選擇頭像”右邊的單元格中分兩行插入8個(gè)頭像圖片。在每幅圖片的右邊添加一個(gè)單選按鈕。名字統(tǒng)一定義為tx第一個(gè)單選按鈕的【初始狀態(tài)】選擇為【已勾選】其他的單選按鈕為【未選中】每個(gè)單選按鈕【選定值】屬性的設(shè)置稍微麻煩一些。2添加表單域 以第1個(gè)單選按鈕為例先選中這個(gè)單選按鈕前面對(duì)應(yīng)的頭像圖片在【屬性】面板中復(fù)制這個(gè)圖片【源文件】地址如圖所示。2添加表單域 再選中與頭像對(duì)應(yīng)的單選按鈕在【屬性】面板的【選定值】處粘貼剛才復(fù)制的頭像圖片源文件地址如圖所示。2添加表單域 其他7個(gè)單選按鈕的【選定值】屬性都按照同樣的方法進(jìn)行設(shè)置。最后編輯頁(yè)面效果如圖所示。2添加表單域 5添加“留言內(nèi)容”文本區(qū)域。效果如圖8-60所示。2添加表單域 6添加提交和重置按鈕。完成以后的頁(yè)面效果如圖所示。2添加表單域 7添加隱藏區(qū)域。將光標(biāo)定位在“提交”按鈕的左邊單擊【表單】工具欄中的【隱藏域】按鈕在【屬性】面板中定義它的名字為ip在【值】文本框中輸入代碼 3定義提交按鈕的服務(wù)器行為 打開【綁定】面板單擊加號(hào)按鈕執(zhí)行【記錄集查詢】命令并按照?qǐng)D示介紹的方法綁定【記錄集】。選中整個(gè)表格打開【服務(wù)器行為】面板單擊加號(hào)按鈕選擇【插入記錄】命令。在【插入記錄】對(duì)話框中設(shè)置表單域與數(shù)據(jù)庫(kù)字段名一一對(duì)應(yīng)在【表單元素】中依次選中元素在下面的【列】中選擇與數(shù)據(jù)庫(kù)相對(duì)應(yīng)的域。4在【行為】面板定義表單提交的錯(cuò)誤檢查 選中【提交】按鈕打開【行為】面板單擊加號(hào)按鈕在彈出的菜單中選擇【檢查表單】命令。設(shè)置表單域和檢查事件name選擇【必需的】ociq選擇【數(shù)字】mail選擇選擇【必需的】【電子郵件地址】homepage不選liuyan選擇【必需的】如圖所示。最后單擊【確定】按鈕事件為onClick。四在留言板主頁(yè)面實(shí)現(xiàn)留言記錄導(dǎo)航 1實(shí)現(xiàn)留言記錄導(dǎo)航 2留言內(nèi)容顯示問題的解決 1實(shí)現(xiàn)留言記錄導(dǎo)航 在main.asp頁(yè)面實(shí)現(xiàn)留言記錄導(dǎo)航主要包括控制一頁(yè)顯示留言數(shù)和翻頁(yè)按鈕上一頁(yè)、下一頁(yè)、最前一頁(yè)、最后一頁(yè)。這個(gè)功能主要使用【應(yīng)用程序】工具欄來(lái)完成。將工具欄切換到【應(yīng)用程序】工具欄后得應(yīng)用程序按鈕如圖所示。1實(shí)現(xiàn)留言記錄導(dǎo)航 這里主要應(yīng)用【記錄集分頁(yè)】按鈕和【記錄集導(dǎo)航狀態(tài)】按鈕。單擊【記錄集分頁(yè)】按鈕彈出如右上圖所示的下拉列表框 單擊【記錄集導(dǎo)航狀態(tài)】按鈕彈出如右下圖所示的對(duì)話框。1實(shí)現(xiàn)留言記錄導(dǎo)航 下面為留言板主頁(yè)面添加記錄導(dǎo)航功能 1將光標(biāo)定位在編輯頁(yè)面的下邊單擊【記錄集導(dǎo)航狀態(tài)】按鈕彈出【記錄集導(dǎo)航狀態(tài)】對(duì)話框單擊【確定】按鈕后頁(yè)面如圖所示。1實(shí)現(xiàn)留言記錄導(dǎo)航 2再回車另起一行單擊【記錄集分頁(yè)】按鈕彈出【記錄集導(dǎo)航條】對(duì)話框如下圖所示。單擊【確定】按鈕記錄導(dǎo)航條將以文字方式顯示。1實(shí)現(xiàn)留言記錄導(dǎo)航 這樣就完成了顯示留言數(shù)量和翻頁(yè)的按鈕如圖所示。2留言內(nèi)容顯示問題的解決 需要解決的問題 防止留言內(nèi)容支持html代碼 防止留言很長(zhǎng)時(shí)main.asp頁(yè)面上的表格被自動(dòng)撐大文字不會(huì)自動(dòng)換行 用如下的操作解決上述問題 2留言內(nèi)容顯示問題的解決 1將原來(lái)綁定到留言內(nèi)容單元格中的記錄集字段刪除然后在這個(gè)單元格中添加【文本區(qū)域】表單域添加好后的文本區(qū)域如圖所示。2留言內(nèi)容顯示問題的解決 2選中剛才添加的文本區(qū)域在【屬性】面板中設(shè)置【字符寬度】為66【行數(shù)】為5然后單擊【綁定到動(dòng)態(tài)源】按鈕如圖所示。2留言內(nèi)容顯示問題的解決 3單擊【綁定到動(dòng)態(tài)源】按鈕以后會(huì)彈出【動(dòng)態(tài)數(shù)據(jù)】對(duì)話框在其中的【域】中選擇記錄集中的y_liuyan單擊【確定】按鈕。這樣就將y_liuyan字段綁定到留言內(nèi)容文本區(qū)域了如圖所示。2留言內(nèi)容顯示問題的解決 經(jīng)過以上操作以后再次測(cè)試留言效果時(shí)會(huì)發(fā)現(xiàn) 留言內(nèi)容能自動(dòng)換行了 而且不支持html代碼。通過前面制作留言板站點(diǎn)已經(jīng)初步實(shí)現(xiàn)了一些站點(diǎn)功能 用戶可以通過留言頁(yè)面填寫和提交用戶信息和留言內(nèi)容 在留言板主頁(yè)面可以顯示用戶留言信息 可以顯示留言數(shù)以及實(shí)現(xiàn)了導(dǎo)航翻頁(yè)功能。
第二篇:ASP課程設(shè)計(jì)簡(jiǎn)單留言板
ASP.NET課程設(shè)計(jì)說(shuō)明書
專
業(yè): 計(jì)算機(jī)科學(xué)與技術(shù)
班
級(jí): 0801 學(xué)
號(hào): 0812030111 學(xué)生姓名: 歐陽(yáng)鋒 指導(dǎo)教師: 言天舒
湖南工業(yè)大學(xué)科技學(xué)院教務(wù)部 制
第三篇:編寫一個(gè)簡(jiǎn)單的ASP留言板
編寫一個(gè)簡(jiǎn)單的ASP留言板
一、建立文件!
最簡(jiǎn)單的論壇也要有幾個(gè)必要的文件,就是:
1、數(shù)據(jù)庫(kù),用來(lái)儲(chǔ)存發(fā)表的帖子!-------命名為:bbs.mdb
2、有數(shù)據(jù)庫(kù)就必須連接數(shù)據(jù)庫(kù),該文件用來(lái)連接數(shù)據(jù)庫(kù):----命名為:conn.asp
3、發(fā)表帖子的文件----命名為:say.asp
4、保存發(fā)表帖子內(nèi)容的文件-----命名為:save.asp
5、顯示帖子標(biāo)題的文件------命名為:index.asp
6、顯示帖子內(nèi)容的文件,即點(diǎn)擊標(biāo)題后所進(jìn)入的頁(yè)面-----命名為:show.asp
建立文件是可以先建立文本文檔,他的格式為“文件名.txt”,我們只需把它改為“文件名.asp”
二、各文件的主要內(nèi)容
1、bbs.mdb
打開這個(gè)數(shù)據(jù)庫(kù),建立一個(gè)表,命名為bbs
該表中有幾個(gè)字段: id(自動(dòng)給帖子編號(hào)),他的數(shù)據(jù)類型設(shè)為“自動(dòng)編號(hào)”
name(用來(lái)儲(chǔ)存發(fā)表的作者),數(shù)據(jù)類型為“文本”
title(用來(lái)儲(chǔ)存帖子的主題),數(shù)據(jù)類型為“文本”
body(用來(lái)儲(chǔ)存帖子的內(nèi)容),數(shù)據(jù)類型為“備注”
2、conn.asp 源代碼為:
<%
Server.scriptTimeout=“10”
c+server.mappath(“═bbs═.mdb”)+“;DefaultDir=;DRIVER={Microsoft(*.mdb)};”
set conn=Server.CreateObject(“ADODB.connection”)conn.open connstr %>
這個(gè)文件就是這樣,代碼內(nèi)容大家就自己研究,這個(gè)我也不知道怎么說(shuō)才好!
3、say.asp
源代碼為:
大家應(yīng)該看得懂的,這個(gè)根本就是html語(yǔ)法,對(duì)的,根本就是,這個(gè)只是發(fā)表的界面 不過要注意這一句