网络系统集成技术 Networks System Integrating

1. 第六章 Web数据库开发基础 网络系统集成技术Networks System Integrating 莆田学院现代教育技术中心 2005年4月

2. 第六章 Web数据库开发基础 莆田学院现代教育技术中心 2005年4月

3. 本章主要内容 • 6.1 Web数据库的概念 • 6.2 Web数据库访问技术 • 6.3 Web数据库的技术实现 • 6.4 ASP基础——内置对象 • 6.5 ASP基础——Web库操作 • 下学期有《Web数据库程序设计》课，本章只结合实例作简要介绍 莆田学院现代教育技术中心 2005年4月

4. 6.1 Web数据库的概念 莆田学院现代教育技术中心 2005年4月

5. What is a Web Database? • A database in a website • Three layer structure: • Browser/Server/Database Server • Client: Browser + HTML standard • Server: HomePage +Programming+Database • HomePage: Forms • Designing an interacting user interface • Programming: CGI/ASP/PHP/JSP/… • Writing programs to access a database in a website • Database: Access/SQL server/… • Building a data storage and management system 莆田学院现代教育技术中心 2005年4月

6. http请求 传送网页 用户电脑 Web服务器 浏览器上网页形成的过程 网页浏览原理： 浏览器（client端）——用户电脑 发出HTTP请求，并按HTML等形式显示网页文件内容 网站（server端）——Web服务器 响应浏览器请求，传送网页文件给浏览器 网页 文件 地址栏中的网址 浏览器 莆田学院现代教育技术中心 2005年4月

7. 执行 用户输入数据 CGI程序 返回存取结果 用户电脑 Web服务器 Web数据库 Web数据库的存取方式（一） 浏览器 存取 通过服务器端的CGI程序 响应用户查询要求 用户通过表单提交后，指定的 服务器端CGI程序对Web数据库 进行存取操作，而后将结果以 网页（HTML）形式返回到客户端

8. 执行 读取asp网页 ODBC 驱动程序 返回html码结果 用户电脑 Web服务器 ( IIS或PWS ) Web数据库 Web数据库的存取方式（二） 含有ADO对象的ASP指令、VBScript、JavaScript程序段 浏览器 存取 通过服务器端的asp程序 响应用户的要求 服务器接受用户端请求时会判断要求下载 的是否.asp文件，如不是，直接发送网页。 如是，再判断该文件是否含有使用ADO对象的script（JavaScript 或 VBScript）内容。如有，启动对应的ODBC驱动程序，通过ADO对象访问数据库。如需显示结果，则Script会利用ASP提供的输出对象送出数据传送给浏览器。

9. 静态网页与动态网页 • 所谓静态网页，指的是网页从服务器传到客户端时，网页的内容是“固定不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。 • 所谓动态网页，它在由服务器传递给客户端的时候将由服务器把它转换成相应的HTML格式，而且会根据用户的要求和选择在服务器端做出相应的改变和响应。 莆田学院现代教育技术中心 2005年4月

10. 动态网页 • 网页的静态和动态，是指网页的内容是否可根据某种条件的改变而自动改变，与页面是否有动画性变化无关。 • 网页计数器：动态的，当有人点击网页时，计数器的值会自动增加 • BBS论坛：动态的，用户发布信息时，网页内容会自动更新，显示出新发布的信息及相关回复；等等。 • Flash等动画（如Flash）：静态的，一旦制作完成后就不会再改变。 • 实现动态网页，要用到一些动态语言，如ASP、PHP、CGI、JSP、ASP.NET等。因此我们判断动态、静态网页时，可以简单的认为，采用了以上语言编写的网页，肯定是动态的，而只采用了html文件的网页，则是静态的。 • 静态网页文件名后缀有.htm、.html、.shtml、.xml等常见形式，而动态网页文件名后缀有.asp、.jsp、.php、.pl、.cgi等常见形式 莆田学院现代教育技术中心 2005年4月

11. 6.2 Web数据库访问技术 莆田学院现代教育技术中心 2005年4月

