网络程序设计-9.ppt

Web应用与开发技术 WEB应用技术概述 基本概念Internet采用超文本和超媒体的信息组织方式 将信息的链接扩展到整个Internet上 Web就是一种超文本信息系统 Web的一个主要的概念就是超文本连接 它使得文本不再像一本书一样是固定的线性的 而是可以从一个位置跳到另外的位置 你可以从中获取更多的信息 可以转到别的主题上 想要了解某一个主题的内容只要在这个主题上点一下 就可以跳转到包含这一主题的文档上 正是这种多连接性我们才把它称为Web WWW WorldWideWeb 也称万维网 是基于Internet Intranet的 全球连接的 分布的 动态的 多平台的交互式超文本查询系统 在进入21世纪以来 其作为网络化信息服务的基础得到了迅速发展 网站的信息资源组织形式都是以一个主页 HomePage 为首 其他Web页面为节点 在每个Web页面中都包含了相关的信息及超链接 用超链接把主页与Web页面以及Web页面之间链接成一个树状结构的信息链 其中主页作为用户进入Web站点的入口 用户可以通过超链接很方便地浏览其他的Web页面及其他Web站点 Web的产生及发展 Web技术已经从最初简单的文档浏览发展到了当今复杂的电子商务应用 Web的发展过程大致可以划分为三个阶段 即静态页面阶段 动态交互页面阶段和实时可伸缩的事务处理阶段 1 静态页面阶段在此阶段 Web技术主要用于简单静态Web页面的浏览 静态Web页面都是由HTML HyperTextMarketLanguage 语言编写的 用户使用客户端的浏览器 通过站点主页进入Internet上的各个Web站点进行访问 此时 由于受到低版本HTML和老式浏览器的制约 Web页面只能包含单纯的文本内容 因而在浏览器中只能显示呆板的固定的文字信息 由于HTML标识不断扩充 Microsoft公司的InternetExplore等浏览器不断改进 才使得Web页面逐渐对各种媒体文件进行支持 如图1 1Web系统结构所示 图1 1Web系统结构 2 动态交互页面阶段由于静态文档无法与用户交互 所以用户仅是被动地使用Web服务器所提供的静态页面 即预先设定好的固定信息 另一方面 对于网络管理员来说 维护静态的Web页面也是一件很麻烦的事 需要不断地创建新的Web页面并且不断删除与修改已有的Web页面 这些越来越不能满足人们的进一步要求 在动态交互页面阶段初期 只是对用户简单的交互信息进行处理 按照用户的要求对主页进行有限的控制 随着动态信息内容的不断加大和数据库信息资源发布的需求 越来越多的技术人员认识到Web与数据库连接的重要性 网络数据库技术是本阶段最重要的技术核心 Web与数据库互连结构图如图1 2所示 图1 2Web与数据库互连结构图 3 实时可伸缩的事务处理阶段随着Internet用户的迅速增加 人们渴望网络能给他们的生活带来更多的便利 电子商务的出现对商家和用户都产生了深远的影响 也使Web的应用深入到人们日常生活的每个角落 为了在Web上进行实时可伸缩的事务处理 实现电子商务 Web必须解决几个关键问题 即如何实现实时的事务处理 可伸缩性 可扩展性 安全性与客户认证等技术难题 Web对象技术是最新一代Web应用的关键技术 它通过分布对象技术允许客户机直接同相关服务器联系 开销小且避免了Web服务器所形成的瓶颈 并且客户提交的请求 任务 可以从单个功能服务器到整个服务器系统都可伸缩地运行在一个或多个服务器上 动态地平衡客户端的请求负载 一 Web是图形化的和易于导航的 navigate Web非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能 在Web之前Internet上的信息只有文本形式 Web可以提供将图形 音频 视频信息集合于一体的特性 同时 Web是非常易于导航的 只需要从一个连接跳到另一个连接 就可以在各页各站点之间进行浏览了 Web的特点 二 Web与平台无关无论你的系统平台是什么 你都可以通过Internet访问WWW 浏览WWW对你的系统平台没有什么限制 无论从Windows平台 UNIX平台 Macintosh还是别的什么平台我们都可以访问WWW 对WWW的访问是通过一种叫做浏览器 browser 的软件实现的 如Netscape的Navigator NCSA的Mosaic Microsoft的Explorer等 三 Web是分布式的大量的图形 音频和视频信息会占用相当大的磁盘空间 我们甚至无法预知信息的多少 对于Web没有必要把所有信息都放在一起 信息可以放在不同的站点上 只需要在浏览器中指明这个站点就可以了 使在物理上并不一定在一个站点的信息在逻辑上一体化 从用户来看这些信息是一体的 四 Web是动态的最后 由于各Web站点的信息包含站点本身的信息 信息的提供者可以经常对站上的信息进行更新 如某个协议的发展状况 公司的广告等等 一般各信息站点都尽量保证信息的时间性 所以Web站点上的信息是动态的 经常更新的 这一点是由信息的提供者保证的 Web动态的特性还表现在Web是交互的 Web的交互性首先表现在它的超连接上 用户的浏览顺序和所到站点完全由他自己决定 另外通过FORM的形式可以从服务器方获得动态的信息 用户通过填写FORM可以向服务器提交请求 服务器可以根据用户的请求返回相应信息 Web开发技术概述 互联网的快速发展对人们的工作 学习和生活带来了重大影响 人们利用互联网的主要方式就是通过浏览器访问网站 以便处理数据 获取信息 当人们通过浏览器打开各式各样的网站进行信息处理 享受互联网带给人们巨大便利的同时 好奇的读者也许非常想知道其背后所隐藏的所有实现技术 涉及到的技术是多方面的 包括网络技术 数据库技术 面向对象技术 图形图像处理技术 多媒体技术 网络和信息安全技术 互联网技术 Web开发技术等等 其中Web开发技术是互联网应用中最为关键技术之一 Web开发技术概述 1 1Web技术基础知识1 2Web基本技术介绍1 3Web2 0概述 1 1Web技术基础知识 1 1 1什么是Web 1 1 2什么是Web服务器 1 1 3什么是Web页面 1 1 4统一资源定位符URL1 1 5浏览器的工作机理及种类1 1 6C S模式与B S模式1 1 7Web访问的机理1 1 8Web开发平台的组成1 1 9常用Web开发工具 1 2Web基本技术介绍 1 2 1HTML技术1 2 2DHTML技术1 2 3什么是JavaApplet1 2 4JavaScript与VBScript1 2 5ActiveX1 2 6CGI技术1 2 7PHP1 2 8JSP1 2 9ASP ASP NET 1 3Web2 0概述 1 3 1Ajax1 3 2网志Blog1 3 3社会书签1 3 4维基百科Wiki1 3 5内容聚合RSS 什么是Web Internet是一个网络上的网络 或者说是一个全球范围的网间网 在Internet中分布了成千上万的计算机 这些计算机扮演的角色和所起的作用各不相同 有的计算机可以收发电子邮件 有的可以为用户传输文件 有的负责对域名进行解析 更多的机器则用于组织并展示相关的信息资源 方便用户的获取 所有这些承担服务任务的计算机统称为服务器 根据服务的特点 又可分为邮件服务器 文件传输服务器 域名服务器 DNS 和Web服务器等 Web就由互联网上的上述各种各样的服务器相互连接组成 什么是Web服务器 Web服务器又称WWW服务器 网站服务器 站点服务器 就是将本地的信息用超文本 Hypertext 组织 为用户在Internet上搜索和浏览信息提供服务 从本质上来说Web服务器实际上就是一个软件系统 一台计算机可以充当多个Web服务器 为提高用户的访问效率 一般情况下一台计算机只充当一个Web服务器 为提供大量用户的访问 多台计算机可以形成集群 只提供一个Web服务 平常 我们将只充当一个Web服务器的一台计算机就叫做Web服务器 什么是Web页面 Web在提供信息服务之前 所有信息都必须以文件方式事先存放在Web服务器所管辖磁盘中某个文件夹下 其中包含了由超文本标记语言HTML HyperTextMarkupLanguage 组成的文本文件 我们称这些文本文件为超链接文件 又称网页文件 或称Web页面文件 WebPage 当用户通过浏览器在地址栏输入访问网站的网址时 实际上就是向某个Web服务器发出调用某个页面的请求 Web服务器收到页面调用请求后 从磁盘中调出该网页进行相关处理后 传回给浏览器显示 在这里 Web服务器作为一个软件系统 用于管理Web页面 并使这些页面通过本地网络或Internet供客户浏览器使用 图1 1展示了Web服务器与Web页面的关系 什么是Web页面 统一资源定位符URL 信息资源放在Web服务器之后 需要将它的地址告诉给用户 以便让用户来访问 这就是统一资源定位符URL UniformResourceLocators 的功能 俗称为网址 URL字串分成三个部分 协议名称 主机名和文件名 包含路径 协议名称通常为http Ftp File等 例如 浏览器的工作机理及种类 当用户要通过浏览器访问某一个网站 用户必须首先在浏览器的地址栏中输入相应的网址 我们称之为URL地址 接着浏览器将向域名服务器询问该网址对应的IP地址 并根据返回的结果直接定位到目标服务器 服务器与浏览器双方完成通讯握手之后 该网站对应的图文数据便被送到浏览器中 如果收到的是HTML代码和图片 浏览器对其进行解释之后形成页面显示 而如果遇到扩展名为ASP CGI之类的脚本程序 解释工作就必须由服务器来完成 浏览器只能被动接收解释的结果并加以显示 当然 如果在结果中遇到HTML标记 浏览器就会启动解释程序 然后按HTML标记的要求将网页的内容显示在用户面前 浏览器的工作机理及种类 Web访问的机理 Web开发平台的组成 NET开发平台2000年6月 微软公司宣布其 NET战略 2001年 ECMA通过了Microsoft提交的C 语言和CLI标准 这两个技术标准构成了 NET平台的基石 2002年 Microsoft正式发布 NETFramework和VisualStudio NET开发工具 微软公司的 NET战略揭示了一个全新的境界 提供了一个新的软件开发模型 NET战略的一个关键特性在于它独立于任何特定的语言或平台 它不要求程序员使用一种特定的程序语言 相反 开发者可使用多种 NET兼容语言的任意组合来创建一个 NET应用程序 多个程序员可致力于同一个软件项目 但分别采用自己最精通的 NET语言编写代码 Web开发平台的组成 JavaEE开发平台JavaEE JavaENTERPRISEEDITION 是纯粹基于Java的解决方案 之前较低版本叫做J2EE 1998年SUN发布了EJB1 0标准 EJB为企业级应用中必不可少的数据封装 事务处理 交易控制等功能提供了良好的技术基础 J2EE平台的三大核心技术SERVLET JSP和EJB都已先后问世 1999年 SUN正式发布了J2EE的第一个版本 紧接着 遵循J2EE标准 为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来 IBM的WebSphere BEA的WebLogic都是这一领域里最为成功的商业软件平台 网页制作工具 1 SausageHotDogProfessionalHotDog是较早基于代码的网页设计工具 支持最新的Web标准和扩展 其最具特色的是提供了许多向导工具 能帮助设计者制作页面中的复杂部分 HotDog是个功能强大的软件 对于那些希望在网页中加入CSS Java RealVideo等复杂技术的高级设计者 是个很好的选择 网页制作工具 2 AdobeDreamweaver Fireworks Flash GoliveDreamweaver友好的界面 功能强大和快捷的工具以及可视化特征 可以使初学者直接在页面上添加和编辑元素 而不用写源代码 软件会自动将结果转换为HTML源代码 而且它还集成了目前最流行的制作网页的多种功能 比如可通过层叠样式 CSS 格式化文本 通过表格定位网页元素 通过时间轴实现一些网页的动画 以及可进行源代码编写修改功能等 大大方便了网页设计者 网页制作工具 Fireworks也是由Macromedia公司开发的一种工具 它以处理网页图片为特长 并可以轻松创作GIF动画 它的出现使Web作图发生了革命性的变化 Fireworks是专为网络图像设计而开发 内建丰富的支持网络出版功能 比如Fireworks能够自动切图 生成鼠标动态感应的javascript 而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器 Export功能 它增强了与Dreamweaver的联系 可以导出为配合CSS式样的网页及图片 网页制作工具 Flash是当今INTERNET上最流行动画作品 如网上各种动感网页 LOGO 广告 MTV 游戏和高质量的课件等 的制作工具 并成为事实上的交互式矢量动画标准 就连软件巨头微软也不得不在其新版的INTERNETEXPLORER内嵌FLASH播放器 由于在Flash中采用了矢量作图技术 各元素均为矢量 因此只用少量的数据就可以描述一个复杂的对象 从而大大减少动画文件的大小 而且矢量图像还有一个优点 可以真正做到无级放大和缩小 你可以将一幅图像任意地缩放 而不会有任何失真 网页制作工具 3 MicrosoftFrontPage2003FrontPage是微软推出的Microsoft办公系列软件Office家族的成员之一 它是具有 所见即所得 特点的网页制作软件 使用FrontPage2003制作网页 你能真正体会到 功能强大 简单易用 的含义 FrontPage2003的主要功能是设计 制作 管理网页或站点 它的操作对象主要是网页或网站 从单个的网页到复杂的网站的设计制作 以及本地或远程网站的管理 都可以使用FrontPage2003完成 FrontPage2003带有图形和GIF动画编辑器 支持CGI和CSS Web开发工具 MicrosoftVisualStudio2005 VS2005 VS2005是一套完整的开发工具集 用于生成Web应用程序 Web服务 桌面应用程序和移动应用程序等 编程语言VisualBASIC VisualC VisualLC 和VisualJ 全都使用相同的集成开发环境 IDE 利用此IDE可以共享工具且有助于创建混合语言解决方案 另外 这些语言利用了 NETFRAMEWORK的功能 通过使用此框架可简化Web应用程序和Web服务的开发过程 Web基本技术介绍 在信息领域中 Web技术几乎汇集了当前信息处理的所有技术手段 以求最大限度地满足人性化的特点 由于Web正处在日新月异的高速发展之中 它所覆盖的技术领域和层次深度也在不断改变 所以我们在这里只讨论主流技术的相关内容 现阶段Web的基本技术包括HTML DHTML JavaApplet JavaScript与VBScript CGI PHP JSP ASP ASP NET XML ADO ADO NET和WebServices等 HTML技术 HTML是HyperTextMarkupLanguage 超文本标记语言 的缩写 是一种用来制作超文本文档的简单标记语言 它实际上是标准通用标记语言 SGML StandardGeneralizedMarkupLanguage 的一个子集 HTML文件是一种纯文本文件 通常它带有 htm或 html的文件扩展名 在UNIX和Windows95中的扩展名为 html DHTML技术 DHTML即动态的HTML语言 DynamicHTML 除了具有HTML语言的一切性质外 其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果 使人们在浏览Web页面时看到五彩缤纷 绚丽夺目的动态效果 DHTML并不是一门新的语言 它是以下技术 标准或规范的一种集成 1 HTML4 0 2 CSS CascadingStyleSheets 层叠样式单 3 CSSL Client SideScriptingLanguage 客户端脚本语言 4 HTMLDOM HTML文档对象模型 DocumentObjectModel 什么是JavaApplet Java小应用程序即JavaApplet是指用Java编写的能够在Web页中运行的应用程序 它的可执行代码为class文件 它具有安全 功能强和跨平台等特性 IE Netscape等主流浏览器都能显示包含Applet的页面 Applet是从远程服务器上下载到本地客户机上运行的 出于安全的考虑 对它的运行进行了必要的限制 例如不能运行本地机上的程序 只能与它所对应的服务器联系 无法对本地机上的文件进行读写操作 除了可获取本地机使用的Java版本号 操作系统名称及版本号 文件名分隔符 文件路径外 无法获得本地机的其他信息 JavaApplet可提供动画 音频和音乐等多媒体服务 并能产生原本只有CGI 公共网关接口 才能实现的功能 因此JavaApplet已经成为Web技术的重要组成部分 JavaScript与VBScript JavaScript是目前使用最广泛的脚本语言 它是由Netscape公司开发并随Navigator浏览器一起发布的 是一种介于Java与HTML之间 基于对象的事件驱动的编程语言 使用JavaScript 不需要Java编译器 而是直接在Web浏览器中解释执行 VBScript脚本语言是VisualBasicScript的简称 有时也被缩写为VBS 它是MicrosoftVisualBasic的一个子集 即可以看作是VB语言的简化版 VBS和Javascript一样都用于创建客户方的脚本程序 并处理页面上的事件及生成动态内容 JavaScript与VBScript VBScript的最大优点在于简单易学 它去掉了VisualBasic中使用的大多数关键字 而仅保留了其中少量的关键字 大大简化了VisualBasic的语法 使得这种脚本语言更加易学易用 也为原先熟悉VB语言的开发人员减轻了学习其他语言的负担 但很多浏览器不支持VBS 因此在Web开发中使用JavaScript的居多 ActiveX ActiveX控件是由软件提供商开发的可重用的软件组件 它是微软公司提出的一种软件技术 ActiveX控件可用于拓展Web页面的功能 创建丰富的Internet应用程序 开发人员可直接使用已有大量商用或免费ActiveX控件 也可通过各种编程工具如VC VB Delphi等根据控件所要实现的功能进行组件开发 Web开发者无需知道这些组件是如何开发的 一般情况下不需要自己编程 就可完成使用ActiveX控件的网页设计 例如ActiveX控件ActiveMovie可用于播放视频与动画 你只需要在控件的属性中指定参数值 就可在Web页面中控制其播放 现在很多浏览器包括IE Netscape Firefox等都支持ActiveX技术 CGI技术 CGI是公共网关接口 CommonGatewayInterface 的缩写 是用于连接Web页面和应用程序的接口 本身HTML语言的功能是比较贫乏的 难以完成诸如访问数据库等一类的操作 而实际的情况则是经常需要先对数据库进行操作 比如文件检索系统 然后把访问的结果动态地显示在主页上 此类需求只用HTML是无法做到的 所以CGI便应运而生 CGI是在WebServer端运行的一个可执行程序 由主页的一个超链接激活进行调用 并对该程序的返回结果进行处理后 显示在页面上 PHP PHP PHP HypertextPreprocessor 超文本预处理器 也称ProfessionalHomePage 是利用服务器端脚本创建动态网站的技术 它包括了一个完整的编程语言 支持因特网的各种协议 提供与多种数据库直接互联的能力 包括MYSQL SQLSERVER SYBASE INFORMIX ORACLE等 还能支持ODBC数据库连接方式 PHP也是一种跨平台的软件 在大多数Unix平台 GUN Linux和微软Windows平台上均可以运行 JSP JSP JavaServerPage 是由Sun公司于1999年推出的一项因特网应用开发技术 是基于JavaServer以及整个Java体系的Web开发技术 利用这一技术可以建立先进 安全和跨平台的动态网站 JSP技术是以Java语言作为脚本语言的 使用JSP标识或者JavaServlet小脚本来生成页面上的动态内容 JSP页面看起来象普通HTML页面 但它允许嵌入服务器执行代码 服务器端的JSP引擎解释JSP标识和小脚本 生成所请求的内容 并且将结果以HTML页面形式发送回浏览器 在数据库操作上 JSP可通过JDBC技术连接数据库 ASP ASP NET ASP为ActiveServerPages的简写 中文意思为动态服务器页面 它是微软公司1996年11月推出的Web应用程序开发技术 它既不是一种程序语言 也不是一种开发工具 而是一种技术框架 它含有若干内建对象 用于Web服务器端的开发 利用它可以产生和执行动态的 互动的和高性能的Web服务应用程序 ASP使用VBScript JavaScript等简单易懂的脚本语言 结合HTML代码 即可快速地完成网站的应用程序开发 ASP ASP NET ASP NET完全基于模块与组件 具有更好的可扩展性与可定制性 数据处理方面更是引入了许多激动人心的新技术 正是这些具有革命性意义的新特性 让ASP NET远远超越了ASP 同时也提供给Web开发人员更好的灵活性 有效缩短了Web应用程序的开发周期 ASP NET与WindowsServer家族的完美组合为中小型乃至企业级的Web商业模型提供了一个更为稳定 高效 安全的运行环境 Web2 0概述 一般来说Web2 0 也有人称之为互联网2 0 是相对Web1 0的新的一类互联网应用的统称 Web1 0的主要特点在于用户通过浏览器获取信息 Web2 0则更注重用户的交互作用 用户既是网站内容的消费者 浏览者 也是网站内容的制造者 由Web1 0单纯通过网络浏览器浏览网页模式向内容更丰富 联系性更强 工具性更强的Web2 0互联网模式的发展已经成为互联网新的发展趋势 Web2 0概述 如果说Web1 0是以数据为核心的网 那么Web2 0是以人为出发点的互联网 从知识生产的角度看 Web1 0的任务是将以前没有放在网上的人类知识 通过商业的力量 放