《Web數(shù)據(jù)庫(kù)應(yīng)用》實(shí)驗(yàn)指導(dǎo)書(shū).doc

Web數(shù)據(jù)庫(kù)應(yīng)用實(shí)驗(yàn)指導(dǎo)書(shū)教育平臺(tái)設(shè)計(jì)與開(kāi)發(fā)基礎(chǔ)實(shí)驗(yàn)指導(dǎo)書(shū)目 錄實(shí)驗(yàn)一 初識(shí)ASP1實(shí)驗(yàn)二 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)13實(shí)驗(yàn)三 VBScript程序設(shè)計(jì)20實(shí)驗(yàn)四 請(qǐng)求和響應(yīng)29實(shí)驗(yàn)五 ASP內(nèi)建對(duì)象40實(shí)驗(yàn)六 ActiveX數(shù)據(jù)對(duì)象49實(shí)驗(yàn)七 訪問(wèn)Web數(shù)據(jù)庫(kù)57實(shí)驗(yàn)八 ActiveX服務(wù)器組件的使用64實(shí)驗(yàn)九 專題網(wǎng)站制作70附錄一：實(shí)驗(yàn)要求及實(shí)驗(yàn)報(bào)告要求72Web數(shù)據(jù)庫(kù)應(yīng)用實(shí)驗(yàn)指導(dǎo)書(shū)實(shí)驗(yàn)一 初識(shí)ASP一、 實(shí)驗(yàn)?zāi)康恼莆杖绾蝿?chuàng)建及管理IIS；掌握ASP頁(yè)面的結(jié)構(gòu)；學(xué)會(huì)創(chuàng)建虛擬目錄。二、實(shí)驗(yàn)內(nèi)容1.安裝IIS；2.創(chuàng)建一個(gè)簡(jiǎn)單的ASP頁(yè)面；3.創(chuàng)建虛擬目錄測(cè)試頁(yè)面。三、實(shí)驗(yàn)要求1.會(huì)安裝IIS，并進(jìn)行配置；2.按要求創(chuàng)建簡(jiǎn)單的顯示日期頁(yè)面；3.建立虛擬目錄，瀏覽創(chuàng)建的第一個(gè)ASP頁(yè)面。四、實(shí)驗(yàn)學(xué)時(shí)：2學(xué)時(shí)五、實(shí)驗(yàn)步驟練習(xí)1：安裝IIS1.打開(kāi)控制面板，如圖1所示。圖12.在控制面板中選擇“添加/刪除Windows組件”，打開(kāi)窗口，如圖2所示。圖23點(diǎn)擊“添加/刪除Windows組件”后稍等片刻。出現(xiàn)“Windows組件向?qū)А贝翱?。從中打勾“選擇Internet信息服務(wù)（IIS）”，如圖3所示。圖34在“Windows組件向?qū)А敝袉螕簟跋乱徊健?。開(kāi)始安裝配置我們的服務(wù)器IIS，如圖4所示。圖45等待進(jìn)度條跑到終點(diǎn)，復(fù)制文件全部完成，配置服務(wù)器也相應(yīng)的結(jié)束。如圖5所示。圖5IIS服務(wù)器算是安裝OK了，那具體有什么用處？又該如何使用呢？練習(xí)2：創(chuàng)建簡(jiǎn)單的ASP頁(yè)面1.首先，你得想好你的ASP文件總要放在一個(gè)地方吧。打開(kāi)“我的電腦”，在E盤(pán)下面建立一個(gè)“myASP”文件夾，以后所有的ASP文件先暫時(shí)放到這里吧。2.從“開(kāi)始”菜單，“程序”“附件”打開(kāi)“記事本”。在里面敲入如圖6所示。圖63.接著將文件保存到E:myASP文件夾里面，并且命名為time.ASPASP文件已經(jīng)創(chuàng)建完畢。那么怎么瀏覽頁(yè)面效果呢？需要在IIS中創(chuàng)建虛擬目錄。練習(xí)3：創(chuàng)建虛擬目錄測(cè)試頁(yè)面1.從“控制面板”里面打開(kāi)“管理工具”，如圖7所示。圖72.從中選擇“Internet服務(wù)管理器”，如圖8所示。圖83.彈出的窗口中右鍵“新建”“虛擬目錄”。如圖9所示。圖94.彈出“虛擬目錄創(chuàng)建向?qū)А?。如圖10所示。圖105.下一步，填寫(xiě)別名：myASP。如圖11所示。圖116.再下一步，目錄：瀏覽到E:myASP即可。如圖12所示。圖127.緊跟一步，訪問(wèn)的權(quán)限一定要把“讀取”和“運(yùn)行腳本”打勾，如圖13所示。圖138.最終點(diǎn)擊“完成”，結(jié)果如圖14所示。圖149.那么剩下的就是調(diào)試該time.ASP了。在“Internet信息服務(wù)”里面右鍵time.ASP，選擇“瀏覽”。如圖15所示。圖1510.最終頁(yè)面如圖16所示。圖16實(shí)驗(yàn)二 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)一、 實(shí)驗(yàn)?zāi)康氖煜TML基礎(chǔ)知識(shí)；會(huì)編寫(xiě)常用標(biāo)記的html代碼；掌握表格和表單的使用、CSS樣式表的創(chuàng)建和使用。二、實(shí)驗(yàn)內(nèi)容1.制作一個(gè)課程表；2.制作圣誕倒計(jì)時(shí)。三、實(shí)驗(yàn)要求1.根據(jù)要求制作表格，表格內(nèi)容如表1所示；2.頁(yè)面包含圖片，表格，使用CSS樣式表定義表格和圖片的格式。四、實(shí)驗(yàn)學(xué)時(shí)：2學(xué)時(shí)五、實(shí)驗(yàn)步驟練習(xí)1：制作一個(gè)課程表制作效果如圖1所示。圖1（1） 打開(kāi)【開(kāi)始】|【程序】|【附件】|【記事本】，新建一個(gè)文本文件。（2） 在記事本中輸入如下代碼：無(wú)標(biāo)題文檔 2007級(jí)秋期課程表 上午 星期一星期二星期三星期四星期五 語(yǔ)文英語(yǔ)物理英語(yǔ)數(shù)學(xué) 語(yǔ)文 英語(yǔ)物理英語(yǔ)數(shù)學(xué) 英語(yǔ)數(shù)學(xué) 數(shù)學(xué) 數(shù)學(xué)物理 英語(yǔ)數(shù)學(xué)數(shù)學(xué)數(shù)學(xué)物理   數(shù)學(xué)生物化學(xué)物理歷史 數(shù)學(xué)地理化學(xué)物理化學(xué) 體育歷史體育生物生物 （3） 保存文本文件，命名為kcb.htm。（4） 雙擊kcb.htm，運(yùn)行結(jié)果如圖2所示。圖2練習(xí)2：圣誕倒計(jì)時(shí)要求運(yùn)行效果如圖3所示。圖3（1）新建文本文件，編寫(xiě)改變滾動(dòng)條顏色和默認(rèn)字體大小的CSS：body SCROLLBAR-FACE-COLOR:DFDFDF; font-size: 12px; （2）接著創(chuàng)建一個(gè)CSS樣式.tableBG，設(shè)置一個(gè)邊框?yàn)?px、寬度為500px的塊，并且要求字體為黑色，背景值為#c8dc00等。最終定義如下：.tableBG background: #c8dc00 no-repeat;border: 1;padding: 4px 0;width: 500px;margin: 0 15px 1px 0;color: #000000;font: bold 1em Arial, Sans-Serif;（3）為圣誕圖片定義CSS，使用background的幾個(gè)屬性來(lái)顯示12.gif圖片，如下所示：.picBG background:url(12.gif) no-repeat;background-repeat: no-repeat;background-position: center center;（4）創(chuàng)建一個(gè)名為NowText的CSS樣式表來(lái)顯示當(dāng)前日期：.NowText PADDING-bottom: 2px; PADDING-top: 2px; FONT-SIZE: 16px; MARGIN-LEFT: 1px; WIDTH: 100%; COLOR: #FFFFFF; HEIGHT: 20px; BACKGROUND-COLOR: #747165; TEXT-DECORATION: none（5）最后定義的樣式是為顯示倒計(jì)時(shí)而創(chuàng)建的，名為L(zhǎng)tine：.Lime background-color: RGB(255,0,0);FONT-SIZE: 16px;WIDTH: 100%;COLOR: #FFFFFF;HEIGHT: 20px;TEXT-DECORATION: none;font-family:黑體（6）最后將以上定義的CSS樣式表代碼保存到文件，再創(chuàng)建一個(gè)一行兩列的表格應(yīng)用這些樣式并進(jìn)行適應(yīng)的運(yùn)行顯示倒計(jì)時(shí)天數(shù)，如下是該文件的其他代碼：   今天是 距今年圣誕節(jié)還有 天 （7）最終文件的源代碼如下：圣誕倒計(jì)時(shí)（8）保存文件，將該文件復(fù)制到上次實(shí)驗(yàn)建立的虛擬目錄myASP中，在IIS中瀏覽運(yùn)行結(jié)果。實(shí)驗(yàn)三 VBScript程序設(shè)計(jì)一、實(shí)驗(yàn)?zāi)康氖煜BScript語(yǔ)法；掌握控制語(yǔ)句、常量和變量的使用以及常用的函數(shù)的用法。圖1二 、實(shí)驗(yàn)內(nèi)容1.打印菱形圖案；2.遞歸調(diào)用求n的階乘；3.制作ASP日歷；三、實(shí)驗(yàn)要求：1.通過(guò)編程，打印出如圖1所示的圖案；2.用遞歸法求n的階乘；遞歸公式如下：1 （n=0，1）n*(n-1) （n1）n!=3.通過(guò)編程，打印出日歷。 四、實(shí)驗(yàn)課時(shí)：4學(xué)時(shí)五、實(shí)驗(yàn)步驟練習(xí)1：打印菱形圖案（1）新建文本文件。（2）輸入以下代碼：打印菱形圖案!-sub rhombus()dim row,cols,i,j,spacdim outputstringfor row=1 to 7if row7/2 thencols=row*2-1else cols=(7-row)*2+1end ifspa=(7-cols)/2+1for j=0 to spaoutputstring=outputstring & nextfor i=1 to colsoutputstring=outputstring & *next outputstring=outputstring & chr(10)next Msgbox outputstringend sub-（3）保存文件，名字為dylx.htm，保存在“實(shí)驗(yàn)三”文件夾中。（4）打開(kāi)dylx.htm頁(yè)面，運(yùn)行結(jié)果如圖2所示。圖2練習(xí)2：遞歸調(diào)用求n的階乘（1）新建文本文件。（2）在文本文件中輸入以下代碼：無(wú)標(biāo)題文檔 輸入一個(gè)整數(shù)： （3）保存文件qjiecheng.htm，保存在“實(shí)驗(yàn)三”文件夾中。（4）瀏覽該文件，運(yùn)行效果如圖3所示。圖3練習(xí)3：制作ASP日歷（1）新建文本文件。（2）編程獲取年、月、日、星期： 年 月（3）根據(jù)年月調(diào)用CountDays函數(shù)求得本月共有多少天，調(diào)用FirstDay函數(shù)求得本月1日為星期幾，進(jìn)而在表格單元格中顯示本月日期，并對(duì)當(dāng)前日期突出顯示。如下為兩個(gè)函數(shù)的代碼：（4）最后給出以表格形式顯示本月日期列表并突出顯示當(dāng)前日期的代碼：星期日星期一星期二星期三星期四星期五星期六=FirstDay(mMonth,mYear) and j=CountDays(mMonth,mYear) then if mDate=j then response.write & j & else response.write &j end if j=j+1 else response.write &   end if response.write if i mod 7=0 then response.write end if next %（5）將上述代碼復(fù)制到文本文件中，并將網(wǎng)頁(yè)格式補(bǔ)充完整。（6）保存文件，命名為Calender.ASP，保存在“實(shí)驗(yàn)三”文件夾中。運(yùn)行結(jié)果如圖4所示。圖4實(shí)驗(yàn)四 請(qǐng)求和響應(yīng)一、 實(shí)驗(yàn)?zāi)康牧私釸equest對(duì)象及其成員；掌握Request.Form及Response.write的用法。二、實(shí)驗(yàn)內(nèi)容1.創(chuàng)建一個(gè)簡(jiǎn)單的用戶登錄頁(yè)面；2.使用Request對(duì)象；3.重定向頁(yè)面。三、實(shí)驗(yàn)要求：1.創(chuàng)建一個(gè)簡(jiǎn)單的用戶登錄頁(yè)面，進(jìn)行簡(jiǎn)單的輸入判斷；2.使用Request對(duì)象獲得服務(wù)器信息；3.練習(xí)Resoponse對(duì)象的Redirect方法，從一個(gè)頁(yè)面直接轉(zhuǎn)到另一個(gè)頁(yè)面。四、實(shí)驗(yàn)學(xué)時(shí)：4學(xué)時(shí)五、實(shí)驗(yàn)步驟：練習(xí)1：創(chuàng)建一個(gè)簡(jiǎn)單的用戶登錄頁(yè)面（1）在Dreamweaver8中新建一個(gè)空白ASP文檔。（2）在【設(shè)計(jì)】面板設(shè)計(jì)登錄界面，如圖1所示。圖1（3）將文件保存為login.htm，保存在文件夾“實(shí)驗(yàn)四”中。login.htm的代碼清單如下：無(wú)標(biāo)題文檔請(qǐng)輸入用戶名和密碼 用戶名： 密  碼： （4）新建空白ASP文檔，命名為check.ASP，該頁(yè)面的功能是對(duì)login.htm頁(yè)面中輸入的用戶名和密碼進(jìn)行判斷，若用戶名和密碼均為1234，顯示“用戶名密碼正確”，若有一項(xiàng)錯(cuò)誤，顯示“用戶密碼錯(cuò)誤”。Check.ASP頁(yè)面的代碼清單如下：無(wú)標(biāo)題文檔（5）在IIS中預(yù)覽頁(yè)面，運(yùn)行結(jié)果如圖1，圖2所示。圖1 login.htm運(yùn)行效果圖2 點(diǎn)擊“提交”按鈕后的運(yùn)行效果練習(xí)2：使用Request對(duì)象（1）新建一個(gè)ASP頁(yè)面。（2）在頁(yè)面中添加一個(gè)表格，效果如下：圖3（3）代碼清單如下：獲取服務(wù)器信息服務(wù)器名：服務(wù)器IP：服務(wù)器端口：服務(wù)器時(shí)間：IIS版本：腳本超時(shí)時(shí)間：秒請(qǐng)求的物理路徑：請(qǐng)求的URL路徑：http:/（4）保存文件Requestsys.ASP，保存在“實(shí)驗(yàn)四”文件夾中。運(yùn)行結(jié)果如圖4所示。圖4練習(xí)3：重定向頁(yè)面（1）在Dreamweaver中新建空白的ASP文件。（2）在設(shè)計(jì)視圖中設(shè)計(jì)如下頁(yè)面：圖5代碼清單如下：Redirect重定向 從下面的選項(xiàng)中選擇一項(xiàng) 【網(wǎng)易】網(wǎng)聚人的力量【搜狐】門(mén)戶第一網(wǎng)【新浪】互聯(lián)網(wǎng)新秀【雅虎】作第一個(gè)知道的人【惠通科技】我的主頁(yè) %if Request(Submit) then url=Request(url)if url=163 then Response.Redirect if url=sohu then Response.Redirect if url=sina then Response.Redirect if url=yahoo then Response.Redirect if url=me then Response.Redirect end if%（3）保存文件redirect.ASP，保存在“實(shí)驗(yàn)四”文件夾中。（4）瀏覽頁(yè)面，運(yùn)行效果如圖4所示。圖6實(shí)驗(yàn)五 ASP內(nèi)建對(duì)象一、實(shí)驗(yàn)?zāi)康睦斫釧pplication、Session和Server對(duì)象的成員；使用Application對(duì)象實(shí)現(xiàn)全局變量；使用Session對(duì)象建立會(huì)話級(jí)變量。二、 實(shí)驗(yàn)內(nèi)容1.猜數(shù)字游戲；2.防刷新的計(jì)數(shù)器。三、 實(shí)驗(yàn)要求1.猜數(shù)字游戲使用ASP中的Session來(lái)實(shí)現(xiàn)服務(wù)器和用戶之間的交互。隨機(jī)給出0100之間的數(shù)字，讓用戶猜，游戲會(huì)提示太大還是太小，從而縮小結(jié)果范圍，經(jīng)過(guò)多次提示與猜測(cè)后，最終推出答案。2.防刷新的計(jì)數(shù)器結(jié)合Global.asa文件，對(duì)更新計(jì)數(shù)器進(jìn)行限制，實(shí)現(xiàn)放置刷新的計(jì)數(shù)器功能。四、實(shí)驗(yàn)學(xué)時(shí)：4學(xué)時(shí)五、實(shí)驗(yàn)步驟練習(xí)1：猜數(shù)字游戲（1）打開(kāi)虛擬目錄，創(chuàng)建一個(gè)以GuessNumber.ASP為文件名的文件，然后使用記事本打開(kāi)該文件，輸入以下代碼并保存：無(wú)標(biāo)題文檔%設(shè)置頁(yè)面不使用緩存response.Expires=0dim guessnumon error resume nextguessnum=request(number)if guessnum= then guessnum=0 end ifguessnum=clng(guessnum)session(count)=session(count)+1if session(count)10 and guessnumsession(number) then%end ifif guessnum100 then response.Write 請(qǐng)輸入0100之間的整數(shù) elseif guessnum=0 then session(count)=0 randomize session(number)=int(rnd*100+1) response.Write 請(qǐng)輸入1100之間的整數(shù) elseif guessnumsession(number) then response.Write 您猜的太大了elseif guessnumsession(number) then response.Write 您猜的太小了elseif guessnum=session(number) then response.Write 恭喜您，猜對(duì)了end ifresponse.Write 共猜了 & session(count) & 次if session(count)=10 then response.Write 答案是 & session(number)end if%重新猜（2）在IIS中瀏覽該頁(yè)面運(yùn)行結(jié)果，如圖所示。圖1 游戲開(kāi)始圖2 第一次猜測(cè)圖3 第二次猜測(cè)圖4 第十次猜測(cè)練習(xí)二：防刷新的計(jì)數(shù)器（1）新建文本文件輸入如下代碼：防止刷新的計(jì)數(shù)器歡迎光臨本站當(dāng)前共有人訪問(wèn)本網(wǎng)站（2）以counter.ASP為文件名保存文件。（3）global.asa文件的源代碼如下：Sub Application_onStart Application(Counter) = 0 End Sub Sub Session_onStart Application.Lock Application(Counter) = Application(Counter) + 1 Application.Unlock End Sub （4）運(yùn)行counter.ASP，運(yùn)行結(jié)果如圖5所示。圖5練習(xí)三：HTMLEncode函數(shù)的使用（1）打開(kāi)虛擬目錄，創(chuàng)建一個(gè)以htmlencode.ASP為文件名的文件，然后使用記事本打開(kāi)該文件，輸入以下代碼并保存：使用HtmlEncode函數(shù) 轉(zhuǎn)換前的輸出: % s_message=最新最全的網(wǎng)絡(luò)資訊 Response. Write s_message % To_Html函數(shù)轉(zhuǎn)換后的輸出: Server.HTMLencode函數(shù)轉(zhuǎn)換后的輸出: % 自定義函數(shù)Function To_Html(s_string) to_html = Replace(s_string, , ") to_html = Replace(to_html, , >) to_html = Replace(to_html, vbcrlf, ) to_html = Replace(to_html, /<, )End Function%（3）運(yùn)行結(jié)果如圖6所示。圖6實(shí)驗(yàn)六 ActiveX數(shù)據(jù)對(duì)象一、實(shí)驗(yàn)?zāi)康?.熟悉ActiveX數(shù)據(jù)對(duì)象的屬性和方法;2.掌握Connection對(duì)象、Command對(duì)象以及RecordSet對(duì)象的使用方法。二、 實(shí)驗(yàn)內(nèi)容：1.使用Connection對(duì)象；2.使用Command對(duì)象；3.使用RecordSet對(duì)象。三、 實(shí)驗(yàn)要求：1.使用Connection對(duì)象連接access數(shù)據(jù)庫(kù)；2.使用Command對(duì)象訪問(wèn)數(shù)據(jù)庫(kù)；3.使用RecordSet對(duì)象檢索數(shù)據(jù)。四、實(shí)驗(yàn)學(xué)時(shí)：4學(xué)時(shí)五、實(shí)驗(yàn)步驟：練習(xí)1：使用Connection對(duì)象（1）使用access創(chuàng)建一個(gè)空白數(shù)據(jù)庫(kù)，將數(shù)據(jù)庫(kù)保存為“學(xué)習(xí).mdb”。（2）在數(shù)據(jù)庫(kù)窗口中選擇【表】對(duì)象再單擊【新建】按鈕，一次創(chuàng)建“學(xué)生”、“課程”和“選課”3個(gè)數(shù)據(jù)表。如圖1，圖2，圖3所示。圖1圖2圖3(3)在三個(gè)數(shù)據(jù)表中分別添加多條數(shù)據(jù)并保存。（4）將access移動(dòng)到IIS虛擬目錄中，并在同一個(gè)目錄中創(chuàng)建ASP文件，命名為dbConnection.ASP。（5）使用如下代碼建立與數(shù)據(jù)庫(kù)之間的連接：（6）以表格的形式顯示出“學(xué)生”數(shù)據(jù)表中的內(nèi)容。代碼如下：與數(shù)據(jù)庫(kù)建立連接成功！以下為“學(xué)生”表的內(nèi)容% Set rs=conn.Execute(select * from 學(xué)生) response.Write() response.Write() for i=0 to rs.fields.count-1 response.Write(&rs(i).Name&) next response.Write() while not rs.eof response.Write() for i=0 to rs.fields.count-1 response.write &rs(i).value& next rs.MoveNext response.Write() wend response.Write() set conn=nothing %（7）保存文件，瀏覽運(yùn)行結(jié)果，如圖4所示。圖4練習(xí)2：使用Command對(duì)象（1）使用練習(xí)一創(chuàng)建的“學(xué)習(xí)”數(shù)據(jù)庫(kù)，在同一目錄中創(chuàng)建dbcommand.ASP文件。（2）在ASP文件中編寫(xiě)代碼建立與數(shù)據(jù)庫(kù)之間的連接（同練習(xí)一）。（3）使用Command對(duì)象的Execute方法向“學(xué)生”表中插入如下記錄：（2006120,袁海濤,男,22,計(jì)算機(jī)系）要實(shí)現(xiàn)插入操作，首先要?jiǎng)?chuàng)建Command對(duì)象和設(shè)置插入SQL語(yǔ)句，如下所示：（4）設(shè)置Command對(duì)象的其他屬性，再調(diào)用Execute方法執(zhí)行Sqlstr的插入語(yǔ)句，完成插入操作。如下所示： （5）重復(fù)編寫(xiě)顯示“學(xué)生”表的代碼，最后保存并執(zhí)行，執(zhí)行結(jié)果如圖5所示。圖5 插入記錄（6）再次使用Command對(duì)象的Execute方法，將新插入的記錄修改為：（2006120,袁海濤,男,22,土木工程系）設(shè)置查詢語(yǔ)句sqlstr的值如下：sqlStr= update 學(xué)生