12. ASP开发技术 • ASP（Active Server Pages， 活动服务器页） • 微软公司97年推出的一种网页与数据库解决方案，利用微软的ActiveX技术在服务器端动态生成HTML页面的一种脚本环境。 • ASP是一种运行于服务器端的Web应用程序开发技术，它采用封装对象，程序调用对象的技术，简化了编程。开发者无需进行复杂编程，就可以开发出动态的、交互的、各种功能的Web应用程序。 • ASP应用程序必须运行在配备IIS(Windows NT/2000/2003)或PWS(Windows 9X)的服务器上。 • IIS (Internet Information Server) • PWS (Personal Web Server) • 常用开发工具： • Microsoft Visual InterDev • Macromedia DreamweaverUltraDev • 最新一代：ASP.NET （http://www.asp.net/） • ActiveX • VC++ MSDN 的解释： • A set of technologies that enables software components to interact with one another in a networked environment, regardless of the language in which they were created. ActiveX™ is built on the Component Object Model (COM). • 《金山词霸》的解释： • 微软倡导的ActiveX 网络化多媒体对象技术 莆田学院现代教育技术中心 2005年4月

13. 关于ASP.NET • 由于ASP程序和网页的HTML混合在一起，使得程序看上去相当的杂乱。而在现在的网站设计过程中，通常是由程序开发人员做后台的程序开发，前面有专业的美工设计页面，这样，在相互配合的过程中就会产生各种各样的问题。同时，ASP页面是有脚本语言解释执行的，速度受到影响。受到脚本语言自身条件的限制，而且在编写ASP程序的时候不得不调用COM组件来完成一些功能。由于以上种种限制，微软推出了ASP.NET。 • ASP.NET提供了一个全新而强大的服务器控件结构。从外观上看，ASP.NET和ASP是相近的，但是从本质上是完全不同的。ASP.NET几乎全是基于组件和模块化，每一个页、对象和HTML元素都是一个运行的组件对象。在开发语言上，ASP.NET抛弃了VBScript和JScript，而使用.NET Framework所支持的VB.NET，C#.NET等语言做为其开发语言，这些语言生成的网页在后台被转换成了类并编译成了一个DLL。由于ASP.NET是编译执行的，所以它比ASP拥有了更高的效率。 莆田学院现代教育技术中心 2005年4月

14. PHP开发技术 • PHP（Personal Home Page Tools） • 类似于ASP的一种服务器端脚本语言，其语法大多从C、JAVA、PERL语言中借来，可更快速开发交互式动态网页。 • 跨平台强大的数据库集成功能（相同的PHP代码无需更改即可在不同操作系统的Web服务器上运行），但提供的数据库接口不统一（如对Oracle、Sybase和MySQL的接口不同）等原因，不适合于电子商务类网站。 • 最佳组合：Linux+Apache+MySQL+PHP 目前Internet上流行的网站构架方式，即使用Linux作为操作系统，Apache作为Web服务器，MySQL作为数据库，PHP作为服务器端脚本解释器。由于这四个软件都是开放源码软件，因此使用这种方式不用花一分钱就可以建立起一个稳定、免费的网站系统。 • 常用开发工具： • ZDE（ZEND DEVELOPMENT ENVIORMENT） • PHPED • 最新版本：PHP5.0.4 （课件目录下可下载） • 主要网站：www.php.net 莆田学院现代教育技术中心 2005年4月

15. JSP开发技术 • JSP（Java Server Pages） • JSP是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。 • 在传统的网页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送 email 等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无Plugin，无ActiveX，无Java Applet，甚至无Frame。 • 跨平台支持（国外电子商务类网站多采有JSP技术） • 通过JDBC实现与数据库的连接 莆田学院现代教育技术中心 2005年4月

16. ASP、PHP与JSP技术性能比较 • ASP主要适用于Windows NT/2000/2003 服务器平台，与IIS配套，无须专门安装即可使用；PHP和JSP在大多数Linux、微软Windows平台、UNIX平台上均可用，但需专门安装。 • ASP网页的文件扩展名为.asp，PHP网页的文件扩展名为.php，JSP网页的文件扩展名为.jsp • 性能比较（循环性能和数据库存取测试） • 循环性能：JSP 20000×20000次循环（ 4秒）/ASP和PHP 2000×2000次循环（相差100倍）分别为63秒和84秒 • 数据库存取（对Oracle8进行1000次插入/更新/选择/删除操作）： JSP 13秒 / PHP 69秒 / ASP 73秒 • 其余参见P329 • 表10-1 ASP、PHP与JSP技术的平台性能比较 • 表10-2 ASP、PHP与JSP技术的应用性能比较 莆田学院现代教育技术中心 2005年4月

