服務(wù)器端程序開發(fā)入門課件

第12章

服務(wù)器端程序開發(fā)入門第12章

服務(wù)器端程序開發(fā)入門1ASP的開發(fā)

12.2練習(xí)與實(shí)踐：制作留言簿

12.4使用表單

12.3動(dòng)態(tài)網(wǎng)頁與ASP12.1小結(jié)

ASP的開發(fā)12.2練習(xí)與實(shí)踐：制作留言簿12.4使用2本章的目的是使讀者對(duì)如何使用Dreamweaver8來開發(fā)服務(wù)器端的程序有一個(gè)初步的了解，并不做很深入的探討。服務(wù)器端程序開發(fā)有很多選擇，如ASP、ASP.Net、JSP、ColdFusion、PHP等很多種，這里以最常見的ASP為例來講解。在開始編寫ASP程序之前，開發(fā)者首先需要對(duì)網(wǎng)頁的“動(dòng)態(tài)”和“靜態(tài)”概念有一個(gè)認(rèn)識(shí)。本章的目的是使讀者對(duì)如何使用Dreamw3這里所說的動(dòng)、靜并非網(wǎng)頁上文字或圖片的運(yùn)動(dòng)或靜止，而是內(nèi)容的“改變”或“固定”。同時(shí)，還需要對(duì)ASP的工作原理有一個(gè)初步的認(rèn)識(shí)，為熟練使用ASP打下基礎(chǔ)。這里所說的動(dòng)、靜并非網(wǎng)頁上文字或圖片的運(yùn)412.1動(dòng)態(tài)網(wǎng)頁與ASP首先來了解靜態(tài)頁面和動(dòng)態(tài)頁面的區(qū)別。普通網(wǎng)頁是用HTML語言編寫的，被稱為靜態(tài)頁面。一旦寫好，除非改寫這些HTML源代碼，否則無法更改網(wǎng)頁上的內(nèi)容。這類網(wǎng)頁是以“.htm”或“.html”結(jié)尾的。12.1動(dòng)態(tài)網(wǎng)頁與ASP首先來了解靜5ASP是一套服務(wù)器端的腳本運(yùn)行環(huán)境，當(dāng)用戶從瀏覽器向Web服務(wù)器請(qǐng)求一個(gè)“.asp”文件時(shí)，Web服務(wù)器并不是像處理普通的HTML文件那樣直接傳送給瀏覽器，而是全面讀取請(qǐng)求的文件，并執(zhí)行該文件中包含的所有腳本命令，然后生成一個(gè)標(biāo)準(zhǔn)的HTML頁面?zhèn)魉徒o瀏覽器，即把含有ASP指令的那部分語句替換為標(biāo)準(zhǔn)的HTML語句之后，再傳送回瀏覽器。ASP是一套服務(wù)器端的腳本運(yùn)行環(huán)境，當(dāng)612.2ASP的開發(fā)了解了ASP的基本工作原理以后，就可以動(dòng)手編寫ASP程序了。但是ASP網(wǎng)頁只有被服務(wù)器解析以后才能被客戶端瀏覽器正常訪問，即服務(wù)器端需要配置解析ASP程序的環(huán)境。本節(jié)首先介紹ASP常用運(yùn)行環(huán)境的配置方法，然后介紹幾個(gè)最基本的ASP程序，目的是希望讀者對(duì)ASP的內(nèi)部運(yùn)行機(jī)制有更深刻的理解。12.2ASP的開發(fā)了解了ASP的基712.2.1ASP運(yùn)行環(huán)境及配置編寫ASP網(wǎng)頁與編寫普通的HTML網(wǎng)頁的一個(gè)不同之處在于：編寫HTML網(wǎng)頁，只要有IE等瀏覽器就可以立即看到網(wǎng)頁效果了；而編寫ASP網(wǎng)頁僅有瀏覽器是不行的，因?yàn)闉g覽器并不認(rèn)識(shí)網(wǎng)頁中的ASP指令，因此必須在開發(fā)者的計(jì)算機(jī)上安裝并配制好ASP的運(yùn)行環(huán)境，才能對(duì)開發(fā)的網(wǎng)頁進(jìn)行測試。12.2.1ASP運(yùn)行環(huán)境及配置編寫8ASP是微軟公司開發(fā)的服務(wù)器端腳本環(huán)境。對(duì)于Windows2000和WindowsXP操作系統(tǒng)，它內(nèi)含于IIS（InternetInformationServer）組件程序中；而對(duì)于WindowsMe操作系統(tǒng)，它內(nèi)含于PWS（PersonalWebServer）組件程序中。ASP是微軟公司開發(fā)的服務(wù)器端腳本環(huán)境。9通常開發(fā)動(dòng)態(tài)網(wǎng)站都使用Windows2000或WindowsXP系統(tǒng)，因此本書的所有例子都是建立在IIS的基礎(chǔ)上，并且只講述IIS的使用方法。對(duì)于PWS，配制方法基本相同，并且PWS和IIS對(duì)于ASP的支持方式?jīng)]有任何差別。通常開發(fā)動(dòng)態(tài)網(wǎng)站都使用Windows210圖12-1安裝界面圖12-1安裝界面11圖12-2IIS的配置圖12-2IIS的配置12圖12-3網(wǎng)站的配置圖12-3網(wǎng)站的配置13圖12-4主目錄的配置圖12-4主目錄的配置14圖12-5第一個(gè)ASP程序圖12-5第一個(gè)ASP程序1512.2.2熟悉ASP程序下面通過一個(gè)例子來熟悉ASP程序的編寫。上面已經(jīng)舉過一個(gè)最簡單的使用ASP來輸出“HelloWorld!”文本的例子，現(xiàn)在再把它擴(kuò)展一下，使它能顯示當(dāng)前時(shí)間。最終的顯示時(shí)間的效果如圖12-6所示。12.2.2熟悉ASP程序下面通過一16圖12-6時(shí)間例子圖12-6時(shí)間例子1712.3使用表單很多人有填寫問卷調(diào)查表的經(jīng)歷，通常見到的問卷調(diào)查表是以紙張作為載體，由組織者負(fù)責(zé)發(fā)放、回收和統(tǒng)計(jì)。這節(jié)要講到的表單也可以實(shí)現(xiàn)這種功能，所不同的是通過表單實(shí)現(xiàn)的問卷調(diào)查表是以網(wǎng)頁作為載體，隨著網(wǎng)站的發(fā)布而發(fā)布到網(wǎng)上，由后臺(tái)處理系統(tǒng)回收并統(tǒng)計(jì)出調(diào)查結(jié)果。12.3使用表單很多人有填寫問18圖12-7所示的就是一個(gè)典型的含有表單的頁面，它執(zhí)行新用戶注冊(cè)功能，通過表單可以將新用戶注冊(cè)的信息發(fā)送到后臺(tái)程序處進(jìn)行處理，HTML提供的表單起到信息載體的作用。由此可見，表單需要與后臺(tái)處理程序相配合才能完成整個(gè)注冊(cè)功能。圖12-7所示的就是一個(gè)典型的含有表單的19圖12-7表單實(shí)例圖12-7表單實(shí)例2012.3.1插入文本域文本域可以顯示為單行，即文本字段；也可以顯示為多行，即文本區(qū)域；還可以以密碼的方式顯示，即密碼域。以密碼的方式顯示的文本域，通常會(huì)將輸入的文本替換為星號(hào)或項(xiàng)目符號(hào)，以防止別人看到這些密碼文本。插入網(wǎng)頁文本域，主要通過“插入”面板和“插入”菜單來實(shí)現(xiàn)。12.3.1插入文本域文本域可以顯示21圖12-8插入表單標(biāo)簽圖12-8插入表單標(biāo)簽22

