商务网站建设实验指导书.doc

商务网站建设实验指导书实验一 asp编程环境设置一、实验目的及要求1 1 了解并掌握 windows 2000/nt服务器上iis（internet服务管理器）的安装与配置；2 2 了解并掌握虚拟目录的设置方法；3 3 了解并掌握asp文件上传、下载和运行方法。4 4 掌握dreamweaver mx站点环境的设置。二、实验内容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 2004 mx下设置管理站点本课程实验的开发工具为dreamweaver 2004 mx，为了能方便的在此软件中创建、调试和运行程序，需要在dw中给网页程序设置管理站点。假设要实验的应用程序存储在实际路径d:asptemp中，它的虚拟目录名为asp，在dw中的管理站点名设为“asp实验站点”，则具体操作如下：1启动dreamweaver 2004 mx程序2选择：站点站点管理，则出现对话框：3单击“新建”按钮，选择“站点”，则屏幕显示：输入站点名：asp实验站点；单击下一步，显示如下对话框：选择单选按钮：是，我想使用服务器技术，然后根据下拉菜单选择：asp vbscript。单击下一步，显示如下对话框：选择文件存储的实际位置，该实验指南为:d:asptemp。单击下一步，继续显示如下：输入该管理站点浏览的根目录，该实验指南为：http:/localhost/asp/，然后单击“测试url(t)”按钮，来测试设置是否成功。注：asp即为前面已经设置的路径为：d:asptemp 的虚拟目录名。测试成功，再单击“下一步“，出现：选择单选按钮“否”，单击“下一步”则出现站点定义总结，然后按“完成“按钮，则结束对管理站点的设置。（四）编写并运行一个简单的asp网页程序1启动dreamweaver 2004 mx，然后选择已建立的“asp实验站点”，在其下进行创建、编辑和运行文件。2文件新建，选择“动态页”和“asp vbscript”，点按“创建”，在出现的屏幕上的与之间加入以下asp代码： 3将网页保存到形如d:asptemp目录下，文件可命名为first.asp。 选择“在浏览器中预览”，注意观察输出结果。 四、实验思考题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各个函数的功能，熟悉其用法。 上机验证教材上的例3-1至例3-8。 试用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程序代码简单的日历年月日一二三四五六%首先调用函数arrardate，返回6*7的二维数组,该数组和单元格一一对应dim thedate 定义一个变量，用以接受返回的数组thedate=arraydate() 调用函数，返回数组，执行后，thedate自动变成数组下面正式输出日历dim i,jfor i=1 to numrow() 从第1行到最后1行循环response.write 开始一个新行for j=1 to 7if thedate(i,j)0 then if thedate(i,j)=day(date() thenresponse.write & thedate(i,j) & 将当天标为蓝色加粗elseif j=1 or j=7 thenresponse.write & thedate(i,j) & 将周六和周日标为红色else response.write & thedate(i,j) & 其它日期普通显示即可end ifelseresponse.write   该单元格为空end ifnextresponse.write 结束这一行next %四、实验思考题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上机验证教材上的例4-1至例4-7。 2试编写一个简单的注册程序，客户注册后显示客户的注册信息。 3试编写一个html页面，在页面中输出4个多项选择题，题目内容自拟，每个题目均有a、b、c和d四个选项，当用户单击“交卷”按钮时，提交答案给grade.asp页面，grade.asp页面获得表单所提交的数据后，将数据直接输出给客户端，以显示用户对各题所作出的选择。 4试编写一个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 验证程序：4_verify.asp2程序代码 主程序：4_index.asp% response.cookies(“c_name”).expires=”2005-01-01” if request.cookies(“c_name”)” then response.write “进入主页” else response.redirect “4_login.asp” 注册 end if % 主页显示程序：4_home.asp无标题文档 注册程序：4_login.asp 用户注册 用户注册用户名：*密码：* (密码长度不能少于6位数)密码确认：*e_mail:*qq号：   验证程序：4_verify.asp%dim error_messageif trim(request(“user_name”)=” thenerror_message=error_message & “请填写您的用户名”end ifif trim(request(“user_pass1”)=” or len(trim(request(“user_pass1”)6 thenerror_message=error_message & “您的密码不能为空且不能少于6位数！”end ifif trim(request(“user_pass1”)trim(request(“user_pass2”) thenerror_message=error_message & “您两次输入的密码不相同，请重新输入！end ifif instr(request(“user_email”),”)=0 thenerror_message=error_message & “请输入有效合法的e-mail地址 ！”end ifif request(“user_qq”)” and isnumeric(request(“user_qq”)=false thenerror_message=error_message & “qq号码应该是数字,请重新输入!”end ifif error_message” thenresponse.write error_message & “请返回重新输入else response.cookies(“c_name”)=trim(request(“user_name”) 用户名记入cookies response.cookies(“c_name”).expires=date()+3*365 有效期限为3年 response.write “您通过了验证”下面可以继续进行各种操作end if%四、实验思考题1response 的 write 方法的两种写法有何区别。2redirect 方法和超链接的区别是什么？3当使用 redirect 方法时，为什么有时要在文件开头加这句话？4请开发一个简单的在线考试程序，可以包括若干道单选题、多选题，单击交卷按钮后就可以根据标准答案在线评分。实验四 session和application程序设计一、实验目的及要求1熟练掌握利用session对象记载特定客户信息的技术，编制相关的验证演示程序；2熟练掌握利用application对象记载所有客户信息的技术，编制相关的验证演示程序，并设计一个简单“聊天室”程序。二、实验内容1上机验证教材上的例5-1至例5-7。 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=app