17. CGI开发技术 • CGI (Common Gateway Interface , 通用网关接口) • 用于连接主页和应用程序的接口。 • HTML语言的功能比较贫乏，难以完成诸如访问数据库等一类的操作，如果需要先对数据库进行操作(比如文件检索系统)，然后把访问的结果动态地显示在主页上，只用HTML是无法做到的，所以CGI便应运而生。 • CGI是在WebServer端运行的一个可执行程序，通过主页链接激活进行调用，并对该程序的返回结果进行处理，显示在主页上。 • 最常用的CGI编程语言有Perl，此外还有C,C++, shellScript和VB。Perl编程效率最高，功能最强，但程序调试性较差。 • CGI网页的文件扩展名与所用编程语言有关。如Perl为.pl,VB为.bas等。 • 缺点:安全性较差/繁多进程占用大量服务器资源/编程困难，而且没有自动保留状态信息的功能（如用户状态），已不多用 • 此外使用CGI程序时，需要不断地产生和销毁进程（process），执行效率不 高，一般情况：HTML 100% ASP 10% CGI 1% 莆田学院现代教育技术中心 2005年4月

18. 6.3 Web数据库的技术实现 莆田学院现代教育技术中心 2005年4月

19. Access ODBC Driver Access 数据库 应用程序 VFP ODBC Driver VFP 数据库 Oracle ODBC Driver Oracle 数据库 …… 基本原理与流程 • 建立数据库 • 安装该数据库所需的ODBC驱动程序 • 创建ODBC数据源 • 制作表单网页和ASP网页 莆田学院现代教育技术中心 2005年4月

20. 小型网站常用Web数据库软件——Access • Microsoft Office家族中的一员，是一种数据库软件。 • 其数据库中有一个或多个表(table)，表中又有一个或多个数据栏(field)，数据栏中存放的是实际的数据（data）。 • 除了可以用来生成和管理数据库，还有一个功能，即制作ASP网页。 • Access数据库（.mdb)生成的方法： 新建→空Access数据库→创建表→…… • 可以将其他相关文件（如.dbf、.xls等文件）转换为.mdb文件（获取外部数据→ 导入） • 一个Access数据库可以有多个表。彼此之间可通过主关键字关联。 莆田学院现代教育技术中心 2005年4月

21. 实用技术 • 外部数据转入(使用其他文件的数据) • 获取外部数据→导入 • 数据转出 • 导出 • 复制数据(上图) • 随机密码的生成(下图) 要产生一组介于上限和下限之间的随机数: (9999-1000) ×Rnd(-Timer())+1000 (上限-下限)× 随机数+下限 示例: "jdw%"+CStr(Int((9999-1000)*Rnd(-Timer())+1000))+"#" 莆田学院现代教育技术中心 2005年4月