圖12-9插入表格

圖12-9插入表格23圖12-10插入文本字段圖12-10插入文本字段24圖12-11文本字段“屬性”面板圖12-11文本字段“屬性”面板25圖12-12插入文本域圖12-12插入文本域26圖12-13文本區(qū)域“屬性”面板圖12-13文本區(qū)域“屬性”面板2712.3.2插入單選按鈕和復(fù)選框使用單選按鈕，則只能在一組選項(xiàng)中選擇一個(gè)選項(xiàng)；使用復(fù)選框，則可以在一組選項(xiàng)中選擇多個(gè)選項(xiàng)。單選按鈕通常成組地出現(xiàn)，在同一個(gè)組中的所有單選按鈕必須具有相同的名稱。12.3.2插入單選按鈕和復(fù)選框使用28圖12-14插入單選按鈕圖12-14插入單選按鈕29圖12-15單選按鈕“屬性”面板圖12-15單選按鈕“屬性”面板30圖12-16插入復(fù)選框圖12-16插入復(fù)選框3112.3.3插入列表/菜單使用列表表單對(duì)象，可以為頁面插入一個(gè)包含有多個(gè)項(xiàng)目的列表框，用戶可以從中選擇一個(gè)列表項(xiàng)目；使用菜單表單對(duì)象，可以為頁面插入一個(gè)包含有多個(gè)菜單項(xiàng)的下拉菜單，用戶可以從中選擇一個(gè)菜單項(xiàng)目。12.3.3插入列表/菜單使用列表表32圖12-17列表/菜單“屬性”面板圖12-17列表/菜單“屬性”面板33圖12-18“列表值”對(duì)話框圖12-18“列表值”對(duì)話框34圖12-19插入菜單圖12-19插入菜單3512.3.4插入按鈕一般來說，按鈕放于表單頁面的最底端。使用按鈕可以將用戶填寫的表單數(shù)據(jù)提交到服務(wù)器后臺(tái)程序中，或者重置該表單內(nèi)容。12.3.4插入按鈕一般來說，按鈕放36圖12-20按鈕“屬性”面板圖12-20按鈕“屬性”面板37圖12-21最終效果圖12-21最終效果3812.4練習(xí)與實(shí)踐：制作留言簿在這一節(jié)中，我們將完整地制作一個(gè)網(wǎng)上留言簿，它能實(shí)現(xiàn)如下的功能：進(jìn)入留言板頁面，如圖12-22所示，可以分頁顯示留言，為了便于測試，每頁顯示2條留言；單擊“我要留言”鏈接后，進(jìn)入留言頁面，如圖12-23所示，輸入姓名，性別，留言內(nèi)容以后，單擊按鈕，留言成功后就會(huì)在“顯示留言”頁面出現(xiàn)了；而且最新的留言在最前面；并且可以根據(jù)留言時(shí)輸入的性別，顯示不同的頭像。12.4練習(xí)與實(shí)踐：制作留言簿在這一39圖12-22顯示留言頁面圖12-22顯示留言頁面40圖12-23添加留言頁面圖12-23添加留言頁面4112.4.1準(zhǔn)備工作首先來做一些必要的準(zhǔn)備工作，包括兩個(gè)方面，一是確認(rèn)預(yù)備文件正確，二是正確設(shè)置IIS。12.4.1準(zhǔn)備工作首先來做一些必要42圖12-24設(shè)置主目錄圖12-24設(shè)置主目錄43圖12-25留言簿的靜態(tài)頁面圖12-25留言簿的靜態(tài)頁面4412.4.2建立站點(diǎn)在開始制作頁面之前，首先準(zhǔn)備文件并建立站點(diǎn)，形成如下的情形：在“E:\guestbook”文件夾中有一個(gè)index.htm文件，還有一個(gè)放置圖片文件的images文件夾。注意這里的“E:\guestbook”文件夾正是上面在IIS中設(shè)置的主目錄的本地路徑。其中的index.htm可以讀者自己來設(shè)計(jì)，內(nèi)容與圖12-25一致即可。12.4.2建立站點(diǎn)在開始制作頁面之45圖12-26設(shè)置站點(diǎn)圖12-26設(shè)置站點(diǎn)4612.4.3建立數(shù)據(jù)庫下面將留言簿中所用到的數(shù)據(jù)庫表列出，并對(duì)表中的每個(gè)字段作簡要的介紹，以便更好地學(xué)習(xí)后面的程序。這里使用Access數(shù)據(jù)庫，留言簿包括以下字段：①編號(hào)（ID）②訪客名字（Name）12.4.3建立數(shù)據(jù)庫下面將留言簿中47③頭像編號(hào)（Icon），用來通過圖片顯示留言人的性別④留言內(nèi)容（Content）⑤留言時(shí)間（addDate）③頭像編號(hào)（Icon），用來通過圖片顯示留言人的性別48圖12-27保存數(shù)據(jù)庫圖圖12-27保存數(shù)據(jù)庫圖49圖12-28設(shè)置數(shù)據(jù)庫圖12-28設(shè)置數(shù)據(jù)庫50（a）

