《Web技术与应用》实验指导书.doc

Web技术与应用实验指导书实验一 ASP编程环境设置一、实验目的及要求1 1 了解并掌握 Windows 2000/NT服务器上IIS（Internet服务管理器）的安装与配置；2 2 了解并掌握虚拟目录的设置方法；3 3 了解并掌握ASP文件上传、下载和运行方法。4 4 掌握Dreamweaver CS3站点环境的设置。二、实验内容5 5 按教材所介绍的方法，在自己的个人计算机上不同的Windows系统安装IIS或PWS。 6 6 编写一个简单的ASP网页程序，实现在浏览器IE中输出“这是我的第一个ASP程序！”。三、实验步骤（一）IIS的安装与配置ASP必须运行在服务器上，因此实验的第一项工作是构建服务器运行环境。本实验指导以Windows 2000操作系统下的IIS 5.0进行操作说明。1安装IIS开始控制面板添加删除程序添加/删除Windows组件Windows组件向导，则出现如下对话框：若没选取IIS信息服务（IIS），则选择，并点按“下一步”按钮，按屏幕提示安装。2检验安装在IE浏览器的地址栏输入：http:/localhost 或，观察其结果。37 7 配置IIS 5.0开始控制面板管理工具 Internet服务管理器，则出现如下对话框：对“默认网站”单击鼠标右键，出现弹出菜单，选择“属性”，则屏幕显示：可根据需要修改默认网站的属性，一般多为“主目录”和“文档”。主目录中主要包括网站在本地机器中的实际路径以及相关权限；文档则设置网站启用的默认文档。（二）虚拟目录的设置要从主目录以外的其他目录中进行发布，就必须创建虚拟目录。“虚拟目录”不包含在主目录中，但在显示给客户浏览器时就象位于主目录中一样。虚拟目录有一个“别名”，供Web浏览器用于访问此目录。别名通常要比目录的路径名短，便于用户输入。使用别名更安全，因为用户不知道文件是否真的存在于服务器上，所以便无法使用这些信息来修改文件。本实验以对实际路径（例如：d:asptemp）创建虚拟目录来说明其操作过程。1在硬盘上创建一个实际目录：d:asptemp2为d:asptemp创建虚拟目录在“Internet信息服务”窗口，在“默认网站”单击鼠标右键，选择“新建”“虚拟目录”，按提示操作分别设置虚拟目录别名（例如：asp）、实际的目录路径（例：d:asptemp）以及虚拟目录的权限。3运行虚拟目录下文件假设实际目录下有文件：1.asp，则访问该文件： http:/localhost/asp/1.asp 在虚拟目录ASP属性中的“文档”，添加一个启用默认文档：1.asp；则访问该文件：http:/localhost/asp（三）在Dreamweaver CS3下设置管理站点本课程实验的开发工具为Dreamweaver CS3，为了能方便的在此软件中创建、调试和运行程序，需要在DW中给网页程序设置管理站点。假设要实验的应用程序存储在实际路径d:asptemp中，它的虚拟目录名为asp，在DW中的管理站点名设为“ASP实验站点”，则具体操作如下：1启动Dreamweaver CS3程序2选择：站点站点管理，则出现对话框：3单击“新建”按钮，选择“站点”，则屏幕显示：输入站点名：ASP实验站点；单击下一步，显示如下对话框：选择单选按钮：是，我想使用服务器技术，然后根据下拉菜单选择：ASP VBScript。单击下一步，显示如下对话框：选择文件存储的实际位置，该实验指南为:d:asptemp。单击下一步，继续显示如下：输入该管理站点浏览的根目录，该实验指南为：http:/localhost/asp/，然后单击“测试URL(T)”按钮，来测试设置是否成功。注：asp即为前面已经设置的路径为：d:asptemp 的虚拟目录名。测试成功，再单击“下一步“，出现：选择单选按钮“否”，单击“下一步”则出现站点定义总结，然后按“完成“按钮，则结束对管理站点的设置。（四）编写并运行一个简单的ASP网页程序1启动Dreamweaver CS3，然后选择已建立的“ASP实验站点”，在其下进行创建、编辑和运行文件。2文件新建，选择“动态页”和“ASP VBScript”，点按“创建”，在出现的屏幕上的与之间加入以下ASP代码： 3将网页保存到形如d:asptemp目录下，文件可命名为first.asp。 选择“在浏览器中预览”，注意观察输出结果。 （五）编写一个HTML代码的网页程序并运行1启动Dreamweaver CS3，然后选择已建立的“ASP实验站点”，在其下进行创建、编辑和运行文件，图片自选。2在站点目录下新建一个名为myfrist.html文件，效果图如下左图所示：该页面分为两个部分，一是标题“欢迎光临我的第一个页面”，二是正文部分，正文背景颜色为黄色。正文中以斜体和粗体显示文字“这是我制作的第一个页面，请大家多多关照”，一级标题“个人简介”，内容包括“姓名”、“年龄”和一张照片，段落格式为居中，字体为“隶书”、大小为“30” 、字体颜色为“棕色（#990000）”，照片大小为“200*200”，单击照片进入mysecond.html页面。 3在站点目录下新建一个名为mysecond.html框架集文件，效果图如如上图右所示，该框架集文件窗口包含2个框架，左侧框架占到整个窗口的30%，框架名称为“leftFrame”，该窗口中显示left.html文件，窗口不出现滚动条，也不能手动改变大小；右侧框架名称为“mainFrame”，该窗口中显示main.html文件，窗口出现滚动条。left.html：该页面有2行文字，分别是“表格”，“列表”，单击“表格”在mainFrame 中显示“biaoge.html”，单击“列表”在mainFrame 中显示“liebiao.html” 。main.html：只有1张图像。四、实验思考题1某同学开发了一个显示来访时间的 ASP 文件，存放在 C:inetpubwwwroot 下，然后在资源管理器中双击该文件，却不能正常显示，请问是什么原因？2想一想，把一个 HTML 网页文件直接更改扩展名为.asp 行不行？3请根据自己的实际情况搭建 ASP 的运行环境。4请在 C:Inetpubwwwroot 下 建立子文件 夹 asptemp，并为其设置虚拟目录为asptemp，并设置默认文档为 index.asp 和 index.htm。5请参考 IIS 的专门书籍好好研究一下，并思考是否一定要在 C:Inetpub wwwroot 下开发 ASP 文件？可不可以放在别的文件夹下？实验二 VBScript程序设计一、实验目的及要求1了解并掌握VBScript脚本程序设计语言的基本语法知识及简单程序设计方法；2熟练掌握ASP环境中的输出方法；3熟练掌握VBScript的If语句和Select Case语句的编程技术；4熟练掌握VBScript的ForNext、DoLoop和For eachIn等循环语句的编程技术；二、实验内容 利用VBScript在网页中输出当前的时间和日期。 上机验证教材上的VBScript各个函数的功能，熟悉其用法。 试用VBScript编程，实现计算并输出1到10的阶乘之和。 试用VBScript编程，实现计算并输出100到500的之间的水仙花数（水仙花数是指该数的值等于各位数字的立方和）。试用VBScript编程，利用数组实现矩阵乘法。三、实验指导（一）VBScript函数函数是一种特定的运算，在程序中要使用一个函数时，只要给出函数名并给出一个或多个参数，就能得到它的函数值。VBScript内部函数可分为：转换函数、字符串函数、日期和时间函数、数学函数和检验函数。1转换函数VBScript对Variant变量一般会根据需要自动转换成合适的数据类型；但有时，自动转换有可能造成数据类型不匹配错误。此时，就应使用VBScript的转换函数来强制转换数据的子类型。常用的转换函数见下表：函数功能CStr(Variant)将变量Variant转化为字符串类型CDate(Variant)将变量Variant转化为日期类型CInt(Variant)将变量Variant转化为整数类型CLng(Variant)将变量Variant转化为长整数类型CSng(Variant)将变量Variant转化为Single类型CDbl(Variant)将变量Variant转化为Double类型CBool(Variant)将变量Variant转化为布尔类型2字符串函数常用字符串函数及功能如下表：函数功能取字符串长度Len(string)大、小写字母转换Lcase(String)， Ucase(String)截取子字符串Mid(string,start,length)Left(string,length)Right(string,length)删除空格Trim(string)， Ltrim(string)， Rtrim(string)重复String(num1,str1)空格Space(num1)取代字符串Replace(str1,str2,str3)字符串拆分为1维数组Split(str1,delimiter)返回字符串位置InStr(str1,str2)3时间和日期函数函数功能Now()取得系统当前日期和时间Date()取得系统当前日期Time()取得系统当前时间Month(Date)取得给定日期的月份Day(Date)取得给定日期是几号WeekDay(Date)取得给定日期是星期几（星期天，1到6分别为17）Year(Date)取得给定日期的年份DateDiff(“Var”,Var1,Var2)计算日期或时间Var1与Var2的间隔“Var”:为时间间隔因子DateAdd(“Var”,num,date)num:间隔倍数；date:原始日期或时间对时间/日期num作加法FormatDateTime(Date,2)显示短日期格式FormatDateTime(Date,1)显示长日期格式FormatDateTime(Date,4)显示短时间格式FormatDateTime(Date,3)显示长时间格式4数学函数函数功能Abs(number)返回一个数的绝对值Sqr(number)返回一个数的平方根Int(number)取number的最大整数部分FormatNumber(num1,num2)将num1转化为指定小数位num2的数Rnd()返回0到1的随机数Ubound(数组名，维数)返回最大下标数Lbound(数组名，维数)返回最小下标数5检验函数函数功能VarType(Variant)返回变量Variant的数据子类型IsEmpty(Variant)检查变量Variant是否为EmptyIsNull(Variant)检查变量Variant是否为NullIsObject(Variant)检查变量Variant是否为对象类型IsNumeric(Variant)检查变量Variant是否为数值类型IsArray(Variant)检查变量Variant是否为数组类型IsDate(Variant)检查变量Variant是否为日期类型（二）VBScript脚本语言语句1条件语句 If Then End IfIf 条件语句 Then执行语句End If If Then Else End If（单条件）If 条件语句 Then执行语句1Else执行语句2End If If Then Else End If（多条件）If 条件语句1 Then执行语句1ElseIf 条件语句2 Then执行语句2.Else执行语句n+1End If Select Case 语句Select Case 变量或表达式Case 结果1执行语句1Case 结果2执行语句2Case 结果 n执行语句nCase Else执行语句n+1End Select2循环语句 For Next循环For counter=start To end Step number执行语句Next Do Loop循环Do While 条件1执行语句Loop或Do执行语句Loop While 条件1 For EachIn循环For Each In Next说明：对中的每一个 依次执行一次。其集合元素为离散型的。（三）VBScript过程在VBScript中，过程有两种：Sub子程序和Function函数。(1) (1) Sub子程序 Sub子程序的语法：Sub 子程序名（参数1，参数2，） 语句End Sub 调用子程序1) Call 子程序名（参数1，参数2，） 2) 子程序名 参数1，参数2，(2) (2) Function函数 Function函数的语法：Function 函数名（参数1，参数2，） 语句End Function 调用函数变量= Function 函数名（参数1，参数2，）函数可以向变量一样引用和参与运算 （四）“显示当月日历”实例分析该程序的运行结果为显示当月的日历，其输出形式为：3要解决的主要问题 首先要计算当月有多少天？ 其次要计算1号是星期几？ 依次计算每一天到底位于第几行第几列？（不算标题行）？ 计算该表格总共有多少行？ 画一个若干行7列的表格，将每一天输出到相应的单元格。8 8 计算当月有多少天？ 每个月的天数在2831的范围。 利用Isdate()函数判断29、30、31是否是该月的合法日期。 使用自定义函数numday()来完成该功能。9 9 计算1号是星期几？ 利用Weekday()函数来判断，它返回值1到7，分别对应星期日、星期一、.、星期六，因此1号是星期几正好对应第几列。 使用自定义函数firstday()来完成。10 10 计算每一天位于第几行第几列？ 一个月前面空出来的天数为：firstday()-1 如果（当天日+ firstday()-1）能被7整除，则行数为： ( 当天日+ firstday()-1 ) 7 ；否则行数为： ( 当天日+ firstday()-1 ) 7 +1 。两个合为一个式子：行= ( 当天日+ firstday()-2 ) 7 +1 列= ( 当天日+ firstday()-1 ) 7 Mod 7 但余数为0，应该在第7列。 使用2维数组来保存行、列信息。利用自定义函数arraydate()来完成。11 11 计算日历总共有多少行？ 根据月份不同，日历的行数可能是4、5和6行。 该月最后一天的行数，即为日历的总行数。 总行数= ( numDay()+ firstday()-2 ) 7 +1 使用自定义函数numRow()来完成。4绘制表格，将每一天输出到该表格中 利用嵌套循环输出数组中的每个值。 如果数组值为0，就输出一个空格；如果不为0，可分为3种情况：当天，蓝色加粗显示；周末，红色显示；其他则黑色。5程序代码四、实验思考题1在你的个人主页上添加时间显示信息，显示当天的日期、时间及星期几。2请编写程序段，将字符串“祖国”和“万岁”两边的空格去掉，并连成一个字符串“祖国万岁”。3请编写程序段，判断当天日期，如果是 25 日，则显示“请注意，明天可能有病毒发作”。4S=12+32+52+992，请利用两种循环语句编写程序，计算 S 的值。（提示：注意步长）。5请编写函数计算 a 到 b 的立方和，并举例调用，调用时 a、b 分别为 3 和 6。 6有 100 个和尚吃 100 个馒头，大和尚 1 人吃 4 个，小和尚 4 人吃 1 个，问有多少个大和尚和多少个小和尚？（提示：使用循环嵌套和判断语句）实验三 Request和Response程序设计一、实验目的及要求1熟练掌握利用Request对象从客户端获得信息的技术；2熟练掌握Form和QueryString方法，编制用户注册信息的填写与显示程序；3熟练掌握利用Response对象向客户端输出信息的技术；4熟练掌握Write、Redirect和Cookies方法，编制相关的验证演示程序。二、实验内容1试编写一个简单的注册程序，客户注册后显示客户的注册信息。 2试编写一个HTML页面，在页面中输出4个多项选择题，题目内容自拟，每个题目均有A、B、C和D四个选项，当用户单击“交卷”按钮时，提交答案给grade.asp页面，grade.asp页面获得表单所提交的数据后，将数据直接输出给客户端，以显示用户对各题所作出的选择。 3试编写一个ASP程序，实现在浏览器中显示接受请求的服务器的IP地址、服务器的端口号、当前网页的实际物理路径、当前网页的虚拟路径和发出请求的客户端IP地址。 三、实验指导ASP几个重要的内部对象： Request对象：从客户端获取数据 Response对象：向客户端输出数据 Session对象：记载特定客户的信息 Application对象：记载同一个应用程序中的所有用户之间的共享信息 Server对象：创建COM对象和Scripting组件等 （一）Request对象Request对象：用于接受所有从浏览器发往服务器的请求内的所有信息。Request对象的语法：Request.数据集合|属性|方法(变量或字符串)1Request对象的集合（获取方法）对象功能QueryString从查询字符串中读取用户提交的数据Form取得表单信息Cookies取得客户端浏览器的Cookie信息ServerVariables取得服务器环境变量信息ClientCertificate取得客户端浏览器的身份验证信息2Request对象的属性属性功能TotalBytes只读属性，取得客户端响应数据的字节大小3Request对象的方法属性功能BinaryRead以二进制码方式读取客户端POST数据（二）Response对象功能：将输出发送到客户端。Response对象的语法：Response.集合|属性|方法1Response对象的方法方法功能Write输出信息到客户端浏览器Redirect引导客户端浏览器至新的 Web 页面BinaryWrite输出二进制信息到客户端浏览器Clear清除在缓冲区的所有HTML页面End终止处理ASP程序，并返回当时的状况Flush立即送出缓冲区的HTML数据2Response对象的属性属性功能Buffer设置是否把Web页面输出至缓冲区，取值为false或true；默认为 falseContentType设置服务器响应给客户端的HTTP文件形式；如果未指定，默认为TEXT/HTML3Response对象的集合属性功能Cookies 设置客户端的Cookie值 设置Cookies语法：Response.Cookies(“cookiesname”)=“cookiesvalue”功能：将cookiesvalue写入至客户端硬盘。 设定Cookies的有效期语法：Response.Cookies(“cookiesname”).expires=“settingtime”功能：将Cookies设为永久的方式，其有效期为settingtime。(1) (1) 取出Cookies语法：Request.Cookies(“cookiesname”)功能：取得客户端硬盘内所存的Cookies值。（三）实例分析：网站注册和进入1程序功能若是首次访问本网站，则先注册，并把用户名记入cookies；若是老顾客，则直接进入网站。12 12 主程序：4_index.asp注册程序：4_login.asp主页显示程序：4_home.asp 验证程序：4_verify.asp新用户老用户提交失败成功程序结构2程序流程 主程序：4_index.asp判用户名是否写入cookies?开始注册程序：response.redirect 4_login.asp主页显示程序：NY判传递的参数类别?开始老客户，显示“欢迎再次光临！”新客户，显示“欢迎首次光临！”10(1) 主页显示程序：4_home.asp(有参数jr) 注册程序：4_login.asp开始FORM表单输入：用户名密码密码确认E-mailQQ号 调4_verify.asp验证输入提交开始判传递的参数类别?主页显示程序：用户名写入cookies，有效期设为3年显示错误！重新注册：合法有错 验证程序：4_verify.asp2程序代码 主程序：4_index.asp 主页显示程序：4_home.asp 注册程序：4_login.asp 验证程序：4_verify.asp四、实验思考题1Response 的 Write 方法的两种写法有何区别。2Redirect 方法和超链接的区别是什么？3当使用 Redirect 方法时，为什么有时要在文件开头加这句话？4请开发一个简单的在线考试程序，可以包括若干道单选题、多选题，单击交卷按钮后就可以根据标准答案在线评分。实验四 Session和Application程序设计一、实验目的及要求1熟练掌握利用Session对象记载特定客户信息的技术，编制相关的验证演示程序；2熟练掌握利用Application对象记载所有客户信息的技术，编制相关的验证演示程序，并设计一个简单“聊天室”程序。二、实验内容1上机验证教材上的例12-14至例12-17。 2试编写一个ASP程序，实现并显示当前网页的在线人数和计数器。 3试编写一个ASP程序，实现一个简单的聊天室，能够显示发言人的姓名、发言内容和发言时间等。三、实验指导（一）Session对象Session指的就访问者从到达某个特定主页到离开为止的那段时间，每一访问者都会单独获得一个Session。Session对象存储特定的用户会话所需的信息。13 13 Session对象的属性：(1) (1) SessionID：存储用户的Session ID1Timeout：Session的有效期时长14 14 Session对象的方法：2Abandon：清除Session对象3Session对象的事件（与Global.asa结合使用）： Session_OnStart：一个Session对象开始前，调用该程序； Session_OnEnd：一个Session对象结束后，调用该程序；4Session对象存取信息 Session对象存取变量或字符串保存语法：Session(“Session名字”)=变量或字符串信息 从Session中调用该信息的语法：a=session(“Session名字”) Session对象存取数组保存数组的语法：Session(“Session数组名”)=数组变量 获取数组的语法：V_array=Session(“Session数组”)（二）Application对象简介Application对象记载不同客户端共享的数据。所有客户使用一个Application对象。Application对象无有效期。从该应用程序启动直到该应用程序停止。1Application对象的方法 Lock：锁定 Unlock：解除锁定2Application对象的事件（与Global.asa结合使用）： Application_OnStart：一个Application对象开始前，调用该程序； Application _OnEnd：一个Application对象结束后，调用该程序；15 15 Application对象存取信息 Application对象存取变量或字符串Application对象保存数据的语法：Application(“Application名字”)=变量或字符串 Application对象获取数据的语法：v_name=Application(“Application名字”) Application对象存取数组必须把数组当成一个整体存入和读取，只是存储时应Lock和Unlock。 存储数组语法：Application(“Application数组名”) = 数组变量 获取数组信息的语法：V_array = Application(“Application数组名”)（三）实例分析：一个简单的小小聊天室该聊天室功能较简单，仅在进入时输入昵称，然后在聊天室输入并显示输入信息。主程序：Index.asp输入昵称框架程序：Chat.asp上框架程序：Main.asp显示发言下框架程序：Input.asp输入发言退出聊天室程序：Exit.asp选择退出1聊天室总体结构2主程序：Index.asp主程序主要输入用户昵称，并检查昵称是否为空，为空则重新输入；不为空则调Chat.asp程序，进入聊天室。其程序代码如下：3框架程序：Chat.asp该程序首先保存用户的昵称到个人Session对象，然后把用户的一些基本信息，如IP地址、昵称、来访时间等保存到公共Application对象中，并把在线人数增加1个。最后把网页分为上、下两个框架，上框架显示发言，下框架输入发言。程序代码如下：4上框架程序：Main.asp该程序5秒在屏幕上显示一次Application对象的内容。其程序代码如下：5下框架程序：Input.asp该程序主要输入发言内容，并能选择发言文字的颜色和表情。程序实现如下： 6退出聊天室程序：Exit.asp首先保存退出者的相关信息，然后把在线人数减少1个，重定向到Index.asp。程序代码如下：四、实验思考题1请编写两个页面，在第一个页面中客户要输入姓名，然后保存到 Session 中。在第二个页面中读取该 Session 信息，并显示欢迎信息。如果客户没有在第一页登录就直接访问第二页，要将客户重定向回第一页。实验五 ASP数据库组件程序设计 一、实验目的及要求1了解和掌握ASP数据库组件的基本概念和使用方法。2掌握常用网络数据库的基本操作方法。3以Access和SQL Server数据库为例，熟练掌握ASP数据库存取技术。二、实验内容1建立实验所需要的数据库（例如：wwwlink.mdb），并设置好数据源（例如：wwwlink）。 2上机验证教材上的例6.10至例6.16。 3设计一个具有查询、更新、删除和插入功能的简单通讯录管理系统。三、实验指导数据库存取组件ADO组件可访问和操作数据库中的数据，属于ASP内置组件。ADO组件主要包括三个对象：Connection、Command和Recordset。（一）Connection对象Connection对象主要是建立与数据库的连接16 16 Connection对象的方法方 法说 明Open建立与数据库的连接Close关闭与数据库的连接Excuse执行SQL命令BeginTrans开始事务处理CommitTrans提交事务处理结果RollbackTrans取消事务处理结果1Connection对象的属性属 性说 明Attributes设置Connection对象控制事务处理时的行为CommandTimeoutExecute方法的最长执行最长时间ConnectionString指定Connection对象的数据库链接信息ConnectionTimeoutOpen方法与数据库链接的执行最长时间CursorLocation控制光标的类型DefaultDatabase指定Connection对象的缺省数据库名称IsolationLevel指定Connection对象事务处理的时机Mode设置连接数据库的权限Provider设置Connection对象内定的数据库管理程序名称Version显示ADO对象的版本信息（二）ADO的Recordset对象Recordset对象又称记录集对象17 17 Recorsdet对象的常用属性属 性说 明SourceCommand 对象名或 SQL 语句或数据表名ActiveConnectionConnection 对象名或包含数据库连接信息的字符串CursorType Recordset对象记录集中的指针类型LockTypeRecordset 对象的使用类型MaxRecords控制从服务器取得的记录集的最大记录数目CursorLocation控制数据处理的位置，客户端还是服务器端Filter控制欲显示的内容RecordCount记录集的总数Bof记录集的开头Eof记录集的结尾PageSize数据分页显示时每一页的记录数PageCount数据分页显示时数据页的总数AbsolutePage当前指针所在的数据页AbsolutePosition当前指针所在的记录行2Recorsdet对象的方法属 性说 明Open打开记录集Close关闭当前的 Recordset 对象Requery重新打开记录集MoveFirst移