22. 名词解释 • ODBC(Open DataBase Connectivity,开放式数据库互联） • 由微软公司制定的数据库标准接口。只要用户使用的数据库软件提供了ODBC驱动程序，就可让应用程序来存取这些数据库。 • 早期的数据库程序开发者必须使用服务器数据库厂商提供的开发工具才能实现数据库的存取，因为每种数据库软件建立的文件类型不同。通过ODBC则可以存取不同厂商所提供的服务器数据库。 莆田学院现代教育技术中心 2005年4月

23. 创建ODBC数据源 • 安装数据库驱动程序 在Office套件安装后，一般情况下Access的ODBC驱动程序为已安装。 • 创建系统数据源 系统DSN→添加→选择驱动程序→ ODBC Microsoft Access安装→数据源名 →选取数据库→高级(设置存取密码) 莆田学院现代教育技术中心 2005年4月

24. 检查服务器的ASP是否正常 • IIS的默认Web站点设置检查 • 主目录 • 文档 • 测试ASP工作是否正常 • 编写一个a.asp文档，存放在主目录下 • a.asp文件内容 <%=now%> • http://127.0.0.1/asp 浏览器窗口上应出现当时日期和时间显示 莆田学院现代教育技术中心 2005年4月

25. 相关的HTML知识(复习) • 问题： HTML (Hyper Text Markup Language,超文本标记语言) ——为什么如此称呼？ • 问题： 网页基本构成 • <html> <head> <title> <body> • 问题: 常见标记 • <br> <p> <table> <tr> <td> <a href =“url ”> • 问题：表单基本构成 <form name =“student” action=“url ” method= * > …… <input type=submit> <input type=reset> </form> • 问题：表单元素——文本框、复选框、单选按钮、列表框… 莆田学院现代教育技术中心 2005年4月

26. 莆田学院现代教育技术中心 2005年4月

27. 常见表单元素（1） • 文本框 • <input type=text value=“name”size= 10maxlength=20 > 普通文本框显示长度为10字符、最大长度为20个字符 • <input type=password name=“pwd”> 密码型文本框 • 多行文本框（文本区域） • <textarea name=comment rows=5cols=50 ></textarea> • 5行每行50个字符的多行文本框 莆田学院现代教育技术中心 2005年4月

28. 常见表单元素（2） • 复选框 • <input type=checkbox name=fruit1>香蕉 • <input type=checkbox name=fruit2 checked>苹果 （已预选） • 多个复选框中的name不能同值 • 单选框 • <input type=radio name=fruit1>香蕉 • <input type=radio name=fruit2 checked>苹果 （已预选） 莆田学院现代教育技术中心 2005年4月

29. 常见表单元素（3） • 下拉列表框 <select name=“xb" size="1"> <option value="jxx">电子信息工程学系</option> <option selected value="wyx">外国语言学系</option> <option value="zwx">汉语言文学系</option> <option value="tyx">体育系</option> </select> 莆田学院现代教育技术中心 2005年4月

30. 常见表单元素（4） • 单选列表框与多选列表框 <select name=“others" size="3"multiple> <option value="leader">系部领导</option> <option value="head“ >学院领导</option> <option value=“student_head">学生干部 </option> <option value="professors">高职称教师</option> </select> • size="3”显示三行 • multiple 多选 莆田学院现代教育技术中心 2005年4月

31. 表单及其数据的读取 • Form(表单)设计 • 每一个输入栏必须设定NAME属性,当数据被送出时,NAME属性的值会和其相对应的VALUE属性的值被转换为“NAME=VALUE”的形式发送。不同的输入栏中间会以“&”作分隔，即会形成“NAME1=VALUE1&NAME2=VALUE2”的形式 • 两种提交方法 • GET 使用URL直接向服务器提交数据 • 数据加在URL名后,用“?”分隔(总长度不得超过1024个字节) • POST 通过STDIN(标准输入)提交数据 • 数据编码后隐密发送，且长度不受限制 莆田学院现代教育技术中心 2005年4月

32. METHOD = GET • GET方法的含义 Brower按HTTP(HyperText Transfer Protocol)将用户提交的数据传送出去，而Server会把数据存放在服务器环境变量QUERY_STRING中，供处理程序（由表单的action属性指定）使用。适合于传输少量的非隐密性的数据。 • 什么是环境变量？ 一些由WEB服务器软件申明的、保存用户信息的内存区。当服务器软件一旦运行，这些环境变量就存在于服务器内存中。当服务器收到一个客户机的请求后，它首先要收集它能得到的所有相关信息，并把它放入内存的环境变量中，等待ASP/PHP/CGI等程序去处理。 莆田学院现代教育技术中心 2005年4月

33. METHOD = POST • POST方法的含义 把用户在表单中填写的数据变成一个数据包/数据流传给表单的Action属性指定的处理程序。 • 适合传输较大量的或隐密性的数据 • 最常用 莆田学院现代教育技术中心 2005年4月

34. 示例 <FORM METHOD=GET action=“http://xxx/a.asp”> <input name=“name1” value=“aabb”><br> <input name=“name2” value=“ccdd”><p> <input type=“submit” value=“submit”> <input type=“reset” value=“reset”> </FORM> • 提交后相当于客户机向服务器发出了一个如下的URL请求： http://xxx/a.asp?name1=aabb&name2=ccdd • 此时服务器端的环境变量QUERY_STRING和环境变量REQUEST_METHOD的值改变为： QUERY_STRING=“name1=aabb&name2=ccdd” REQUEST_METHOD=GET • ASP程序可以用以下语句读取表单元素的值 Request(“表单元素名”) Request.QueryString(“表单元素名”) （仅用于GET方法） 莆田学院现代教育技术中心 2005年4月

35. 表单提交时字符的编码规则 • 变量之间用“&”分隔 • 变量与其对应值之间用“=”分隔 • 空格以“+”代替 • 特殊字符如“&”、 “=”、ASCII码128以上的字符及汉字，以“%XX”代替，其中“XX”为特殊字符的16进制ASCII码 • 空格为非法数据 • 任意不可打印的ASCII控制字符为非法字符 莆田学院现代教育技术中心 2005年4月

36. 示例 • 表单（6-1.htm）元素： • 你的姓名（name）：输入“张三” • 你的密码（pwd）：输入“ab cd” • 性别（male）：单选“男”(value=male) • 提交给服务器时将会显现： http://127.0.0.1/test.asp?name=%D5%C5%C8%FD &pwd=ab+cd&sex=male&Submit=%CC%E1%BD%BB • 解读： • %D5%C5 “张” （一个汉字两个字节） • %C8%FD “三” • + 空格（用“+”代替） 把6-1.htm中的传送方法GET改为POST试试（思考：为什么pwd值不会显示）※ 莆田学院现代教育技术中心 2005年4月

37. 注意:传递信息不仅是FORM • 利用Form在不同页面之间传递用户信息是最可靠的——适用于任何浏览器 • 亦可通过其他方式，如ch6-1.1.htm <a href=“member.asp?name=张三&sex=男&age=23”>张三</a> <a href=“member.asp?name=张三&sex=女&age=21”>李四</a> • 如果ASP文件主要针对Internet，以Form为佳 莆田学院现代教育技术中心 2005年4月

38. 登录程序示例 • 6-3.htm 莆田学院现代教育技术中心 2005年4月

39. 6.4 ASP基础——内置对象 莆田学院现代教育技术中心 2005年4月

40. ASP的内置对象 • ASP包括7个内置对象，这些内置对象共同组成的ASP的基本框架。内置对象的意义在于：它们在ASP页内生成且有脚本中使用它们前无须创建。编程者只要了解这些内置对象的属性、方法和事件，就可以非常方便地开发自己的Web应用程序。 • Request获取用户通过浏览器表单向服务器发送的信息 • Response将执行结果传输给用户浏览器 • Session用来记录连接者的信息（每个连接者都有一个独立的Session对象） • Application 用来记录不同网页的共用信息（所有用户可共用该信息） • Server 与用于提供对服务器的访问，如和其他对象配套（如与ADO对象配套）使用，与库文件产生链接。 • Asperror 用于出错处理 • Objectcontext用于通过Microsoft Transaction Server来提交或中止某项 交易 • 最后两项是ASP 3.0新增的对象 莆田学院现代教育技术中心 2005年4月

41. 在ASP页面中使用脚本 • <% %> • IIS默认的脚本语言是VBScript，必要时可改为JavaScript • 方法： IIS→默认Web站点→属性→主目录→配置→应用程序选项（右图） 莆田学院现代教育技术中心 2005年4月

42. Request对象 • 用于处理HTTP协议的请求 • 获取用户信息可以有多种常用形式 • Request(element) • Request.Form(element) (index) • Request.QueryString(element) • Request.QueryString(index) • 实例分析 • EXAMexam6-1.1.htm及对应的member.asp • Form1.htm及对应的form1.asp 莆田学院现代教育技术中心 2005年4月

43. Response对象 • 用于负责HTTP协议的响应，如将asp处理后的变量值等转换为HTML元素输出到用户浏览器上 • 常用形式 • Response.Write 相当于C语言中的print • Response.Redirect “URL”实现页面的跳转 • Response.End 结束ASP运行进程并将执行好的HTML文件送向用户浏览器 • 实例分析 • Register.htm及对应的Redirect.asp 莆田学院现代教育技术中心 2005年4月

44. Server对象 • 提供对服务器相关的操作 • 常用形式 • Server.CreatObject("ActiveX组件名") • 创建一个ActiveX Server组件对象的实例 • 示例: Server.CreatObject("ADODB.Connection") • Server.MapPath("文件路径\文件名") • 将指定的路径及文件映射到服务器网站目录下 • 如果网站所在虚拟目录是c:\Inetpub\wwwroot • 则Server.MapPath("Data.mdb")表示c:\Inetpub\wwwroot\Daba.mdb • 而Server.MapPath("stu\stu.mdb")和Server.MapPath("..\teacher\teacher.mdb")分别表示 c:\Inetpub\wwwroot\ stu\stu.mdb c:\Inetpub\teacher\teacher.mdb 莆田学院现代教育技术中心 2005年4月

45. Session对象 • 在一次用户访问期间(“会话期间”),当用户在一个应用程序的页与页之间跳转时,用户信息(如用户在登录时输入的密码)无法保留，其结果要么某一页可以绕过密码检查而任意访问，要么每一页都要重新输入密码。 • 使用ASP的session对象，可以为每个用户保存个人相关信息。例如用session变量来保存某个用户的帐号和密码，只要用户没有关掉浏览器，则这些信息会一直得以保存，并可以session变量的形式被调用。 • Session变量的有效执行时间(用户暂停动作时间)默认是20分钟。可用以下语句改变其值： Session.Timeout=分钟数 • 示例： session("usr")=Request.Form("xh") session("pwd")=Request.Form("pw") 在本页及以后各页就可以通过下页示例进行密码校验，而不必让用户每页都输入密码。 莆田学院现代教育技术中心 2005年4月

46. <% If session("pwd")<>"…" then %> <a href=“index.htm">返回上页</a><p> <% Response.Write "密码输入错误，请返回上页重新输入！" Response.end End if %> <% If Session("pwd")<>Session("RS").Fields(“password") Then %> <a href="xkxt.htm">返回选课系统首页</a><p> <% Response.Write “学号、密码输入错误或个人资料不正确，请返回选课系统首页重新输入！" Response.End End if %> session("RS").Fields(“password") 是用变量session("usr")从数据库中取出的用户密码字段值 莆田学院现代教育技术中心 2005年4月