（a）51（b）

圖12-29創(chuàng)建表（b）圖12-29創(chuàng)建表52圖12-30在表格中輸入3行數(shù)據(jù)圖12-30在表格中輸入3行數(shù)據(jù)5312.4.4制作顯示留言頁面（index.asp)圖12-31設(shè)置連接字符串12.4.4制作顯示留言頁面（index.asp)圖1254

圖12-32服務(wù)器行為面板

圖12-32服務(wù)器行為面板55圖12-33設(shè)置記錄集圖12-33設(shè)置記錄集56圖12-34綁定面板圖12-34綁定面板57圖12-35綁定以后的頁面圖12-35綁定以后的頁面58圖12-36已經(jīng)成功從數(shù)據(jù)庫中取得相應(yīng)的數(shù)據(jù)圖12-36已經(jīng)成功從數(shù)據(jù)庫中取得相應(yīng)的數(shù)據(jù)59圖12-37圖片的屬性面板圖12-37圖片的屬性面板60圖12-38為圖片綁定數(shù)據(jù)源圖12-38為圖片綁定數(shù)據(jù)源61圖12-39設(shè)定URL圖12-39設(shè)定URL62圖12-40使用擴(kuò)展模式來顯示表格圖12-40使用擴(kuò)展模式來顯示表格63圖12-41選中一條留言所占的一行圖12-41選中一條留言所占的一行64圖12-42設(shè)定為每頁顯示兩條留言圖12-42設(shè)定為每頁顯示兩條留言65圖12-43設(shè)置顯示區(qū)域圖12-43設(shè)置顯示區(qū)域66圖12-44在瀏覽器中預(yù)覽效果圖12-44在瀏覽器中預(yù)覽效果67圖12-45實(shí)現(xiàn)翻頁功能后的效果圖12-45實(shí)現(xiàn)翻頁功能后的效果6812.4.5制作添加留言頁面（insert.asp）留言簿除了能夠顯示留言之外，還必須能夠添加新的留言，這里我們把做好的index.asp頁面留存為insert.asp，在它的基礎(chǔ)上制作添加留言頁面。12.4.5制作添加留言頁面（insert.asp）69圖12-46制作基本頁面圖12-46制作基本頁面70圖12-47清理服務(wù)器行為圖12-47清理服務(wù)器行為71圖12-48“插入記錄表單”對(duì)話框圖12-48“插入記錄表單”對(duì)話框72圖12-49頁面中插入記錄表單圖12-49頁面中插入記錄表單73圖12-50在留言簿中留言圖12-50在留言簿中留言74圖12-51添加留言的功能已經(jīng)實(shí)現(xiàn)圖12-51添加留言的功能已經(jīng)實(shí)現(xiàn)75小結(jié)服務(wù)器端的程序開發(fā)，內(nèi)容非常多，我們?cè)谶@里只是實(shí)現(xiàn)一個(gè)很簡單的小程序，目的是使讀者對(duì)這部分知識(shí)有個(gè)最基本的認(rèn)識(shí)。需要指出的是，盡管Dreamweaver已經(jīng)提供了許多輔助功能開發(fā)服務(wù)器端的程序，但是如果希望比較自如地使用Dreamweaver的這些功能，開發(fā)出更為復(fù)雜的服務(wù)器端程序，還是需要使用者對(duì)ASP或其他的服務(wù)器端技術(shù)有較深入的掌握。小結(jié)服務(wù)器端的程序開發(fā)，內(nèi)容非常76第12章

