6项目6企业电子商务网站设计技术.ppt

6企业电子商务网站设计技术 学习目标掌握ASP的内置对象思想 特点和概念 掌握ASP的内置组件的基本概念和特点 掌握ASP的内置对象的特点 属性和方法 掌握ASP的内置组件的特点 属性和方法 学会在实际编程中应用ASP的内置对象和组件 6 1企业电子商务网站设计技术案例 6 1 1VBScript中数据验证案例1 程序代码数据验证 SubSubcheckform OnClickDimThisForm name pwdSetThisForm Document regformIfThisForm Text1 Value ThenMsgBox 请输入用户名 ElseifThisForm Text2 Value ThenMsgBox 请输入密码 Else 6 1企业电子商务网站设计技术案例 name ThisForm Text1 Valuepwd ThisForm Text2 Valuemsgbox 用户名为 密码为 pwd EndIfEndSub 请填写注册信息 呢称 密码 6 1企业电子商务网站设计技术案例 2 运行结果运行以上程序后得到的结果如图6 1所示 如果用户名为空时 出现如图6 1 a 所示的样式 如果密码为空时 出现如图6 1 b 所示的样式 如果密码和用户不为空时 出现如图6 1 c 所示的样式 6 1企业电子商务网站设计技术案例 6 1企业电子商务网站设计技术案例 6 1 2Request对象中的Form集合案例1 程序代码信息提交表单您的姓名 单位名称 联系电话 联系地址 6 1企业电子商务网站设计技术案例 具体内容 6 1企业电子商务网站设计技术案例 3 将文件保存在D student form html 4 然后输入以下内容 信息提交表示换行回车 6 1企业电子商务网站设计技术案例 message 姓名 yourname message message 单位 corpname message message 电话 phone message message 地址 address message message 内容 content 6 1企业电子商务网站设计技术案例 2 运行结果 1 运行以上程序后 出现如图6 2所示的样式 6 1企业电子商务网站设计技术案例 2 然后填入图6 2所示的内容后 点击 提交 按钮 运行后出现如图6 3所示 6 1企业电子商务网站设计技术案例 6 1 3Request对象中的QueryString集合案例1 程序代码信息提交 6 1企业电子商务网站设计技术案例 表示换行回车 Response write 姓名 yourname Response write 单位 corpname Response write 电话 phone Response write 地址 address Response write 内容 content 6 1企业电子商务网站设计技术案例 2 运行结果运行以上程序后 填入姓名 单位 电话 地址和所需要内容 并单击 提交 按钮后 出现如图6 4所示的样式 6 1企业电子商务网站设计技术案例 6 1 4Request对象中的ServeVariables集合案例1 Request对象中的ServeVariables集合的应用 1 程序代码服务器环境变量用Request对象读取服务器环境变量 Sname 输出服务器环境变量Response Write Request ServerVariables Sname NEXT 6 1企业电子商务网站设计技术案例 2 运行结果运行以上程序后 出现如图6 5所示的样式 6 1企业电子商务网站设计技术案例 2 cookies集合的应用 1 程序代码 visit request cookies visit iflen visit 0thenvisit 0endififisempty session connected thenvisit visit 1response cookies visit visit cookie的失效日期为2005年7月1日response cookies visit expires 07 01 2005 endifsession connected true 6 1企业电子商务网站设计技术案例 cookies的简单应用欢迎访问本站点您是第个访问本站 6 1企业电子商务网站设计技术案例 2 运行结果运行以上程序后 出现如图6 5所示的样式 6 2相关理论知识 6 2 1ASP内置Request和Response对象1 对象的基本概念 1 什么是对象对象是我们要研究和处理的事物 是客观现实世界中的实体 对象既可以是具体的物理实体 又可以是事物的抽象表示 例如 小汽车 电话机 杯子 某某人 某某学校 财务科 总务处 后勤部等都可作为一个对象 6 2相关理论知识 2 对象的属性属性代表了对象的静态特性 大部分属性用来描述类和对象的外观 例如 颜色 大小 位置 形状等 另一些属性用来决定对象的特征 例如 对象如何与数据源相连接 对象的引用标识 对象的标题等 因为 属性的值是可以改变的 所以属性实际上是一个变量 用户可以通过对属性的值的改变来建立或修改一个对象的特征 例如 Response是ASP内置的一种对象 而它有一个属性IsClientConnected可以用来描述浏览器是否仍和服务器连接 若要存取对象的属性 可以写成ObjectName Property 6 2相关理论知识 3 对象的方法方法是用来执行对象的动作 例如 计算机是一种对象 而开机 关机 执行应用程序 扫描硬盘等操作等是这个对象的方法 又例如 Response是ASP的内置对象 而它有一个方法叫Write 可以在浏览器端显示指定的信息 若要存取对象的方法 可以写成ObjectName Method 例如Response Write 6 2相关理论知识 4 对象的集合集合指的是一群放在一起的 值 Value 例如 当浏览者输入网页窗体数据并按下 提交 按钮之后 窗体字段的名称与浏览者输入的数据就会以一个Form形式的集合传给Web服务器 又例如 在ASP对象的QueryString集合中 若要取得username字段或userage字段的值 可以分别写成 Resquest QueryString username 和Resquest QueryString userage 6 2相关理论知识 5 对象的事件事件指的是对象所具有的某种动作 每个对象都可以对一个被称为事件的动作进行识别和响应 事件是一种预先定义好的特定动作 对象能够识别的动作 并由用户或系统激活 在多种情况下 事件是通过用户的交互操作产生的 例如 按下启动按钮 对象被拖动 被改变方向 升高 降低 单击 双击等等 6 2相关理论知识 2 Request对象ASP内置对象共有以下六个 它们分别是 Request Response Application Session ObjectContext Server等 而且每个对象有各自的属性 方法 集合或事件 1 request对象简介request对象可以被用来访问所有从浏览器到服务器间的信息 你也就可以利用request对象来接受用户在html主页的form中的信息 2 Request的语法Request 集合 属性 方法 变量 对于Request对象它共有4个集合 分别用来访问客户端对Web服务器请求的各类信息 这些集合是 Form QueryString Cookies ServerVariables等 6 2相关理论知识 3 Response对象 1 Response对象简介Response对象与Request刚好相反 我们已经知道 Request对象是获取客户端HTTP信息的 而Response对象是用来控制发送给用户的信息的 包括直接发送信息给浏览器 重定向浏览器到另一个URL或设置cookie的值 Response的语法如下 Response collection property method 2 Response对象属性 Buffer属性 Buffer属性指的是否在缓冲页输出 当缓冲页输出时 只有当前页的所有服务器脚本处理完毕或者调用了Flush或End方法后 服务器才将响应发送给客户端浏览器 服务器将输出发送给客户端浏览器后就不能再设置Buffer属性 因此应该在 asp文件的第一行调用Response Buffer 6 2相关理论知识 Charset属性 Charset属性是将字符集名称附加到Response对象中content type标题的后面 对于不包含Response Charset属性的ASP页 ontent type标题将为 content type text html 我们可以在 asp文件中指定content type标题 例如 将产生以下结果 content type text html charset gb2312 ContentType属性 ContentType属性是指定服务器响应的HTTP内容类型 如果未指定ContentType 默认为text HTML 6 2相关理论知识 Expires属性 Expires属性指定了在浏览器上缓冲存储的页距过期还有多少时间 如果用户在某个页过期之前又回到此页 就会显示缓冲区中的页面内容 如果设置response expires 0 则可使缓存的页面立即过期 这是一个较实用的属性 当客户通过ASP的登陆页面进入Web站点后 应该利用该属性使登陆页面立即过期 以确保安全 ExpiresAbsolute属性 与Expires属性不同ExpiresAbsolute属性指定缓存于浏览器中的页面的确切到期日期和时间 在未到期之前 若用户返回到该页 该缓存中的页面就显示 如果未指定时间 该主页在当天午夜到期 如果未指定日期 则该主页在脚本运行当天的指定时间到期 6 2相关理论知识 3 Response对象方法 Clear方法 Clear方法可以用来清除缓冲区中的所有HTML输出 但Clear方法只清除响应正文而不清除响应标题 可以用该方法处理错误情况 要注意的是 必须将Response Buffer的属性值设置为TRUE 否则该方法将导致运行时的错误 End方法 End方法使Web服务器停止处理脚本并返回当前结果 文件中剩余的内容将不被处理 如果Response Buffer已设置为TRUE 则调用Response End将缓冲输出 Flush方法 Flush方法立即发送缓冲区中的输出 如果没有将Response Buffer设置为TRUE 则该方法将导致运行时错误 Redirect方法 Redirect方法使浏览器立即重定向到程序指定的URL 这也是一个我们经常用的方法 这样程序员就可以根据客户的不同响应 为不同的客户指定不同的页面或根据不同的情况指定不同的页面 Write方法 Write方法是我们平时最常用的方法之一 它是将指定的字符串写到当前的HTTP输出 6 2相关理论知识 4 Response集合Response对象只有一个集合 就是Cookie集合 该集合设置cookie的值 若指定的cookie不存在 则创建它 若存在 则设置新的值并且将旧值删去 该集合的语句如下 Response Cookies cookie key attribute value其中 参数 1 cookie参数是指定cookie的名称 2 key参数是指定一个字典 3 attribute参数指定cookie自身的有关信息 attribute参数可以是下列之一 Domain参数若被指定 则cookie将被发送到对该域的请求中去 6 2相关理论知识 Expires参数指定cookie的过期日期 为了在会话结束后将cookie存储在客户端磁盘上 必须设置该日期 若此项属性的设置未超过当前日期 则在任务结束后cookie将到期 HasKeys参数指定cookie是否包含关键字 Path参数若被指定 则cookie将只发送到对该路径的请求中 如果未设置该属性 则使用应用程序的路径 6 2相关理论知识 6 2 2ASP内置Application Session和Server对象1 Application对象简介Application对象实际上就是在硬盘上的一组主页以及ASP文件 当一个ASP加入了一个Application对象 那么 它就拥有了作为单独主页所无法拥有的属性 Application对象没有内置的属性 但可以使用以下句法设置用户定义的属性也可称为集合 Application 属性 集合名称 值例如 使用如下脚本声明并建立Application对象的属性 6 2相关理论知识 3 Application对象事件 1 Application OnStart事件Application OnStart事件在首次创建新的会话 即Session OnStart事件 之前发生 当Web服务器启动并允许对应用程序所包含的文件进行请求时就触发Application OnStart事件 Application OnStart事件的处理过程必须写在Global asa文件之中 其语法如下 SubApplication OnStart EndSub 2 Application OnEnd事件Application OnEnd事件在应用程序退出时于Session OnEnd事件之后发生 Application OnEnd事件的处理过程也必须写在Global asa文件之中 6 2相关理论知识 4 Application对象集合 1 Contents集合 该集合包含所有非对象变量 这是Application对象默认的集合 因此 如果我们要存取Application对象记录的变量Counter 可以写成Application Counter Counter 或Application Counter 2 StaticObjects集合 该集合包含所有对象变量 这些对象变量是在Global asa文件中使用标记所建立的 6 2相关理论知识 5 Session对象简介Session对象最常见的作用就是存储用户的首选项 例如 如果用户指明不喜欢查看图形 就可以将该信息存储在Session对象中 另外其还经常被用在鉴别客户身份的程序中 6 Session对象属性 1 SessionID属性SessionID属性返回用户的会话标识 在创建会话时 服务器会为每一个会话生成一个单独的标识 会话标识以长整形数据类型返回 在很多情况下SessionID可以用于Web页面注册统计 2 TimeOut属性Timeout属性以分钟为单位为该应用程序的Session对象指定超时时限 如果用户在该超时时限之内不刷新或请求网页 则该会话将终止 6 2相关理论知识 6 2 3ASP内置组件和ADRotator 广告翻转组件 1 什么是ASP内置组件ActiveX组件是一个存在于WEB服务器上的文件 该文件包含执行某项或一组任务的代码 组件可以执行公用任务 这样就不必自己去创建执行这些任务的代码 例如 股票行情收报机组件可以在Web页上显示最新的股票报价 当你在Web服务器上安装完ASP环境后 就可以直接使用它自带的几个常用组件 如DatabaseAccess组件 当然你也可以从第三方开发者处获得可选的组件 也可以编写自己的组件 你可以利用组件作为脚本和基于Web应用程序的基本构造块 只要知道如何访问组件提供的对象 即使你是位编写脚本的新手 也可以在不了解组件运作方式的情况下编写ASP程序 总而言之 ActiveX组件使您不用学习复杂的编程就能够写出强大的Web服务器端脚本 6 2相关理论知识 2 ADRotator 广告翻转组件 概述ADRotator组件允许浏览器在引用ASP页面时每次显示不同的图像 这项技术被广泛应用于广告站点上 每次打开或重新载入页面时 ASP采用 旋转调度文件 中的信息选择其中的一副图像 并插入到网页中 而且每次进入页面 上面所显示的广告都可以不同 3 ADRotator组件属性ADRotator组件含有以下三个属性 1 Border属性该属性是指广告条边界的宽度 以像素为单位 若未定义则采用文本文件第一部分设定的值 该属性的值是整型值 2 Clickable属性该属性是指用来规定广告栏图像文件是否显示为一个超级链接 该属性的值是一个布尔值 默认值为True 3 TargetFram属性该属性是指目标框 Frame 的名字 如果用户单击图像文件的话 这个框用于显示广告的页面 如果忽略的话 页面装载到当前浏览器的目标框或者窗口内 取代含有广告栏图像的页面 这个属性也能设置成一个标准的HTML框标识 6 2相关理论知识 6 2 4BrowserCapabilities ContentLinking和Counters组件1 BrowserCapabilities组件BrowserCapabilities组件能够创建一个BrowserType对象 该对象提供带有客户端网络浏览器的功能说明的用户脚本 该组件之所以能识别客户浏览器的版本等信息 主要是因为当客户浏览器向服务器发送页面请求时 会自动发送一个UserAgentHTTP标题 该标题是一个声明浏览器及其版本的ASCII字符串 BrowserCapabilities组件将UserAgent映射到在文件Browscap ini中所注明的浏览器 并通过BrowserType对象的属性来识别客户浏览器 若该对象在browscap ini文件中找不到与该标题匹配的项 那么将使用默认的浏览器属性 若该对象既未找到匹配项 且browscap ini文件中也未指定默认的浏览器设置 则它将每个属性都设为字符串 UNKNOWN 在默认情况下 browscap ini文件被存放在WINDOWS SYSTEM INERSRV 如果是95 98 PWS4 或NT SYSTEM32 INERSRV 如果是NT 目录中 你可以自己编辑这个文本文件 以添加自己的属性或者根据最新发布的浏览器版本的更新文件来修改该文件 6 3相关实践知识 6 3 1ADO技术1 ADO简介ADO的全名是ActiveXDataObject ActiveX数据对象 是一组优化的访问数据库的专用对象集 它为ASP提供了完整的站点数据库解决方案 它作用在服务器端 提供含有数据库信息的主页内容 通过执行SQL命令 让用户在浏览器画面中输入 更新和删除站点数据库的信息 6 3相关实践知识 ADO是一种为基于Internet并以数据库为中心的应用程序而提供的数据访问接口 这种应用程序接口和应用程序使用的语言无关 通过ADO 应用程序可以方便地存取 查询 操作数据库中的数据 ASP内建的DatabaseAccess组件使得我们能够轻而易举地通过ADO访问存储在服务器端的数据库 ADO是对数据库进行操作的最有效和最简单直接的方法 这旨一种功能强大的数据访问编程模式 6 3相关实践知识 2 ADO特点利用ADO开发数据库应用程序具有以下几个特点 1 支持客户机 服务器结构 Client Server 与Web系统开发技术 2 内部有多个互相支持独立的对象模型 3 支持分批修改数据库内容 4 支持多种不同的数据库控制指标形式 5 先进的Recordset数据高速缓存管理功能 6 允许在程序中使用多个Recordset对象或者多个分批修改区块传送 7 ADO属于Free threaded对象 利用它可以开发出更有效的Web应用程序 6 3相关实践知识 6 3 2ADO的主要对象1 Connection对象的创建ADO组件中的Connection对象主要用于打开或连接数据库文件 只有通过链接对象才能实现对数据库的各种操作 该对象主要用于建立和管理应用程序与数据库的连接 也可以用它来执行一个命令 创建Connection对象的格式为 Setconn Server CreateObject ADODB connection 其中 1 conn 是对象变量的名称 2 ADODB connection 是用来创建链接对象的注册实例名 要注意的是 该实例创建之后 实际上尚未连接到任何的数据库实体 只是完成了连接数据库之前的宣告动作 6 3相关实践知识 2 Connection对象的属性Connection对象具有以下几个属性 1 ConnectionString属性ConnectionString属性含有创建数据库连接所使用的全部信息 允许包括Provider参数 DataSource参数 UserID参数 Password参数和FileName参数等 2 ConnectionTimeout属性ConnectionTimeout属性主要用来设置Connection对象的Open方法试图与数据库连接的最长等待时间 其缺省值为15秒 如果将此值设置为0 则系统会一直等待直到连接成功为止 该属性的设置必须在连接前或取消连接之后 其格式为 Connection ConnectionTimeout seconds 6 3相关实践知识 3 CommsndTimeout属性CommsndTimeout属性主要用来设置执行connection对象的Execute方法时的最长等待时间 其缺省值为30秒 如果将此值设置为0 则系统会一直等待直到执行结束 该属性的设置必须在Excute方法执行之前 其格式为 Connection CommsndTimeout seconds 4 Provider属性Provider属性主要用来设置或取得Connection对象提供者的名称 即内定的数据库管理程序的名称 ADO缺省的Provider属性值为MSDASQL MicrosoftOLEDBProviderforODBC 它负责管理所有以ODBC方式连接的数据库 其格式为 Connection Provider ProviderName 5 Mode属性Mode属性主要用来设置对数据库操作的权限 其格式为 Connection mode ModeValue 6 3相关实践知识 6 3 3ODBC数据库连接技术ODBC是OpenDataBaseConnectivity的缩写 称为开放式数据库链接 它相当于是一个数据库引擎 或者也可以理解为是一种数据库管理的驱动程序 ADO是对当前微软所支持的数据库进行操作的最有效和最简单直接的方法 它是一种功能强大的数据访问编程模式 从而使得大部分数据源可编程的属性得以直接扩展到你的ActiveServer页面上 6 3相关实践知识 ODBC是开放式数据库连接标准 它向访问各种Web数据库的应用程序提供了一种通用的接口 在此标准支持下 一个应用程序可以通过一组通用的代码实现对各种不同数据库系统的访问 除此之外 因为通过ODBC访问数据库的方式是基于SQL的 所以各种应用程序均可透过各种数据库所对应的ODBC驱动程序实现利用SQL对不同数据库系统的访问 ASP是通过一组ADO的对象模块来存取数据库的 其过程如图6 11所示 6 3相关实践知识 6 4职业技能训练 6 4 1DSN的创建与设置1 创建Access数据库的数据源创建Access数据源的操作过程如下 1 单击 开始 菜单栏 选 控制面板 2 双击 管理工具 图标 如果是WindowsXP则双击 性能和维护 图标 后 再双击 数据源ODBC 图标 系统将弹出一个对话框窗口 选择标签项 系统DSN 后 出现如图6 12所示的窗口 6 4职业技能训练 6 4职业技能训练 3 单击 添加 按钮 在弹出 创建新数据源 对话框中 有许多可安装数据源的驱动程序 它们是 Microsoft的Access数据库 mdb Microsoft的DBase数据库 dbf Microsoft的Excel数据表格 xls Microsoft的VisualFpxPro数据表 dbf Microsoft的ODBCfororacle 我们可以通过列表框选择您想为其安装数据源的驱动程序 假设我们选择的是 MicrosoftAccess mdb 选项 如图6 13所示 6 4职业技能训练 6 4职业技能训练 4 单击 完成 按钮后 系统弹出如图6 14所示的对话框窗口 在该窗口的 数据源名 文本框中输入所希望指定的名称 本例中输入的名称为 ASPTutorial 6 4职业技能训练 5 单击 选择 按钮 系统弹出如图6 15所示的 选择数据库 对话框窗口 可以选择数据库文件所存放的位置 当然 也可直接从文本框中输入 单击 确定 按钮后即可 6 4职业技能训练 2 创建SQLServer数据库的数据源创建SQLServer数据源的操作过程如下 1 单击 开始 菜单栏 选 控制面板 2 双击 管理工具 图标 如果是WindowsXP则双击 性能和维护 图标 后 再双击 数据源ODBC 图标 系统将弹出一个对话框窗口 选择标签项 系统DSN 并单击 添加 按钮 3 在打开列表框中选择一个数据库引擎 单击 确定 按钮 我们选择的是SQLServer 并出现一个对话框 4 在新打开的对话框中输入数据源名称和你需要的描述以及要链接的服务器名称 本例输入的是 stud 和 用SQLServer管理学生基本信息 如图6 16所示 6 4职业技能训练 6 4职业技能训练 5 单击 下一步 按钮后 出现如图6 17所示的对话框 在该对话框中选择 使用用户输入登录ID和密码的SQLServer验证 的方式 输入登录用户ID及密码 本例中输入cmj 密码为1234567 如图6 17所示 6 4职业技能训练 6 单击 下一步 按钮后 在弹出的对话框中 选择 改变默认的数据库为 复选框 然后选择你需要连接的数据库 然后 再单击 下一步 按钮 7 最后 再单击 完成 按钮即可 6 4职业技能训练 6 4 2文件数据源的设置文件数据源的设置是告诉系统用户使用的数据源是什么名称和路径 系统确