网页设计教程07ppt课件.ppt

安徽工程大学 网页设计与制作 安徽工程大学 第七章 动态网页介绍 安徽工程大学 本讲内容 安徽工程大学 第一节动态网页概述 1 静态网页 目前呈几何增长的Internet网站中 有相当一部分网站仍然提供 静态 的网页内容 无形中已大大落后于时代的步伐 所谓 静态 指的就是网站的网页内容固定不变 当用户浏览器通过Internet的HTTP HypertextTransportProtocol 协议向Web服务器请求网页内容时 服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器 其页面内容使用的仅仅是标准的HTML代码 最多再加上流行的动态图片 比如产生几只小狗小猫跑来跑去的动画效果 静态 网站的致命弱点就是不易维护 为了不断更新网页内容 必须不断地重复制作HTML文档 随着网站内容和信息量的日益扩增 维护时工作量也会日益增加 安徽工程大学 第一节动态网页概述 2 动态网页 动态网页使得存放页面和数据的Web服务器与访问用户之间具有交互性 即服务器可以根据用户的特定信息创建HTML内容并发送给请求用户 这个得到的HTML页面是为特定用户的特殊要求而生成的 客户端与服务器能互相传递消息 是动态页面的基本特征 动态网页要符合以下几条规则 1 交互性 即网页会根据用户的要求和选择而动态改变和响应 将浏览器作为客户端界面 2 自动更新 即不需要手动更新HTML文档 便会自动生成新的页面 可以大大节省工作量 3 因时因人而变 即当不同的时间 不同的人访问同一网址时会产生不同的页面 安徽工程大学 第二节动态网页实现技术 实现动态网页的技术有很多 现举出以下几种 1 CGI CommonGateInterface 通用网关接口 它是一段程序 运行在服务器上 提供同客户端HTML页面的接口 通俗的讲CGI就像是一座桥 把网页和Web服务器中的执行程序连接起来 它把HTML接收的指令传递给服务器 再把服务器执行的结果返还给HTML页 用CGI可以实现处理表格 数据库查询和发送电子邮件等许多操作 通常CGI在跨平台的开发中扮演着主要角色 可以使用VB C或Perl等来实现 用它们写的CGI脚本是一个单独的程序 而不是嵌在HTML文档中再通过另一个程序解释替换的 所以它是一种 非嵌入式 的服务器端脚本 将已经写好的程序放在WEB服务器的计算机上运行 再将其运行结果通过WEB服务器传输到客户端的浏览器上 安徽工程大学 第二节动态网页实现技术 2 ASP ActiveServerPages ASP是微软开发的一种类似HTML HypertextMarkupLanguage超文本标识语言 Script 脚本 与CGI CommonGAtewayInterface通用网关接口 的结合体 它没有提供自己专门的编程语言 而是允许用户使用包括VBSCRIPT JAVASCRIPT等在内的许多已有的脚本语言编写ASP的应用程序 ASP的程序编制比HTML更方便且更有灵活性 它是在WEB服务器端运行 运行后再将运行结果以HTML格式传送至客户端的浏览器 因此ASP与一般的脚本语言相比 要安全的多 ASP吸收了当今许多流行的技术 如IIS ACTIVEX VBSCRIPT ODBC等 是一种发展较为成熟的网络应用程序开发技术 其核心技术是对组件和对象技术的充分支持 通过使用ASP的组件和对象技术 用户可以直接使用ActiveX控件 调用对象方法和属性 以简单的方式实现强大的功能 可以在此找到更详细的信息 http 安徽工程大学 第二节动态网页实现技术 ASP中最为常用的内置对象和组件如下 Request对象 用来连接客户端的Web页 htm文件 和服务器的Web页 asp文件 可以获取客户端数据 也可以交换两者之间的数据 Response对象 用于将服务端数据发送到客户端 可通过在客户端浏览器显示 用户浏览页面的重定向以及在客户端创建cookies等方式进行 该功能与Request对象的功能恰恰相反 Server对象 许多高级功能都靠它来完成 它可以创建各种Server对象的实例以简化用户的操作 Application对象 它是个应用程序级的对象 用来在所有用户间共享信息 并可以Web应用程序运行期间持久地保持数据 同时如果不加以限制 所有客户都可以访问这个对象 Session对象 它为每个访问者提供一个标识 Session可以用来存储访问者的一些喜好 可以跟踪访问者的的习惯 在购物网站中 Session常用于创建购物车 ShoppingCart 安徽工程大学 BrowserCapabilities 浏览器性能组件 可以确切的描述用户使用的浏览器类型 版本以及浏览器支持的插件功能 使用此组件能正确地裁剪出自己的ASP文件输出 使得ASP文件适合于用户的浏览器 并可以根据检测出的浏览器的类型来显示不同的主页 Objects 文件访问组件 允许你访问文件系统 处理文件 ADO 数据库访问组件 它是最有用的组件 可以通过ODBC实现对数据库的访问 AdRotator 广告轮显组件 专门为出租广告空间的站点设计的 可以动态的随机显示多个预先设定的BANNER广告条 第二节动态网页实现技术 ASP技术有一个缺陷 它基本上是局限于微软的操作系统平台之上 ASP主要工作环境是微软的IIS应用程序结构 又因Activex对象具有平台特性 所以ASP技术不能很容易地实现在跨平台的WEB服务器的工作 安徽工程大学 使用ADO的例子所查询的书名为 第二节动态网页实现技术 以下是ASP通过ADO组件调用数据库并输出的例子 安徽工程大学 DoWhileNotdatardset EOF 第二节动态网页实现技术 3 JSP JavaServerPages JSP JavaServerPages 是由SunMicrosystem公司于1999 6推出的新技术 是基于JavaServlet以及整个java体系的Web开发技术 利用这一技术可以建立先进 安全和跨平台的动态网站 安徽工程大学 第二节动态网页实现技术 以下是一个JSP小程序HelloJsp jsp JSP小程序 安徽工程大学 第二节动态网页实现技术 总的来讲 JavaSeverPages JSP 和微软的ActiveSeverPages ASP 在技术方面有许多相似之处 两者都是为基于WEB应用实现动态交互网页制作提供的技术环境支持 同等程度上来讲 两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计网页从逻辑上分离的技术 而且两者都能够替代CGI使网站建设与发展变的较为简单与快捷 不过两者是来源于不同的技术规范组织 其实现的基础 WEB服务器平台要求不相同 ASP一般只应用于WindowsNT 2000平台 而JSP则可以不加修改地在85 以上的WebServer上运行 其中包括了NT的系统 符合 writeonce runanywhere 一次编写 多平台运行 的java标准 实现平台和服务器的独立性 而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理 4 PHP HypertextPreprocessor 超文本预处理器 安徽工程大学 PHP是一种易于学习和使用的服务器端脚本语言 是生成动态网页的工具之一 它是嵌入HTML文件的一种脚本语言 七语法大部分是从C JAVA PERL语言中借来 并形成了自己的独有风格 目标是让WEB程序员快速的开发出动态的网页 它是当今INTERNET上最为火热的脚本语言 只需要很少的编程知识你就能使用PHP建立一个真正交互的WEB站点 PHP是完全免费的 可以不受限制的获得源码 甚至可以从中加进你自己需要的特色 PHP在大多数Unix平台 GUN Linux和微软Windows平台上均可以运行 PHP的官方网站是 与ASP JSP一样 PHP也可以结合HTML语言共同使用 它与HTML语言具有非常好的兼容性 使用者可以直接在脚本代码中加入HTML标签 或者在HTML标签中加入脚本代码从而更好的实现页面控制 提供更加丰富的功能 第二节动态网页实现技术 安徽工程大学 第二节动态网页实现技术 PHP提供了标准的数据库接口 几乎可以连接所有的数据库 尤其和MYSQL数据库的配合更是 天衣无缝 下面引用一个调用MYSQL数据库的例子来加深对PHP的了解 host localhost user user password psw dbname student 所查询的库表名 连接MySQL数据库 comm mysql connect host user password ordie 无法连接MySQL数据库服务器 db mysql select db dbname ordie 无法连接数据库 sql Select FromScoreWherestu no pstu no andname pname 生成查询的SQL语句 安徽工程大学 reault mysql query sql comm print tablealign center sqlrow mysql fetch row result print 学号 sqlrow 0 print 姓名 sqlrow 1 print 成绩1 sqlrow 2 print 成绩2 sqlrow 3 print table body html 第二节动态网页实现技术 从这个例子可以看出 PHP的语法结构很象C语言 并易于掌握 到目前为止 无论在个人网站还是在企业网站上 以上4种技术中以PHP的应用最为广泛 安徽工程大学 第三节Web数据库技术 Web数据库是Web技术和数据库技术相结合的产物 网上办公 电子商务 再线注册与搜索等都需要利用Web数据库来存储和管理数据 可以说 要开发基于Browser Server 浏览器 服务器 模式的网络应用不能没有Web数据库的支持 数据库技术简介 数据库技术是管理大量数据的有效方法 其优势在于可将庞大而复杂的信息以合理的结构组织起来 便于对其处理和查询 数据库是指长期存储在计算机内的 有组织的 可共享的 可以表现为多种形式的数据集合 为了便于数据的管理和检索 数据库中的大量数据必须按一定的逻辑结构加以存储 这就是数据 结构化 的概念 数据库中的数据具有较高的数据共享性和较低的数据冗余度以及较高的数据独立性和安全性 能有效地支持各种应用程序对数据进行的处理 并能保证数据的完整性 一致性和可靠性 安徽工程大学 第三节Web数据库技术 对数据库进行管理的软件系统称为数据库管理系统 即DBMS DataBaseManagementSyatem 它在整个数据库系统中起着核心的作用 提供了对数据库的数据资源进行统一管理和控制的功能 是应用程序与数据库中数据之间的接口 数据库中的数据是按一定的逻辑结构来组织存放的 早期的数据库是按网状结构模型或层次结构模型来组织的 然而目前使用的数据库几乎毫无例外地是按关系模型来组织的 关系模型是一种易于理解并具有较强数据描述能力的数据结构模型 在关系模型数据库中 各数据的逻辑结构是以二维表的形式予以组织的 表中的每一行称为一个记录 表中的每一列称为一个字段 一个实际的数据库系统是由相关的软件 硬件和人员构成的 而数据库及其相应的数据库管理系统软件则是整个数据库系统的核心 安徽工程大学 第三节Web数据库技术 Web数据库 目前基于关系型数据库系统的Internet应用模式表现为一种3层或4层的结构 在这种多层结构体系下 关系型数据库解决了Web应用问题 使得可以开发和运行基于数据库的各种Web应用程序 从而成为了名副其实的Web数据库系统 Web数据库及其管理系统是Web技术与数据库技术相结合的产物 是存放和管理可供在Internet上访问的大量信息的数据库系统 Web数据库系统是基于先进的Browser Server 浏览器 服务器 模式的信息服务形式 它将存放在Internet上的众多数据库服务器中的各种信息资源有机地组织起来 以使网络用户能够通过统一的Web浏览器界面随时随地访问这些信息 安徽工程大学 访问Web数据库的几种技术 第三节Web数据库技术 1 利用CGI访问Web数据库 CGI是较早实现的访问Web数据库的技术 并在商务网站的开发中起着重要的作用 目前在商务网站的创建过程中 CGI常常被用来对HTML表单和后台数据库进行操作 例如 利用CGI对数据库中的数据进行搜索 添加和修改等 执行CGI时可以生成HTML文档 并将该文档返回Web服务器 CGI还能够与用户浏览器进行交互 并通过API与数据库服务器进行通信 使用CGI方式访问Web数据库有一些缺点 例如 不易开发和维护应用程序 功能有限 不易查错 执行速度慢 并且不兼容HTML文档等 此外 一个运行中的CGI程序不能为多个用户共享 对于新的请求必须启动新的进程 安徽工程大学 2 利用ASP与ADO访问Web数据库 第三节Web数据库技术 ADO是ASP内置的一个组件 含有多个用于在ASP脚本程序中访问后台数据库的ActiveX数据对象 使用ASP编程访问Web数据库时 必然要使用ADO组件中的这些数据对象 ASP和ADO相结合 为Web数据库的访问提供了一个完整的解决方案 利用ASP与ADO访问Web数据库时 首先由客户端浏览器向Web服务器请求某个ASP页面 该页面中含有访问数据库的语句 Web服务器随后启动该页面中的ASP脚本程序 然后通过调用ADO对象和ODBC接口实现对Web数据库的访问 最后再由Web服务器将访问的结果返回到客户端浏览器 安徽工程大学 第三节Web数据库技术 3 在JSP中使用JDBC访问Web数据库 JDBC JavaDatabaseConnectivity 是为Java软件开发人员提供的访问各种数据库的通用性应用程序的编程接口 API 使用JDBC可以很容易地把SQL语句传送到任何关系型数据库中 通过JDBC操作数据库的大致过程如下 首先装载JDBC驱动程序 然后通过DriveManager来获得一个连接 接着创建Statament对象以执行SQL操作 在执行操作之后 记住需要关闭数据库的连接以释放资源 安徽工程大学 第三节Web数据库技术 4 在PHP中通过PHP的数据库函数或通过ODBC访问Web数据库 以PHP访问MYSQL数据库为例 这里主要用到四个数据库函数 mysql connect 建立与MySQL服务器的连接 mysql select db 选择MySQL服务器中的数据库供以后的数据查询操作query处理 mysql query 送出query字符串以帮助MySQL做相关的处理或执行 mysql fetch row 用来将查询结果result单行移到数组变量中 数组的索引是数字索引 第一个索引值是0 安徽工程大学 第