服務(wù)器端程序開發(fā)入門第12章

服務(wù)器端程序開發(fā)入門77ASP的開發(fā)

12.2練習(xí)與實(shí)踐：制作留言簿

12.4使用表單

12.3動(dòng)態(tài)網(wǎng)頁與ASP12.1小結(jié)

ASP的開發(fā)12.2練習(xí)與實(shí)踐：制作留言簿12.4使用78本章的目的是使讀者對(duì)如何使用Dreamweaver8來開發(fā)服務(wù)器端的程序有一個(gè)初步的了解，并不做很深入的探討。服務(wù)器端程序開發(fā)有很多選擇，如ASP、ASP.Net、JSP、ColdFusion、PHP等很多種，這里以最常見的ASP為例來講解。在開始編寫ASP程序之前，開發(fā)者首先需要對(duì)網(wǎng)頁的“動(dòng)態(tài)”和“靜態(tài)”概念有一個(gè)認(rèn)識(shí)。本章的目的是使讀者對(duì)如何使用Dreamw79這里所說的動(dòng)、靜并非網(wǎng)頁上文字或圖片的運(yùn)動(dòng)或靜止，而是內(nèi)容的“改變”或“固定”。同時(shí)，還需要對(duì)ASP的工作原理有一個(gè)初步的認(rèn)識(shí)，為熟練使用ASP打下基礎(chǔ)。這里所說的動(dòng)、靜并非網(wǎng)頁上文字或圖片的運(yùn)8012.1動(dòng)態(tài)網(wǎng)頁與ASP首先來了解靜態(tài)頁面和動(dòng)態(tài)頁面的區(qū)別。普通網(wǎng)頁是用HTML語言編寫的，被稱為靜態(tài)頁面。一旦寫好，除非改寫這些HTML源代碼，否則無法更改網(wǎng)頁上的內(nèi)容。這類網(wǎng)頁是以“.htm”或“.html”結(jié)尾的。12.1動(dòng)態(tài)網(wǎng)頁與ASP首先來了解靜81ASP是一套服務(wù)器端的腳本運(yùn)行環(huán)境，當(dāng)用戶從瀏覽器向Web服務(wù)器請(qǐng)求一個(gè)“.asp”文件時(shí)，Web服務(wù)器并不是像處理普通的HTML文件那樣直接傳送給瀏覽器，而是全面讀取請(qǐng)求的文件，并執(zhí)行該文件中包含的所有腳本命令，然后生成一個(gè)標(biāo)準(zhǔn)的HTML頁面?zhèn)魉徒o瀏覽器，即把含有ASP指令的那部分語句替換為標(biāo)準(zhǔn)的HTML語句之后，再傳送回瀏覽器。ASP是一套服務(wù)器端的腳本運(yùn)行環(huán)境，當(dāng)8212.2ASP的開發(fā)了解了ASP的基本工作原理以后，就可以動(dòng)手編寫ASP程序了。但是ASP網(wǎng)頁只有被服務(wù)器解析以后才能被客戶端瀏覽器正常訪問，即服務(wù)器端需要配置解析ASP程序的環(huán)境。本節(jié)首先介紹ASP常用運(yùn)行環(huán)境的配置方法，然后介紹幾個(gè)最基本的ASP程序，目的是希望讀者對(duì)ASP的內(nèi)部運(yùn)行機(jī)制有更深刻的理解。12.2ASP的開發(fā)了解了ASP的基8312.2.1ASP運(yùn)行環(huán)境及配置編寫ASP網(wǎng)頁與編寫普通的HTML網(wǎng)頁的一個(gè)不同之處在于：編寫HTML網(wǎng)頁，只要有IE等瀏覽器就可以立即看到網(wǎng)頁效果了；而編寫ASP網(wǎng)頁僅有瀏覽器是不行的，因?yàn)闉g覽器并不認(rèn)識(shí)網(wǎng)頁中的ASP指令，因此必須在開發(fā)者的計(jì)算機(jī)上安裝并配制好ASP的運(yùn)行環(huán)境，才能對(duì)開發(fā)的網(wǎng)頁進(jìn)行測試。12.2.1ASP運(yùn)行環(huán)境及配置編寫84ASP是微軟公司開發(fā)的服務(wù)器端腳本環(huán)境。對(duì)于Windows2000和WindowsXP操作系統(tǒng)，它內(nèi)含于IIS（InternetInformationServer）組件程序中；而對(duì)于WindowsMe操作系統(tǒng)，它內(nèi)含于PWS（PersonalWebServer）組件程序中。ASP是微軟公司開發(fā)的服務(wù)器端腳本環(huán)境。85通常開發(fā)動(dòng)態(tài)網(wǎng)站都使用Windows2000或WindowsXP系統(tǒng)，因此本書的所有例子都是建立在IIS的基礎(chǔ)上，并且只講述IIS的使用方法。對(duì)于PWS，配制方法基本相同，并且PWS和IIS對(duì)于ASP的支持方式?jīng)]有任何差別。通常開發(fā)動(dòng)態(tài)網(wǎng)站都使用Windows286圖12-1安裝界面圖12-1安裝界面87圖12-2IIS的配置圖12-2IIS的配置88圖12-3網(wǎng)站的配置圖12-3網(wǎng)站的配置89圖12-4主目錄的配置圖12-4主目錄的配置90圖12-5第一個(gè)ASP程序圖12-5第一個(gè)ASP程序9112.2.2熟悉ASP程序下面通過一個(gè)例子來熟悉ASP程序的編寫。上面已經(jīng)舉過一個(gè)最簡單的使用ASP來輸出“HelloWorld!”文本的例子，現(xiàn)在再把它擴(kuò)展一下，使它能顯示當(dāng)前時(shí)間。最終的顯示時(shí)間的效果如圖12-6所示。12.2.2熟悉ASP程序下面通過一92圖12-6時(shí)間例子圖12-6時(shí)間例子9312.3使用表單很多人有填寫問卷調(diào)查表的經(jīng)歷，通常見到的問卷調(diào)查表是以紙張作為載體，由組織者負(fù)責(zé)發(fā)放、回收和統(tǒng)計(jì)。這節(jié)要講到的表單也可以實(shí)現(xiàn)這種功能，所不同的是通過表單實(shí)現(xiàn)的問卷調(diào)查表是以網(wǎng)頁作為載體，隨著網(wǎng)站的發(fā)布而發(fā)布到網(wǎng)上，由后臺(tái)處理系統(tǒng)回收并統(tǒng)計(jì)出調(diào)查結(jié)果。12.3使用表單很多人有填寫問94圖12-7所示的就是一個(gè)典型的含有表單的頁面，它執(zhí)行新用戶注冊(cè)功能，通過表單可以將新用戶注冊(cè)的信息發(fā)送到后臺(tái)程序處進(jìn)行處理，HTML提供的表單起到信息載體的作用。由此可見，表單需要與后臺(tái)處理程序相配合才能完成整個(gè)注冊(cè)功能。圖12-7所示的就是一個(gè)典型的含有表單的95圖12-7表單實(shí)例圖12-7表單實(shí)例9612.3.1插入文本域文本域可以顯示為單行，即文本字段；也可以顯示為多行，即文本區(qū)域；還可以以密碼的方式顯示，即密碼域。以密碼的方式顯示的文本域，通常會(huì)將輸入的文本替換為星號(hào)或項(xiàng)目符號(hào)，以防止別人看到這些密碼文本。插入網(wǎng)頁文本域，主要通過“插入”面板和“插入”菜單來實(shí)現(xiàn)。12.3.1插入文本域文本域可以顯示97圖12-8插入表單標(biāo)簽圖12-8插入表單標(biāo)簽98