47. Application对象 • 用于保存不同用户之间共有的信息 • 实例（见招生查询首页—2004zs.asp) • 最简单的“计数器” 当前在线人数：<%=Application(“whoison")%>人 另一实例： <% If Application("whoison")>50 then response.write "当前在线人数"+cstr(Application("whoison"))+"人。<br><br>" response.write "选课人数太多,请退回选课首页,稍后再试……<br><br>" %> <a href="http://202.101.111.195/cgi-bin/xk0412/xkxt.htm">返回上页</a><p> <% response.end end if %> 莆田学院现代教育技术中心 2005年4月 变量Application(“whoison")由一个必须存放在网站根目录下的global.asa文件定义

48. 小结：网页数据传送方式比较 • 让用户提交的信息通过浏览器跨页传送 • 表单 • 希望保存某一用户相关的变量 • Session 需要在一次访问多页文件中使用时 • Cookie 需要在客户端长期保存用户信息以便多次访问使用时 • 多个用户共同使用某一共享变量 • Application 莆田学院现代教育技术中心 2005年4月

49. VBScript常识 • 变量命名类似于C语言，但首字符必须是字母。 • 变量不必先声明再使用 • 变量名称和关键字无大小写之分 • 字符串——用单引号或双引号括起 • 整数/小数型 • 布尔型 True/False • 日期型 用#…#括起 • 示例：#May 12,2005# • 控制结构（选择\循环） 见后 莆田学院现代教育技术中心 2005年4月

50. 6.5 ASP基础——Web库操作 莆田学院现代教育技术中心 2005年4月