《Web技术导论第二版培训教材》由会员分享,可在线阅读,更多相关《Web技术导论第二版培训教材(44页珍藏版)》请在金锄头文库上搜索。
1、Web 技 术 导 论(第二版),第 1 章 Web基础 第 2 章 Web服务器的架设和管理 第 3 章 HTML和XML基础 第 4 章 网页设计与制作 第 5 章 客户端开发 第 6 章 服务端开发,目 录,第 1 章 Web基础,1.1 Internet与万维网 1.2 Web概述 1.3 概念及术语 1.4 Web相关技术 1.5 Web发展趋势,1.2 Web及其工作原理,什么是Web ? Web的工作原理 Web服务器,什么是Web ?,什么是Web ? 互联网 = 所有上网的主机 各种服务器,如:Web服务,FTP服务器,Email服务器,NNTP服务器,应用服务器 ,etc.
2、 客户机 WWW =Web服务器,Web客户机 Web服务器 网络操作系统 Web服务组件,如Apache/Tomcat,IIS Web客户机 Web浏览器,如IE,Mahton,Firefox,浏览器/服务器(B/S)计算模式,构成 三层结构 客户端Web浏览器 Web服务器 数据库服务器 互联网 优点 具有良好的开放性,利用单一的访问点,用户可以在任何地点使用系统;用户可以跨平台以相同的浏览器界面访问系统;因为在客户端只需要安装浏览器,基本上取消了客户端的维护工作,有效的减少了整个系统的运行和维护成本。 跨越了局域网的限制,将应用分步到互联网 不足,Web的工作原理,(1)在浏览器地址栏中
3、,用户输入要访问的网页网址URL (2)Web服务器根据URL中指定的网址、路径和网页文件,调出相应的HTML、XML文档或Jsp、Asp文件 (3)根据文档类型,Web服务器决定是否执行文档中的服务器脚本程序,还是直接将网页文件传送到客户端。 (4)浏览器显示下载的文档,即网页,Web服务器,Web服务器计算机 安装网络操作系统 安装Web服务程序 Web服务程序 接受客户端(浏览器)的HTTP访问 产品 Windows服务器中的IIS Apache+Tomcat,Web浏览器,HTML或XML文档阅读器 符合HTML规范,标记 脚本程序 内置脚本程序引擎,解释执行客户端脚本程序 Web浏览
4、器产品 IE, Maxthon(傲游),Firefox(火狐狸),Opera等,1.3 概念及术语,概念及术语,概念及术语,网站(Web Site) 概念 网站又称Web站点,是Internet中提供信息服务的机构,这些机构的计算机连接到Internet中,向用户提供Web服务。 技术 一个Web站点是由一个主目录和主目录下的文件夹和大量的网页文件构成的,这些网页文件通过超链接连接在一起,形成特定的应用逻辑,构成一个特定的Web应用。 网站又成为Web应用(Web Application),基于B/S架构的计算机软件。,概念及术语(Cont1.),超文本(Hypertext) 超文本是一种文本
5、显示与连接技术,可以对文本中的有关词汇或句子建立链接(即超链接),使其指向其他段落、文本或链接到其他文档。 当超文本显示时,建立了链接的文本、图片通常以下划线、高亮等不同的方式显示,来表明这些文本或图片对应一个超链接。 超级链接(Hyperlink) Web页中当用户单击它时可以转到其他Web页或当前页面的其他地方的文字、图片等对象,概念及术语(Cont2.),Web页(Web page) Web页是指Web服务器上的一个个超文本文件,或者是它们在浏览器上的显示屏幕。 主页(Home page) 用户在Web服务器上看到的第一个Web页 首页中往往列出了网站的信息目录,或指向其他站点的超链接,
6、主页是一个网站的入口。,概念及术语(Cont3.),统一资源定位器URL(Uniform Resource Locator) 信息资源类型:/网址:端口号/文件路径/文件名?参数表 网址 端口号 文件路径 文件名 参数表,概念及术语(Cont4.),端口(port) 端口的分类 按协议类型划分,端口可以分为TCP、UDP、IP和ICMP(Internet控制消息协议)等。其中TCP端口和UDP端口是最常见端口类型。 按照端口号分布划分,端口分为知名端口(Well-Known Ports)和动态端口(Dynamic Ports)两部分。 知名端口 范围从0到1023,这些端口号一般固定分配给一些
7、知名的公共服务。 21端口-FTP服务 25端口-SMTP服务 80端口-HTTP服务 135端口-RPC(远程过程调用)服务等 动态端口 范围从1024到65535,1.4 Web相关技术,计算模式与程序设计模式的演变 单机运行与集中式计算模式 客户/服务器(C/S)计算模式 浏览器/服务器(B/S)计算模式 Java技术 XML技术 Web服务 基于SOA的软件设计模式,单机运行与集中式计算模式,集中式计算 计算所需要的数据和程序都是集中在一台计算机上进行的,称为集中式计算, 20世纪60、70年代 随着网络的发展,这种集中式计算往往形成一种由大型机和多个与之相连的终端组成的网络结构,形成
8、主机终端计算机网络 20世纪50年代初,美国军方建立的一个半自动地面防空系统,简称SAGE。在SAGE系统中,警戒雷达将天空中飞机目标的方位,距离和高度等信息通过雷达录取设备自动录取下来,并转换成二进制的数字信号;然后通过数据通信设备传送到北美防空司令部的信息处理中心,以计算飞机的飞行航向、飞行速度和飞行的瞬时位置。SAGE系统于1951年由美国麻省理工学院林肯实验室开始为美国空军设计,1963年建成。 特点 安全性好、可靠性高、计算能力和数据存储能力强以及系统维护和管理的费用较低等优点 大型机的初始投资较大、可移植性差、资源利用率低以及网络负载大等缺点,客户/服务器(C/S)计算模式,构成
9、两层结构(Client/Server,C/S) 20世纪80年代流行 客户 安装客户端软件 客户机完成与用户的交互任务,具有强壮的数据操纵和事务处理能力 服务器 安装服务器程序 服务器负责数据管理,提供数据库的查询和管理、大规模的计算等服务 计算机局域网 优点 通过异种平台集成,能够协调现有的各种IT基础结构;分布式管理;能充分发挥客户端PC的处理能力,安全、稳定、速度快,且可脱机操作 不足 它必须在客户端安装大量的应用程序(客户端软件),开发成本较高,移植困难,用户界面风格不统一,使用繁杂,不利于推广使用,维护复杂,升级麻烦,信息内容和形式单一,新技术不能轻易应用 用户必须在局域网中,对90
10、年代蓬勃发展的互联网新技术不能适应,浏览器/服务器(B/S)计算模式,特点 基于Web的协同计算 三层结构 浏览器 Web服务器 数据库服务器 优点 瘦客户机,减少客户端维护 突破局域网限制,将应用分布到整个互联网,Java技术,Java的出现 Java 技术是 Sun Microsystems于1995年推出的一种极富创造力的计算平台。 Java的出现是继HTML后,互联网发展的第二个里程碑 Java技术的构成 Java程序设计语言 Java虚拟机(Java Virtual Machine,JVM) 不同操作系统平台有不同的JVM Java API 用于Java编程,各种JDK Java的特
11、点 Java程序“编写一次,到处运行” 编译后生成字节码(.class文件),不是exe 。class文件在JVM上运行,而不是在OS上 完全面向对象,Java语言环境,JDK(Java Development Kit,Java开发工具包) 在1995年Sun虽然推出了Java,但这只是一种语言,而要想开发复杂的应用程序,必须要有一个强大的开发库支持。 Sun在1996年1月23日发布了JDK1.0 JDK的构成 运行环境(即JRE) 核心API 集成API 用户界面API 发布技术 Java虚拟机(JVM) 开发环境(即JDK) Java程序的编译器(即javac) 抽象窗口工具包AWT(A
12、bstract Windowing Toolkit ),其他库不完整,Java的发展,Java的出现是革命性的,Java十年,日新月异 世界几乎所有著名的计算机公司纷纷购买了Java的使用权,IBM、Apple、DEC、Adobe、Silicon Graphics、HP、Oracle、Toshiba、Netscape和Microsoft等大公司相继购买了Java的许可证。另外,众多的软件开发商也开发了许多支持Java的软件产品。 在以网络为中心的计算时代,不支持HTML和Java,就意味着应用程序的应用范围只能限于同质的环境。 Java的发展 JDK1.0 从JDK1.0到JDK1.1.8,J
13、DK1.x经过了9个小版本 JDK2.0(JDK1.2) 1998年12月4日,Sun发布了Java历史上最重要的一个JDK版本:JDK1.2,这个版本标志着Java进入了Java2时代,进入Java的飞速发展时期。 J2EE(Java2 Platform, Enterprise Edition),企业级 应用 J2SE(Java2 Platform, Standard Edition),桌面 J2ME(Java 2 Platform, Micro Edition),嵌入式和移动计算 JDK3.0(JDK1.3) 2000年 JDK4.0(JDK1.4) 2002年 JDK5.0(JDK1.5
14、) 2004年 JDK6.0(JDK1.6) 2006年,XML技术,当今世界,XML技术可谓炙手可热 可扩展标记语言XML(eXtensible Markup Language,可扩展标记语言)是Internet上最具权威的数据表示和数据交换标准 。 XML和HTML的不同 HTML关心的是内容的表现,是一种表现技术 XML关心的是数据的结构,表达数据之间的关系 XML文档最终以HTML来表现 XML的本质 XML文档是一种数据的表达和存储技术 如果说Java实现了代码的平台无关性,那么XML则实现了数据的平台无关性 。,这就是XML,互联网时代的基石,XML的出现和发展对于Internet
15、产生了巨大的影响,如果说Java实现了代码的平台无关性,那么XML则实现了数据的平台无关性。今天,XML已经逐渐成为整个Web的基本结构和未来各种发展的基础,由于XML能针对特定的应用定义自己的标记语言,这一特征使得XML可以在电子商务、政府部门、各行业领域提供各具特色的独立解决方案。 同时,XML作为一种通用的数据交换语言,已经成为业界的一种具有垄断性的标准,在跨平台跨系统数据交换方面拥有无可比拟的优势,其在企业级开发中所扮演的角色越来越重要。 但是,和关系数据库拥有强大的存储和分析引擎不同,XML只专注于数据的表示,这也使得XML在数据量急速膨胀的时候,如何有效的管理和使用XML成为了一件
16、令人头痛的事情,XML相关技术标准,XML Schema描述了更加严格定义XML文档的方法,以便可以更自动地处理XML文档。 XML Namespace用于保证XML DTD中名字的一致性,以便不同的DTD中的名字在需要时可以合并到一个文档中。 XPath描述如何识别、选择、匹配XML文件中的各个构成元件,包括元素、属性、文字内容等。 XPointer和XLink标准,规定了有关定位、链接方面的内容。 XQuery的目的是为从Web文档中提取数据,提供一种灵活的查询机制。 XSLT则实现文档格式转换,主要是将XML转换为HTML格式进行显示。 CSS也是用来作为XML文档显示的样式标准。 DOM定义了一组与平台和语言无关的接口,以便程序和脚本能够动态访问和修改XML文档内容、结构及样式。,Web服务(Web Service),概念 Web服务体系架构 Web服务技术优势,Web服务的概念,Web服务(Web Service)是在XML技术的基础上发展起来的,他是可以通过Web发布、查找和调用的自包含、自描述的模块化应用,其目标是将软件转化为一种可以通过Web订阅使用的服务