圖12-9插入表格

圖12-9插入表格99圖12-10插入文本字段圖12-10插入文本字段100圖12-11文本字段“屬性”面板圖12-11文本字段“屬性”面板101圖12-12插入文本域圖12-12插入文本域102圖12-13文本區(qū)域“屬性”面板圖12-13文本區(qū)域“屬性”面板10312.3.2插入單選按鈕和復(fù)選框使用單選按鈕，則只能在一組選項(xiàng)中選擇一個(gè)選項(xiàng)；使用復(fù)選框，則可以在一組選項(xiàng)中選擇多個(gè)選項(xiàng)。單選按鈕通常成組地出現(xiàn)，在同一個(gè)組中的所有單選按鈕必須具有相同的名稱。12.3.2插入單選按鈕和復(fù)選框使用104圖12-14插入單選按鈕圖12-14插入單選按鈕105圖12-15單選按鈕“屬性”面板圖12-15單選按鈕“屬性”面板106圖12-16插入復(fù)選框圖12-16插入復(fù)選框10712.3.3插入列表/菜單使用列表表單對(duì)象，可以為頁面插入一個(gè)包含有多個(gè)項(xiàng)目的列表框，用戶可以從中選擇一個(gè)列表項(xiàng)目；使用菜單表單對(duì)象，可以為頁面插入一個(gè)包含有多個(gè)菜單項(xiàng)的下拉菜單，用戶可以從中選擇一個(gè)菜單項(xiàng)目。12.3.3插入列表/菜單使用列表表108圖12-17列表/菜單“屬性”面板圖12-17列表/菜單“屬性”面板109圖12-18“列表值”對(duì)話框圖12-18“列表值”對(duì)話框110圖12-19插入菜單圖12-19插入菜單11112.3.4插入按鈕一般來說，按鈕放于表單頁面的最底端。使用按鈕可以將用戶填寫的表單數(shù)據(jù)提交到服務(wù)器后臺(tái)程序中，或者重置該表單內(nèi)容。12.3.4插入按鈕一般來說，按鈕放112圖12-20按鈕“屬性”面板圖12-20按鈕“屬性”面板113圖12-21最終效果圖12-21最終效果11412.4練習(xí)與實(shí)踐：制作留言簿在這一節(jié)中，我們將完整地制作一個(gè)網(wǎng)上留言簿，它能實(shí)現(xiàn)如下的功能：進(jìn)入留言板頁面，如圖12-22所示，可以分頁顯示留言，為了便于測試，每頁顯示2條留言；單擊“我要留言”鏈接后，進(jìn)入留言頁面，如圖12-23所示，輸入姓名，性別，留言內(nèi)容以后，單擊按鈕，留言成功后就會(huì)在“顯示留言”頁面出現(xiàn)了；而且最新的留言在最前面；并且可以根據(jù)留言時(shí)輸入的性別，顯示不同的頭像。12.4練習(xí)與實(shí)踐：制作留言簿在這一115圖12-22顯示留言頁面圖12-22顯示留言頁面116圖12-23添加留言頁面圖12-23添加留言頁面11712.4.1準(zhǔn)備工作首先來做一些必要的準(zhǔn)備工作，包括兩個(gè)方面，一是確認(rèn)預(yù)備文件正確，二是正確設(shè)置IIS。12.4.1準(zhǔn)備工作首先來做一些必要118圖12-24設(shè)置主目錄圖12-24設(shè)置主目錄119圖12-25留言簿的靜態(tài)頁面圖12-25留言簿的靜態(tài)頁面12012.4.2建立站點(diǎn)在開始制作頁面之前，首先準(zhǔn)備文件并建立站點(diǎn)，形成如下的情形：在“E:\guestbook”文件夾中有一個(gè)index.htm文件，還有一個(gè)放置圖片文件的images文件夾。注意這里的“E:\guestbook”文件夾正是上面在IIS中設(shè)置的主目錄的本地路徑。其中的index.htm可以讀者自己來設(shè)計(jì)，內(nèi)容與圖12-25一致即可。12.4.2建立站點(diǎn)在開始制作頁面之121圖12-26設(shè)置站點(diǎn)圖12-26設(shè)置站點(diǎn)12212.4.3建立數(shù)據(jù)庫下面將留言簿中所用到的數(shù)據(jù)庫表列出，并對(duì)表中的每個(gè)字段作簡要的介紹，以便更好地學(xué)習(xí)后面的程序。這里使用Access數(shù)據(jù)庫，留言簿包括以下字段：①編號(hào)（ID）②訪客名字（Name）12.4.3建立數(shù)據(jù)庫下面將留言簿中123③頭像編號(hào)（Icon），用來通過圖片顯示留言人的性別④留言內(nèi)容（Content）⑤留言時(shí)間（addDate）③頭像編號(hào)（Icon），用來通過圖片顯示留言人的性別124圖12-27保存數(shù)據(jù)庫圖圖12-27保存數(shù)據(jù)庫圖125圖12-28設(shè)置數(shù)據(jù)庫圖12-28設(shè)置數(shù)據(jù)庫126（a）

（a）127（b）

圖12-29創(chuàng)建表（b）圖12-29創(chuàng)建表128圖12-30在表格中輸入3行數(shù)據(jù)圖12-30在表格中輸入3行數(shù)據(jù)12912.4.4制作顯示留言頁面（index.asp)圖12-31設(shè)置連接字符串12.4.4制作顯示留言頁面（index.asp)圖12130

圖