《Web数据库应用》实验指导书.doc

Web数据库应用实验指导书教育平台设计与开发基础实验指导书目 录实验一 初识ASP1实验二 网页设计基础13实验三 VBScript程序设计20实验四 请求和响应29实验五 ASP内建对象40实验六 ActiveX数据对象49实验七 访问Web数据库57实验八 ActiveX服务器组件的使用64实验九 专题网站制作70附录一：实验要求及实验报告要求72Web数据库应用实验指导书实验一 初识ASP一、 实验目的掌握如何创建及管理IIS；掌握ASP页面的结构；学会创建虚拟目录。二、实验内容1.安装IIS；2.创建一个简单的ASP页面；3.创建虚拟目录测试页面。三、实验要求1.会安装IIS，并进行配置；2.按要求创建简单的显示日期页面；3.建立虚拟目录，浏览创建的第一个ASP页面。四、实验学时：2学时五、实验步骤练习1：安装IIS1.打开控制面板，如图1所示。图12.在控制面板中选择“添加/删除Windows组件”，打开窗口，如图2所示。图23点击“添加/删除Windows组件”后稍等片刻。出现“Windows组件向导”窗口。从中打勾“选择Internet信息服务（IIS）”，如图3所示。图34在“Windows组件向导”中单击“下一步”。开始安装配置我们的服务器IIS，如图4所示。图45等待进度条跑到终点，复制文件全部完成，配置服务器也相应的结束。如图5所示。图5IIS服务器算是安装OK了，那具体有什么用处？又该如何使用呢？练习2：创建简单的ASP页面1.首先，你得想好你的ASP文件总要放在一个地方吧。打开“我的电脑”，在E盘下面建立一个“myASP”文件夹，以后所有的ASP文件先暂时放到这里吧。2.从“开始”菜单，“程序”“附件”打开“记事本”。在里面敲入如图6所示。图63.接着将文件保存到E:myASP文件夹里面，并且命名为time.ASPASP文件已经创建完毕。那么怎么浏览页面效果呢？需要在IIS中创建虚拟目录。练习3：创建虚拟目录测试页面1.从“控制面板”里面打开“管理工具”，如图7所示。图72.从中选择“Internet服务管理器”，如图8所示。图83.弹出的窗口中右键“新建”“虚拟目录”。如图9所示。图94.弹出“虚拟目录创建向导”。如图10所示。图105.下一步，填写别名：myASP。如图11所示。图116.再下一步，目录：浏览到E:myASP即可。如图12所示。图127.紧跟一步，访问的权限一定要把“读取”和“运行脚本”打勾，如图13所示。图138.最终点击“完成”，结果如图14所示。图149.那么剩下的就是调试该time.ASP了。在“Internet信息服务”里面右键time.ASP，选择“浏览”。如图15所示。图1510.最终页面如图16所示。图16实验二 网页设计基础一、 实验目的熟悉HTML基础知识；会编写常用标记的html代码；掌握表格和表单的使用、CSS样式表的创建和使用。二、实验内容1.制作一个课程表；2.制作圣诞倒计时。三、实验要求1.根据要求制作表格，表格内容如表1所示；2.页面包含图片，表格，使用CSS样式表定义表格和图片的格式。四、实验学时：2学时五、实验步骤练习1：制作一个课程表制作效果如图1所示。图1（1） 打开【开始】|【程序】|【附件】|【记事本】，新建一个文本文件。（2） 在记事本中输入如下代码：无标题文档 2007级秋期课程表 上午 星期一星期二星期三星期四星期五 语文英语物理英语数学 语文 英语物理英语数学 英语数学 数学 数学物理 英语数学数学数学物理   数学生物化学物理历史 数学地理化学物理化学 体育历史体育生物生物 （3） 保存文本文件，命名为kcb.htm。（4） 双击kcb.htm，运行结果如图2所示。图2练习2：圣诞倒计时要求运行效果如图3所示。图3（1）新建文本文件，编写改变滚动条颜色和默认字体大小的CSS：body SCROLLBAR-FACE-COLOR:DFDFDF; font-size: 12px; （2）接着创建一个CSS样式.tableBG，设置一个边框为1px、宽度为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的几个属性来显示12.gif图片，如下所示：.picBG background:url(12.gif) no-repeat;background-repeat: no-repeat;background-position: center center;（4）创建一个名为NowText的CSS样式表来显示当前日期：.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）最后定义的样式是为显示倒计时而创建的，名为Ltine：.Lime background-color: RGB(255,0,0);FONT-SIZE: 16px;WIDTH: 100%;COLOR: #FFFFFF;HEIGHT: 20px;TEXT-DECORATION: none;font-family:黑体（6）最后将以上定义的CSS样式表代码保存到文件，再创建一个一行两列的表格应用这些样式并进行适应的运行显示倒计时天数，如下是该文件的其他代码：   今天是 距今年圣诞节还有 天 （7）最终文件的源代码如下：圣诞倒计时（8）保存文件，将该文件复制到上次实验建立的虚拟目录myASP中，在IIS中浏览运行结果。实验三 VBScript程序设计一、实验目的熟悉VBScript语法；掌握控制语句、常量和变量的使用以及常用的函数的用法。图1二 、实验内容1.打印菱形图案；2.递归调用求n的阶乘；3.制作ASP日历；三、实验要求：1.通过编程，打印出如图1所示的图案；2.用递归法求n的阶乘；递归公式如下：1 （n=0，1）n*(n-1) （n1）n!=3.通过编程，打印出日历。 四、实验课时：4学时五、实验步骤练习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，保存在“实验三”文件夹中。（4）打开dylx.htm页面，运行结果如图2所示。图2练习2：递归调用求n的阶乘（1）新建文本文件。（2）在文本文件中输入以下代码：无标题文档 输入一个整数： （3）保存文件qjiecheng.htm，保存在“实验三”文件夹中。（4）浏览该文件，运行效果如图3所示。图3练习3：制作ASP日历（1）新建文本文件。（2）编程获取年、月、日、星期： 年 月（3）根据年月调用CountDays函数求得本月共有多少天，调用FirstDay函数求得本月1日为星期几，进而在表格单元格中显示本月日期，并对当前日期突出显示。如下为两个函数的代码：（4）最后给出以表格形式显示本月日期列表并突出显示当前日期的代码：星期日星期一星期二星期三星期四星期五星期六=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）将上述代码复制到文本文件中，并将网页格式补充完整。（6）保存文件，命名为Calender.ASP，保存在“实验三”文件夹中。运行结果如图4所示。图4实验四 请求和响应一、 实验目的了解Request对象及其成员；掌握Request.Form及Response.write的用法。二、实验内容1.创建一个简单的用户登录页面；2.使用Request对象；3.重定向页面。三、实验要求：1.创建一个简单的用户登录页面，进行简单的输入判断；2.使用Request对象获得服务器信息；3.练习Resoponse对象的Redirect方法，从一个页面直接转到另一个页面。四、实验学时：4学时五、实验步骤：练习1：创建一个简单的用户登录页面（1）在Dreamweaver8中新建一个空白ASP文档。（2）在【设计】面板设计登录界面，如图1所示。图1（3）将文件保存为login.htm，保存在文件夹“实验四”中。login.htm的代码清单如下：无标题文档请输入用户名和密码 用户名： 密  码： （4）新建空白ASP文档，命名为check.ASP，该页面的功能是对login.htm页面中输入的用户名和密码进行判断，若用户名和密码均为1234，显示“用户名密码正确”，若有一项错误，显示“用户密码错误”。Check.ASP页面的代码清单如下：无标题文档（5）在IIS中预览页面，运行结果如图1，图2所示。图1 login.htm运行效果图2 点击“提交”按钮后的运行效果练习2：使用Request对象（1）新建一个ASP页面。（2）在页面中添加一个表格，效果如下：图3（3）代码清单如下：获取服务器信息服务器名：服务器IP：服务器端口：服务器时间：IIS版本：脚本超时时间：秒请求的物理路径：请求的URL路径：http:/（4）保存文件Requestsys.ASP，保存在“实验四”文件夹中。运行结果如图4所示。图4练习3：重定向页面（1）在Dreamweaver中新建空白的ASP文件。（2）在设计视图中设计如下页面：图5代码清单如下：Redirect重定向 从下面的选项中选择一项 【网易】网聚人的力量【搜狐】门户第一网【新浪】互联网新秀【雅虎】作第一个知道的人【惠通科技】我的主页 %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，保存在“实验四”文件夹中。（4）浏览页面，运行效果如图4所示。图6实验五 ASP内建对象一、实验目的理解Application、Session和Server对象的成员；使用Application对象实现全局变量；使用Session对象建立会话级变量。二、 实验内容1.猜数字游戏；2.防刷新的计数器。三、 实验要求1.猜数字游戏使用ASP中的Session来实现服务器和用户之间的交互。随机给出0100之间的数字，让用户猜，游戏会提示太大还是太小，从而缩小结果范围，经过多次提示与猜测后，最终推出答案。2.防刷新的计数器结合Global.asa文件，对更新计数器进行限制，实现放置刷新的计数器功能。四、实验学时：4学时五、实验步骤练习1：猜数字游戏（1）打开虚拟目录，创建一个以GuessNumber.ASP为文件名的文件，然后使用记事本打开该文件，输入以下代码并保存：无标题文档%设置页面不使用缓存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 请输入0100之间的整数 elseif guessnum=0 then session(count)=0 randomize session(number)=int(rnd*100+1) response.Write 请输入1100之间的整数 elseif guessnumsession(number) then response.Write 您猜的太大了elseif guessnumsession(number) then response.Write 您猜的太小了elseif guessnum=session(number) then response.Write 恭喜您，猜对了end ifresponse.Write 共猜了 & session(count) & 次if session(count)=10 then response.Write 答案是 & session(number)end if%重新猜（2）在IIS中浏览该页面运行结果，如图所示。图1 游戏开始图2 第一次猜测图3 第二次猜测图4 第十次猜测练习二：防刷新的计数器（1）新建文本文件输入如下代码：防止刷新的计数器欢迎光临本站当前共有人访问本网站（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）运行counter.ASP，运行结果如图5所示。图5练习三：HTMLEncode函数的使用（1）打开虚拟目录，创建一个以htmlencode.ASP为文件名的文件，然后使用记事本打开该文件，输入以下代码并保存：使用HtmlEncode函数 转换前的输出: % s_message=最新最全的网络资讯 Response. Write s_message % To_Html函数转换后的输出: Server.HTMLencode函数转换后的输出: % 自定义函数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）运行结果如图6所示。图6实验六 ActiveX数据对象一、实验目的1.熟悉ActiveX数据对象的属性和方法;2.掌握Connection对象、Command对象以及RecordSet对象的使用方法。二、 实验内容：1.使用Connection对象；2.使用Command对象；3.使用RecordSet对象。三、 实验要求：1.使用Connection对象连接access数据库；2.使用Command对象访问数据库；3.使用RecordSet对象检索数据。四、实验学时：4学时五、实验步骤：练习1：使用Connection对象（1）使用access创建一个空白数据库，将数据库保存为“学习.mdb”。（2）在数据库窗口中选择【表】对象再单击【新建】按钮，一次创建“学生”、“课程”和“选课”3个数据表。如图1，图2，图3所示。图1图2图3(3)在三个数据表中分别添加多条数据并保存。（4）将access移动到IIS虚拟目录中，并在同一个目录中创建ASP文件，命名为dbConnection.ASP。（5）使用如下代码建立与数据库之间的连接：（6）以表格的形式显示出“学生”数据表中的内容。代码如下：与数据库建立连接成功！以下为“学生”表的内容% Set rs=conn.Execute(select * from 学生) 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）保存文件，浏览运行结果，如图4所示。图4练习2：使用Command对象（1）使用练习一创建的“学习”数据库，在同一目录中创建dbcommand.ASP文件。（2）在ASP文件中编写代码建立与数据库之间的连接（同练习一）。（3）使用Command对象的Execute方法向“学生”表中插入如下记录：（2006120,袁海涛,男,22,计算机系）要实现插入操作，首先要创建Command对象和设置插入SQL语句，如下所示：（4）设置Command对象的其他属性，再调用Execute方法执行Sqlstr的插入语句，完成插入操作。如下所示： （5）重复编写显示“学生”表的代码，最后保存并执行，执行结果如图5所示。图5 插入记录（6）再次使用Command对象的Execute方法，将新插入的记录修改为：（2006120,袁海涛,男,22,土木工程系）设置查询语句sqlstr的值如下：sqlStr= update 学生