ASP实验指导书

ASP动态网页设计实 验 指 导 书实验1：WEB系统的安装与运行 2011-3-11实验2：商务网站首页的设计与实现 2011-3-21实验3：注册表单的客户端验证 2011-3-23实验4：注册表单的服务器端验证 2011-4-2实验5： ASP内置对象的使用 2011-4-13实验6： 网络聊天室的实现（一） 2011-4-25实验7： 网络聊天室的实现（二） 2011-5-6实验8： ASP对数据库的增删查改操作 2011-5-16实验9：信息发布系统的设计与实现（一） 2011-5-25实验10：信息发布系统的设计与实现（二） 2011-5-30实验一 IIS的安装与配置 2011-3-11一、实验目的：熟悉IIS的安装过程与配置方法。通过编写简单的ASP页面，掌握ASP网页的编写和运行方法。二、实验要求：学生掌握关于动态网页的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。三、实验器材：Windows 2000 Server计算机系统；安装IIS、Dreamweaver8、SQL数据库系统等。四、实验内容（步骤、结果）：1、ASP Web服务器的安装与配置；参考步骤：1. 检测本机的TCP/IP协的运行情况：运用Ping和IPconfig命令；2. 将windows 2000/XP光盘插入教师机中，将其共享；3. 学生机器将查看自己的IP地址，在网络中配置；4. 在添加和删除程序中，添加IIS；5. 在自己的本地硬盘中用03soft建一文件夹；6. 在管理工具中Internet 信息服务中配置IIS；7. 运行Dreamweave8建立站点，完成相关的设置，其中根目录与IIS中一致，并使用服务器技术；8. 启动Dreamweaver MX 2004，然后切换到源代码显示方式；9. 在与之间，加入以下ASP代码：；10. 将网页保存到C：03soft目录下，文件命名为first.asp；11. 启动IE浏览器，在地址栏中键入：http:/localhost/first.asp或/first.asp，然后按回车。注意观察输出结果；实验二 表单元素与CSS样式 2011-3-21一、实验目的：熟悉并掌握HTML标记符的用法和功能。掌握HTML网页的基本结构，学会利用HTML标记符来编写简单的网页，达到能够编写和阅读HTML网页源代码的目的,其中重点要掌握有关表单和CSS层叠样式表的应用；二、实验要求：学生掌握关于HTML的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。三、实验器材：Windows 2000 Server计算机系统；安装IIS、Dreamweaver MX 2004、Access 2000数据库系统等。四、实验内容：1、熟练应用DreamWeaver中表单工具生成表单；试在当前页面中设计一名为userinfo的表单，用以收集注册用户的资料，并将其提交给userlogin.asp页面处理。界面如图所示：用户注册用 户 名：密 码：重复密码：性 别： 男 女教育水平：电子邮箱确定 重填对应代码 用户注册 用户名： 密码： 重复密码： 性别： 男 女 教育水平： 硕士以上 大学本科 大专 中专以下 电子邮箱：         实验提示加粗HTML标记部分对应的是表单中的各个对象，注意观察它们的表述形式，其中尤其“input”标记；2、熟练使用CSS层叠样式表对页面进行编排对上述表单运用CSS层叠样式表进行编排，步骤：从大到小、从外到内、从上到下；参考样式样式名称编排对象form表单#form table表单中表格.Table_title表格中标题.Form_content表格中的内容.Form_bottom表格中底部Input_len按钮的长度Td 单元格对应代码 17实验三 注册表单的客户端验证 2011-3-23一、 实验目的：深刻理解有关函数中变量的作用域和各类控制语句的功能；理解和灵活运用JavaScript中常用的几个对象及浏览器对象的属性和方法；二、 实验要求：回顾和复习以前C语言的基本语法知识；进一步加深理解Javascript语法知识；三、 实验器材：Windows 2000 Server计算机系统；安装IIS、Dreamweaver MX 2004、Access 2000数据库系统等。四、实验内容：1、 关于变量的作用域调试下列程序，观察并说明窗口中显示的结果； var x=13,y=29; function test() var num,y=10; num=x+y; x+ document.write(内部的num的值为：+num+”); test(); document.write(测试x的值为：+x+”); document.write(测试y的值为：+y+”); document.write(外部的num的值为：+num+”);2、控制语句与函数的应用，用3种方式实现(if语句、条件表达式、函数调用)；根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好！”的问候语，颜色为绿色；若在12点至18点，则输出“下午好！”颜色为黄色；18点以后输出“晚上好！”颜色为黑色。参考代码方法1: var curday=new Date(); hours=curday.getHours(); document.write(现在是：+hours+点，); if (hours=12) document.write(早上好！); else if (hours=18)document.write(中午好！); else document.write(晚上好！);3、运用windows对象的属性与方法实现动感网页效果；（1）运用JavaScript和windows对象setTimeout方法编程实现在网页中不断显示不同图片的动画效果，有几个按钮控制该动画的不同效果，分别为：放大、缩小、向前、向后、停止、启动；参考代码 var image,i=1function image_change() if(i=5) i=1; my_image.src=Image+i+.jpg; i=i+1; image=setTimeout(image_change(),1000); image_change(); /函数调用；按钮代码：4、JavaScript的事件处理实现交互式网页功能；试在当前页面中设计一名为userinfo的表单，用以收集注册用户的资料，并将其提交给userlogin.asp页面处理。在数据提交之前在前台完成相关数据的检验，要求“用户名”不能为空，两个密码必须相同，电子邮件必须符合格式等；符合条件则提交，否则不提交，运用两种方式实现（自身提交功能、利用提交方法document.login.submit();）界面如图所示：用户注册用 户 名：密 码：重复密码：性 别： 男 女教育水平：电子邮箱确定 重填参考代码function checkform() if (document.login.username.value=) alert(请输入用户名！); document.login.username.focus(); return false; /返回false则不提交 电子邮箱：     实验四 服务器端表单验证 2011-4-2一、实验目的：熟悉VBScript的语法、掌握服务器端利用VBScript编程的基本方法。二、实验要求：学生掌握VB语言的语法特点和内置的常用函数的用法；对程序的结构（顺序、分支、循环、过程）的概念和语法比较清晰；具备基本的编写程序的能力。三、实验器材：Windows 2000 Server计算机系统；安装IIS、Dreamweaver MX 2004、Access 2000数据库系统等。四、实验内容：1. 建立Register.asp文件，完成如下任务：a) 设计一个用户注册界面（10分）。该用户注册界面应包含：用户名、密码、确认密码、性别、兴趣爱好（至少三项）、联系电话、电子邮件、自我简介。添加一个“注册为新会员”的按钮和一个“重新填写”按钮。b) 采用CSS样式对上述表单进行美化。 （10分） 将表单居中对齐，设置表单的宽度为700像素。(2分) 改变表单的背景和边框。(2分) 美化表单中的文本框和密码框，将其上边框和左右边框宽度设置为0 px，下边框的宽度设置为1 px；字体设置为12px；设置一个自己喜欢的背景色和字体颜色。(3分) 美化表单中的按钮，将其边框样式设置为凸起，边框宽度为2 px，并设置一种背景色。字体为14 px 加粗。行高为20 px、高度为25px。(3分)c) 采用JavaScript 脚本对注册表单进行验证。（20分） 验证用户名、密码和确认密码是否为空，长度是否由4到10个字符组成，密码和确认密码是否相同。（4分） 验证用户名、密码是否由数字和字母组成（3分） 验证手机号码的格式是否正确：由数字组成，长度为11位。（4分） 验证电子邮件的格式是否正确：由字母、数字、下划线组成，包含字符（4分） 当表单通过JavaScript的验证后，提交表单到deal.asp 文件中，提交方法采用post方法。(5 分)2. 建立一个Deal.asp 文件，完成以下任务: a) 采用Request对象获取注册用户提交的表单数据；在服务器端再次验证用户名和密码是否为空及两次输入的密码是否一致。（10分）b) 如果验证失败，则转跳到Register.asp页面，并向Register.asp文件传递错误提示信息。提示：转跳到Register.asp页面可以使用Response对象的Redirect方法，传递错误信息可以使用QueryString的方式。（10分）c) 如果验证成功，则在名为“myCookie”的Cookie文件中存放注册用户名和密码，并在Deal.asp页面中输出出如下形式的内容：（10分），如果您采用了CSS样式对输出内容进行了一定程度的美化将会获得5到10分的奖励！尊敬的XXX，您已成功注册为新会员，以下是您提交的内容：-性别：男兴趣爱好：篮球、足球、音乐电子邮件：502210637手机号码我简介：.-进入购物系统 d) 当用户在Deal.asp页面中点击“进入购物系统”时转跳到Buy.asp文件中 （5分）3. 建立一个Buy.asp 文件，完成以下任务: 提取客户端中Cookie的用户名和密码。判断用户名和密码是否为空。如果为空则转跳到Login.asp文件中。（10分）如果不为空，则显示出一个购物页面。购物页面可以有同学自己发挥想象来出来，例如使用表格或DIV和列表来显示商品的图片、价格、名称信息，并给每个商品提供“购物车”按钮。（20分）实验五 ASP内建对象 2011-4-13一、 实验目的：熟练掌握和运用ASP内建对象（包括Response、Request、Session、Application对象等）实现交互功能；二、 实验要求：学生充分理解面向对象的程序设计；理解各类变量的作用域的概念及其使用方法；理解和掌握ASP内建对象的常用属性和方法；三、 实验器材：Windows 2000 Server计算机系统；安装IIS、Dreamweaver MX 2004、Access 2000数据库系统等。四、实验内容：1、调试Response对象的属性和方法Buffer属性： contenttype属性： 测试当前页面数据的类型；charset属性常州纺织服装职业技术学院expires属性： 过期时间为4分钟；现在时间为:redirct方法：转到其它页面，必须放在其它HTML标记和任何内容之前；注意观察地址栏；cookies集：给客户端作一个标记；%response.Write 访问次数为：&request.cookies(uservisit)(num)&%2、ASP内建对象的综合应用（1）运用Response、Request、Session对象以及VBScript编程实现页面的授权访问；设计下列网页：A、 设计用户登陆页面：login.htm；B、 普通用户页面：guest.asp；C、 后台管理页面：manager.asp； D、 用于判断用户名和密码的页面程序：dispose.asp；E、 当用户名和密码错误时的提示页面：alert.asp；导航规则：首先用户进入login.htm；输入用户名和口令均为guest，则导航到guest.asp页面；若用户名为administrator，口令为haweofw，则导航到manager.asp页面。若口令错误，则进入alert.asp显示 “口令错误！单击此处返回”的提示信息，“单击此处返回”为超链接，用户单击后，重新返回到登陆页面。当浏览客户未经过登录页面而直接访问manager.asp页面时，页面会自动转到login.htm，要求必须登录； 用户登录用户名：口 令：确定 重填参考代码login.htm 表单HTMLdispose.asp（2）在完成上例的基础上，利用Cookies集进行改进，实现用户名和密码的维持，一次登录guest.asp页面后，用户名和密码可以维持，可不再输入用户名和密码直接登录；维持期限根据用户自己确定分别为1天、1周、1月。用户登录用户名：口 令：确定 重填维持一天； 维持一周；维持一月；实验八 ASP对数据库的增删查改操作 2011-5-16一、实验目的：熟悉并掌握ASP中利用ADO实现对数据管理的存取访问方法；二、实验要求：学生掌握基础的数据库理论知识；熟悉基础的数据库结构化查询语言SQL；熟悉VBScript中的ADO对象；三、实验器材：Windows 2000 Server计算机系统；安装IIS、Dreamweaver MX 2004、Access 2000数据库系统等；四、实验内容：1、利用ADODB.Connection对象实现对数据库的访问（查找、插入、删除、修改）参考步骤（1）利用Access数据库管理系统创建数据库Stu_manage.mdb，保存在站点根目录下的Database目录下，库中有三个表分别是：Student(SID(6,C,PRI),SNAME(12,C),SSEX(2,C),SPRO(20,C),)Course(CID(3,N,PRI),CNAME(20,C),CTIME(4,N)Stu_Course(SID(6,N),CID(3,N),Score(3,N)分别输入三条记录。（2）在/Database目录下创建Stu_manage.mdb数据库的数据源Stu_manage.DSN；（3）编写ASP程序：l 利用Server对象的Mappath方法实现数据源的映射；l 利用ADODB.Connection对象的Open方法连接数据库；l 利用ADODB.Connection对象的Execute方法执行SQL命令（Select、Insert、Delete、Update）完成数据的相关操作；l 利用记录集和域（Fields）对象实现数据记录的读取和显示；参考代码%dsnpath=server.MapPath(/database/Stu_manage.DSN)set conn=server.CreateObject(adodb.connection) conn.open filedsn= & dsnpathfhsql=select * from Student 显示学生表set rs=conn.execute(fhsql) for num=0 to rs.fields.count-1 response.write rs.fields(num).namenextresponse.write do while not rs.eof for num=0 to rs.fields.count-1 response.write rs(num)nextrs.movenextlooprs.close /关闭对象conn.closese