本章训练目标:
(1) 了解动态 Web站点的结构及其工作过程,通过示例了解 ASP
技术的应用方法 。
(2) 通过,接收客户表单信息,实训课题,掌握创建服务器端脚本技术 。
(3) 通过,客户登录验证,实训课题,掌握 ADO访问数据库技术的实现方法,动态 Web及数据库信息发布在实际中的应用 。
第 7章 动态 Web技术与数据库信息发布
7.1 动态 Web技术基础
7.2 动态 Web技术应用实训 1--接收客户定单信息
7.3 动态 Web技术应用实训 2--客户登录验证
练 习
上机练习
实训课题动态 Web技术与数据库信息发布
7.1 动态 Web技术基础
7.1.1 动态 Web站点的结构及其工作过程动态 Web技术是与静态 Web相对应的。“静态”页面的内容是“固定 不变”的,无法根据用户的需求和实际情况发生相应的变化。在传统的静态 Web站点中,HTML文档是事先制作好了的,存储在服务器的文件系统目录当中。
动态 Web站点的结构及其工作过程见图 7.1,它的工作 过程 如下:
(1) 客户通过 HTTP协议,向站点的 Web服务器申请一个页面。
(2) Web服务器根据客户的请求内容,启动服务器应用程序。
(3) 数据库把用户请求数据集发送给服务器应用程序。
(4) 服务器应用程序动态生成 HTML文档,并将执行结果按 HTML 格式的页面传送至客户端浏览器。
(5) 浏览器解释执行返回的页面,并把含有数据库内容的结果信息呈现给用户。
图 7.1 动态 Web站点的结构及其工作过程
7.1.2 客户端脚本和服务器端脚本脚本可分为客户端脚本和服务器端脚本 。
客户端脚本在客户端解释执行,它的运行环境是客户端的浏览器。
服务器端脚本在服务器端解释执行,它的运行环境是 Web服务器软件。
7.1.3 ASP技术
ASP是 Active Server Pages(动态服务器主页)的简称。 ASP不是一种编程语言,而是一种服务器端的脚本编程环境。 ASP可以胜任基于微软 Web服务器的各种动态数据发布。
ASP服务器端脚本就是一段嵌入到一个 HTML文档中的 VBScript 或
JavaScript代码 。
ASP文件的后缀名必须是,asp,当用户从浏览器请求一个 ASP页面时,服务器将首先在文档中寻找带有 ASP特殊标记的服务器脚本 。
ASP所设计出的是动态主页,可接收用户提交的信息并做出相应的反应,
其中的数据可随实际情况而改变,无须人工对网页文件进行更新即可满足应用的需要 。
7.1.4 ASP的功能从应用角度来看,ASP主要功能如下:
(1) 处理由浏览器传送到站点服务器的表单输入 。
(2) 访问和修改服务器端的数据库内容 。 使用浏览器即可按一定权限输入,
更新和删除站点服务器的数据库数据 。
(3) 读写站点服务器的文件,实现访客计数器,座右铭等功能 。
(4) 可以实现在多个主页间共享信息,以开发复杂的商务站点应用程序 。
(5) 使用 VBScript或 JScript等常用的脚本语言,结合 HTML代码,快速完成站点的应用程序开发任务 。
7.1.5 建立 ASP应用开发环境在 Windows 98环境上的 PSW内置了对 ASP的支持,不必再安装 ASP。 在
Windows NT4.0上安装 ASP之前,要关闭和 ODBC有关的应用程序,例如 Microsoft Access,Microsoft SQL Server等等 。 IIS及 ActiveX Server
Pages都包含在 Service Pack 3中 。 在安装前,需要先安装软件 Windows
NT Server 4.0,IIS2.0(或以上版本 ) for Windows NT和 Windows NT Server
4.0 Service Pack 3中文版,然后在 IIS3.0(或以上版本 )的光盘中找到 ASP
的安装程序,按照安装向导的提示一步步安装即可 。
7.1.6 ASP技术应用示例现在我们制作一个简单的 ASP页面,以了解如何使用 ASP制作动态页面 。
(1) 在服务器目录下建立一个共享文件夹 。
① 建立一个文件夹,起名为 ASPSample,用鼠标右键单击文件夹,出现一个下拉菜单,在菜单中选择,属性,。
② 出现,ASPSample属性,对话框 。 在对话框中分别选择,共享,和
,Web共享,标签,根据提示选择选项,将 ASPSample设为共享目录 。
③ 设置完成后,我们可以看到 ASPSamle文件夹变成了被一只手托起的图标,这表明它已经成为共享文件夹 。
(2) 在记事本中输入 ASP源代码 。
(3) 打开浏览器,在浏览器 URL栏目中输入 ASP文件的 URL,假设现在的文件在名为 dzxx的服务器上,所以在 URL中输入
http://dzxx/ASPSample/ex07-001.asp。
图 7.2 ex07-001.asp在浏览器中的显示
(4) 在浏览器中观察经服务器端 ASP作用之后的 ex07-001.asp的源代码经服务器端的 ASP引擎解释执行后,在客户端成为标准的 HTML语句:
<FONT SIZE=3>中国高等职业技术教育研究会 <FONT><BR>
<FONT SIZE=4>中国高等职业技术教育研究会 <FONT><BR>
<FONT SIZE=5>中国高等职业技术教育研究会 <FONT><BR>
<FONT SIZE=6>中国高等职业技术教育研究会 <FONT><BR>
7.2.1 任务要求要求在页面上为某软件供应商制作一个用户定单,接收客户的姓名,
联系电话,身份证号等信息,用户界面如图 7.3所示 。
图 7.3 客户定单界面
7.2 动态 Web技术应用实训 1—— 接收客户定单信息
7.2.2 制作表单,收集用户信息在记事本中输入以下代码,或在 FrontPage 2000中制作界面,用文件名
ex07-002.htm存放在 Inetpub的共享目录下,本实训课题保存在 Inetpub目录的 ASPSample目录下 。
7.2.3 建立服务器端应用程序一个交互式的页面,应当能够接收并处理用户提交的信息。使用 ASP技术来接收并处理用户提交信息相对要简单一些,因为在 ASP中内置了一个,Request”组件,专门用来接收浏览器发送给服务器的信息。
代码说明:
(1) 通过 ex07-002.asp代码,我们可以看到,从浏览器端发送的表单信息是通过 Request组件来引用的。
(2) 在代码最后几行使用,VBScript”的日期函数,输出相应的日期 。
7.2.4 在浏览器中测试定单在浏览器的 URL栏目中输入 ex07-002.html文件的 URL地址,本实训课题的统一资源定位是 http://dzxx/ASPSample/ex07-002.htm,软件定单在浏览器中的显示如图 7.4所示,在表单中输入数据,然后单击,确定,按钮 。
图 7.4 购买软件定单
7.2.5 ASP接收定单信息响应,确认,之后,激活 ex07-002.asp服务器端应用程序,接收表单信息,反馈结果如图 7.5所示 。
图 7.5 表单的反馈信息
7.3.1 任务要求为网站完成一个用户登录验证页面的开发制作。新用户在浏览器端界面中输入姓名,E-mail、帐号和密码等信息,单击提交按钮,将数据写入数据库。
7.3.2 界面设计
1,用户登录界面图 7.6 用户登录界面
7.3 动态 Web技术应用实训 2—— 客户登录验证
2,新用户登录界面设计新用户登录界面如图 7.7所示。
7.3.3 数据库的设计与制作 图 7.7 新用户登录界面本案例使用 Microsoft Access 2000桌面数据库,这样可以使问题得以简化 。 用户在开发商业 Web应用时,可选择使用 SQL Server作为数据库服务器 。
(1) 建立一个数据库 res.mdb,其中有一张表,user。
(2) 建立数据库 。
① 启动 Access,打开,Microsoft Access”窗口,见图 7.8,在图中选择
,空数据库,选项钮,然后单击,确定,按钮 。
表 7.1 user表字段说明图 7.8,Microsoft Access”窗口 图 7.9,res:数据库”对话框字段名称 字段数据类型 字段属性 作 用姓名 文本 字段大小,20 存储用户姓名帐号 数字 格式:长整型 存储用户帐号密码 文本 字段大小,20 存储用户密码
E-mail 文本 字段大小,30 存储用户 E-mail地址
② 弹出,文件新建数据库,对话框,在对话框中指定数据库的名称和位置 。 本案例的数据库名是 res.mdb,存放在 Inetpub 目录的共享目录
ASPSample1下 。 在对话框中单击,创建,按钮 。
③ 弹出,res:数据库,对话框,见图 7.9。 在图中选择,使用设计器创建表,
选项 。
④ 弹出,表设计视图,,如图 7.10所示,在图中输入字段名称,字段数据类型和字段属性 。 然后保存设计好的表,本案例我们为该表起名为
,user”。
图 7.10,表设计视图”
7.3.4 ADO访问数据库操作
1,?ADO访问数据库技术在动态 Web技术中,上网的用户可以交互的方式访问主页,网页中的信息根据用户的请求或服务器端数据库内容的更新而及时变化 。
ADO( ActiveX Data Objects)是微软开发的一套属于应用程序级的通用访问数据库编程接口,它提供一组优化的访问数据库专用对象集,是面向对象的数据库连接新技术,也为 ASP提供了完整的站点数据库访问解决方案。
在 ASP中内置了数据库访问组件 ADODB,它是属于数据库应用的 COM
构件,可以在多种环境下应用,ADO通过它来访问各种类型的数据库。
2,?ADO的工作机制在 ASP技术中使用 ADO访问数据库的工作过程如图 7.11所示 。
(1) 用户通过客户端浏览器提出 *.asp页面请求 。
(2) ASP引擎调用相应的脚本引擎进行处理 。
(3) 若脚本指令调用了 ADO组件,则由 ADO调用 ODBC。
(4) 通过 ODBC与后台数据库相连 。
(5) 数据库管理系统对数据库进行操作,并将用户请求数据通过数据库管理系统上传 。
(6) 将执行结果动态生成一个 HTML页面返回用户 。
图 7.11 ADO的工作机制
3.ADO访问数据库技术的实现使用 ADO技术可以访问多种数据库,本案例使用了 Access桌面数据库。
为,res”数据库建立数据源的操作过程如下:
(1) 在 Windows(或 Windows NT)桌面上打开,控制面板,。
(2) 在控制面板中双击,ODBC数据源 (32位 )”,如图 7.12所示 。
图 7.12 选择,ODBC数据源 (32位 )”
(3) 在,ODBC数据源管理器,中,选择,系统 DSN”标签,然后单击,添加,
按钮,如图 7.13所示 。 在,系统数据源,栏目中将列出已安装在系统上的所有数据源名,请注意用于 Web服务器的数据源必须选用,系统 DSN”。
(4) 出现,创建新数据源,对话框,如图 7.14所示,在对话框中选择
,Microsoft Access Driver”,单击,完成,按钮 。
图 7.12 选择,ODBC数据源 (32位 )” 图 7.13 选择系统数据源图 7.15 输入数据源名 图 7.16 选择要连接的数据库
(5) 出现,ODBC Microsoft Access 安装”对话框,如图 7.15所示。 在
“数据源名”文本框中输入数据源的名字,本案例使用 dbname做数据源名。
(6) 打开“选定数据库”窗口,如图 7.16所示,在窗口中选择要连接的数据库,本案例是,res.mdb”,然后单击“确定”按钮。
(7) 回到,ODBC Microsoft Access 安装”对话框,如图 7.17所示,我们可以看到,要连接的数据库的目录和名字已经出现在数据库栏目中。
(8) 回到,ODBC数据源管理器”窗口,如图 7.18所示,ODBC数据源建立完成后,在“系统数据源”窗口我们看到刚刚建立的 dbname数据源的名字。最后单击“确定”按钮。
图 7.17 连接数据库 图 7.18 完成数据源的建立
4,使用 ADO访问数据库的基本语句使用 ADO访问数据库的设计要领是掌握 ASP脚本的几个典型语句,它们是:
(1) 创建 ADO对象,有两种创建方法:
(2) 用,Open”打开待访问的数据库。
Connection对象的 Open方法打开要访问的数据库,Close方法关闭当前已打开的数据库。使用 Open的语法规则是,Conn.Open,DSN名称”。
(3) 执行数据库命令,设定 SQL语句。
使用 Connection对象的 Execute方法,即可开始执行访问数据库的动作,例如:
Set RS=Conn.Execute(,SQL语句”),其中 RS为结果集对象。
(4) 利用 RecordSets对象所提供的属性显示查询结果 。
(5) 关闭结果集对象,断开与数据库的连接 。
7.3.5 代码设计与编制
1,代码功能简介用户登录界面文件名为 user.htm。当老用户在页面中输入帐号和密码,
并单击“提交”按钮后,由服务器端应用程序 judge.asp接收页面的表单信息,并将帐号和密码文本框中的信息与数据库中的信息相比较。
2,用户登录界面 user.htm代码
(1) 用户登录界面代码控件属性
(2) 用户登录界面代码 user.htm清单
(3) 接收用户登录界面信息 judge.asp代码
(4) 新用户登录界面 new-user.htm代码
(5) 接收新用户登录界面信息代码 newres.asp清单
7.3.6 在浏览器中测试客户登录验证功能
1,注册新用户在 浏 览 器 地 址 栏 目 输 入 用 户 登 录 界 面 的 URL,本 案 例 是
http://dzxx/ASPSample1/user.htm 在注册新用户界面输入新用户信息,然后单击,提交,按钮 。 如图 7.19所示 。
2,注册成功界面如果注册成功,用户信息被写入数据库,并显示注册成功界面,见图 7.2
在界面中单击,注册,超链接,返回注册用户页面 。
图 7.21显示了数据库 res.mdb中的表 user,我们可以看到 。 刚录入的用户信息已被写入数据库 。
如果在新用户界面注册的数据已被人注册,将显示注册不成功界面 。 如图 7.22所示,单击超链接,注册新用户,返回注册新用户界面 。
新用户注册成功后,成为老用户,即可在用户注册界面注册进入网站,见图 7.23。 用户在界面中输入帐号和密码,然后单击,提交,按钮,进入站点 。
图 7.19 注册新用户界面 图 7.23 老用户注册登录图 7.20 注册成功界面图 7.21 用户数据已写入数据库图 7.22 注册不成功界面练 习
1,解释动态 Web页面和静态 Web页面的含义 。 在网页中插入动画或影视媒体是否就称其为动态的页面?
2,请简单说明动态 Web站点的结构及其工作过程 。
3,客户端脚本和服务器端脚本的区别是什么?
4,一个含有客户端脚本,服务器端脚本和 HTML格式的服务器端应用程序,在客户端看到的是什么?
5,什么是 ASP技术? 它有什么功能?
6,简述 ASP内置组件,Request”的功能 。 ASP页面的 Request对象包含什么内容?
7,什么是 ADO,它的工作过程是怎样的,如何设置数据源?
上机练习上机练习 1:在 Window NT 4.0上建立 ASP环境,并进行测试 。
(1) 在 Windows NT 4.0上安装配置 ASP环境 。
(2) 在服务器目录下建立一个共享目录 。
(3) 制作一个简单的 *.asp页面,使其在浏览器中显示四行大小不同的字体 。
上机练习 2:为商家制作一个用户意见征求界面,当用户输入信息后,单击
,确定,按钮,将信息发往服务器端,商家根据用户意见向用户返回信息 。
上机练习 3:在服务器端建立一个数据库,存储客户通信录,用户可以在浏览器端通过身份证号查询客户的姓名和通信地址 。
(1) 用 Access建立一个数据库,库中有一张表存贮读者的通信录 。
(2) 为数据库建立数据源 。
(3) 设计并编制源代码 。
实训课题实训课题 1:制作一个如图 7.24所示的网上购物表单,商家返回的信息如图 7.25所示 。
图 7.24 网上购物表单图 7.25 商家返回信息实训课题 2:为网站完成一个留言板的制作,留言板的界面如图 7.26所示,
当用户点击页面上,浏览留言,超链接时,将显示留言板的内容 。
图 7.26 留言板界面实训课题 3:使用 ASP技术及 ADO功能建立一个班级网站,要求:
(1) 建立一个班级数据库,数据库中应有班级的基本信息,如通信录,成绩单等 。
(2) 制作一个动态网页 。 该网页能够接收用户信息,并根据用户要求激活服务器端的 ASP程序,把后台数据库信息发布到前端的浏览器 。
(3) 在网页中提供各种查询功能,例如:查询某位同学的学习成绩,计算班级的及格率或优秀率等等 。