Web 开发技术 第一章 绪论.ppt

1、1. Internet和Web(WWW),Internet 由ARPANET演变而成的（,1/42,Internet的技术特点 采用标准协议TCP/IP协议，可使网上各种不同的计算机进行通信 通过路由器将不同网络互联 提供了建立在TCP/IP协议基础之上的WWW浏览服务 应用DNS域名解析系统完成网络计算机之间的地址解析工作,(全球性,开放性,平等性),1. Internet和Web(WWW),2/42,Internet提供的服务 电子邮件E-mail(Electronic Mail) 文件传输FTP(File Transfer Protocol) 电子公告BBS(Bulletin Board

2、 System) 远程登陆Telnet(Telecommunication Network) WWW(World Wide Web),WWW（World Wide Web） Web全称World Wide Web ，缩写为WWW,中文译为”万维网”.是在Internet和Intranet上的一种新的资源组织形式，也是一种信息服务方式。Web服务系统通过超文本链接功能和HTTP协议，将文本、图象、声音和其它Internet和Intranet上的资源紧密地结合起来，并显示在Web浏览器上。组成Web的文档（即页面）通过超链接相互连接，只要在链接点上单击一下，就可从当前页面跳转到某个其它相关页面。,

3、3/42,Web是一种体系结构,通过它可以访问遍布于Internet主机上的链接文档 Web是存储在全世界Internet主机中数量巨大的文档的集合 Web 上的信息由彼此关联的文档组成,这些文档称为主页或页面 Web的内容保存在Web站点中,用户可通过浏览器访问站点,1.2 Web的架构（B/S模式）,Web服务器 是构成Web的必不可少的服务器软件，Web站点用以存储相关的Web页面和图形（包括视频和音频）等文件，并通过Web服务器将这些信息提供给客户端的Web浏览器。 * 常用的Web服务器有：Microsoft Internet Information Server、WebSite、A

4、libaba、Sambar和Netscape Enterprise Server、Apache等。,4/42,Web浏览器 是构成Web的客户机软件，用于在用户机器上显示Web页面。 * 常用的浏览器软件有：Microsoft Internet Explorer、Netscape Navigator、HotJava和Mozilla Firefox等。,5/42,1.3 Web的技术基础,HTML 超文本标识语言HTML (HyperText Markup Language )是一种用于编制超文本文件的文档的格式化语言,它对文件显示的具体格式进行了详细的规定和描述，当浏览器读取某HTML文件时，

5、就会显示出相应的页面。 （应用最广泛，是构成网页文档的主要语言，目的是连接，平台无关性）,6/42,HTML由国际组织W3C (万维网联盟) 制定和维护，HTML 3.2是目前被广泛支持的标准 (几乎所有浏览器都支持) ，HTML 4.0也已逐步普及。最新的标准是HTML 4.01，它对HTML 4.0作了一些小的修正 对于基本的标记符，3.2与4.0基本一致 如果需要了解HTML的更详细情况，请访问W3C的官方网站：htt:/，可以从该网站中获得最新的HTML规范,很多网页开发工具，如Dreamweaver、微软的FrontPage和Expression Web等，并不

6、要求开发者具备HTML语言基础，但是如果要对网页进行深层次的开发就离不开HTML语言。 HTML的进一步发展是 XHTML(eXtensible Hypertext Markup Language) 。,7/42,HTTP 超文本传输协议HTTP(Hypertext Transport Protocol)是Web浏览器与Web服务器之间进行数据传输的应用层通信协议，它建立在TCP/IP协议的基础上，用以传输超文本文档。,8/42,在WWW中，“客户”与“服务器”是一个相对的概念，只存在于一个特定的连接期间，即在某个连接中的客户在另一个连接中可能作为服务器。 基于HTTP协议的客户/服务器模式的

7、信息交换过程，它分四个过程：建立连接、发送请求信息、发送响应信息、关闭连接。,9/42,HTTP工作原理示意图,10/42,浏览器,服务器,发出请求,返回HTML文档,HTTP,实验：在控制台窗口输入命令 telnet 查看结果。参考相关文献进行解读。,GET /index.html HTTP/1.1 HOST: 两次回车发送请求,11/42,客户端与服务器端的概念,12/42,在计算机系统里，凡是提供服务的一方称之为服务器端（Server），接受服务的另一方称之为客户端（Client）。,TCP/IP模型,TCP/IP是20世纪70年代中期，美国国防部为其研究性网络ARPANET开发的网络体

8、系结构 ARPANET最初通过租用的电话线将几百所大学和研究所连接起来。随着卫星通信技术和无线电技术的发展，这些技术也被应用到ARPANET网络中，而已有的协议不能解决这些通信网络的互联问题，于是就提出了新的网络体系结构，用于不同通信网络无缝连接，称为TCP/IP参考模型 TCP/IP协议是Internet上所有计算机进行信息交换和传输所采用的协议 TCP/IP协议是Web服务器与其它网络计算机互连的基本通信协议,13/42,14/42,应用层：Telnet，FTP, SMTP, DNS, HTTP,传输层：TCP层，负责进程之间端到端的通信,网络层：IP层，负责互联网中计算机之间的通信,物理

9、链路层：是主机与网络的实际连接层。接收网络层的IP数据报，通过网络向外发送；接受处理从网络上传来的物理帧，抽出IP数据包，向网络层发送,面向无连接，不支持数据丢失和数据报重传,TCP/IP模型,TCP/IP参考模型是4层结构： 网络接口层：也称数据链路层，通常包括操作系统中的设备驱动程序和计算机中的网卡，一起处理与电缆 (或其他任何传输媒介) 的物理接口细节 互联网层：也称网络层，其作用是处理分组在网络中的活动，例如分组的选路。在TCP/IP协议族中，网络层协议包括IP协议 (网际协议) ，ICMP协议 (互联网控制报文协议) ，以及IGMP协议 (互联组管理协议),15/42,TCP/IP模

10、型,传输层：主要为两台主机上的应用程序提供端到端的通信。在TCP/IP协议族中，有两个互不相同的传输协议：TCP (传输控制协议) 和UDP (用户数据报协议)。TCP为两台主机提供高可靠性的数据通信，UDP则为应用层提供一种低可靠的简单服务,16/42,TCP/IP模型,应用层：包括所有的高层协议。早期的应用层有远程登录协议 (telnet) 、文件传输协议 (FTP) 和简单邮件传输协议 (SMTP) 等协议。最近几年出现了一些新的应用层协议，如用于将网络中的主机的名字地址映射成网络地址的域名服务 (DNS) ，用于传输网络新闻的协议 (NNTP) 和用于从WWW网上读取页面信息的超文本传

11、输协议 (HTTP) 等,17/42,1.4 网络应用程序的结构模式,服务器中心模式(Server-Centric),18/42,特点: 程序和数据均放在服务器上,使用时需要通过网络将程序和数据传送至工作站上,程序的运行和数据处理都在工作站上进行. 缺点: 通信量大,对工作站的计算能力要求高,客户机服务器 (Client/Server)模式,整个应用程序分为两部分:客户机端部分和服务器端部分, 两者通过网络协同工作 需要安装专用的客户端软件（安装、维护、升级工作量大）；对客户端的操作系统一般也会有限制 降低网络的负担，降低对客户端的配置要求。是网络环境下应用程序的主流模式。,浏览器服务器(Br

12、owser/Server)模式,19/42,B/S结构，即Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。 在这种结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。 B/S结构利用不断成熟和普及的浏览器技术实现原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。,Web系统的三层结构 层与层之间相互独立，任何一层的改变不会影响其他层的功能 在开发过程中，需要在逻辑上清晰这三层分别实现的功能；不能把处于不同层次的文件混在一起，否则会造成

13、系统逻辑上的混乱，使庞大的系统难以管理和维护，容易导致系统的失败 数据库的设计模型是整个系统的基础，一旦确定了数据库的结构，在开发过程中就不要轻易改变，否则会对后面的工作造成巨大的负担,20/42,实现对数据的访问功能，如增加、删除、修改、查询数据,实现业务的具体逻辑功能，如学生入学、退学、成绩管理等,将业务功能在浏览器上显示出来，如分页显示学生信息等,21/42,P2P是一种分布式网络，网络的参与者共享他们所拥有的一部分硬件资源（处理能力、存储能力、网络连接能力、打印机等），这些共享资源需要由网络提供服务和内容，能被其它对等节点(Peer)直接访问而无需经过中间实体。在此网络中的参与者既是资

14、源（服务和内容）提供者（Server），又是资源（服务和内容）获取者（Client）。 在网络中的每个结点的地位都是对等的。每个结点既充当服务器，为其他结点提供服务，同时也享用其他结点提供的服务。,Peer-To-Peer模式,1.5基本概念和术语,统一资源定位符URL 统一资源定位符URL(Uniform Resource Locator)则用于表示Web资源的地址，每个Web资源都有自己的URL地址。 * URL的一般格式：协议名:/主机名:端口号/路径名/文件名 * 使用默认端口号时,可以省略端口号.协议名：一般是http 主机名是web服务器主机的域名或IP地址 端口号是web服务器程

15、序运行的端口号 路径名是相对于web服务器虚拟根目录下的路径 文件名是要定位的目标文件,22/42, mailto: ftp:/ telnet:/3,超文本 超文本（Hypertext）是指具有了超文本链接功能的文件，与传统线性浏览的文本不同，超文本中可包含有链接到其它文件的文字或图像，通过这些文字或图象，可以跳转至其它位置。,23/42,超文本链接 超文本链接（Hypertext Link）是指超文本中用以链接到其它文件的文字或图像，简称超链接；超文本中的任何文字或图像都可以被指定为超链接。,IP地址和域名 IP地址和域名是Internet使用的网络地址，符合TCP

16、/IP协议规定的地址方案，与日常生活中涉及的通信地址和电话号码相似。TCP/IP协议要求每一个主机都有惟一的一个网络地址，简称IP地址。在Internet中，域名可以通过域名服务系统 (DNS) 映射为IP地址，以方便人们记忆。,24/42,端口 在Internet上，主机之间通过TCP/IP协议发送和接收数据包。当不同主机中的程序(进程)之间进行通讯时，操作系统会给进程分配协议端口(protocal port)，每个协议端口由一个正整数（端口号，如：80，8080，445，等）标识。数据包根据其目的主机的ip地址进行互联网络中的路由选择；当目的主机接收到数据包后，根据报文首部的目的端口号，将

17、数据发送到相应端口，与该端口相对应的那个进程接收该数据并等待下一组数据的到来。,域名解析示意图Sebesta,25/42,W3C组织 目前，与Web相关的各种技术标准都由著名的W3C组织（World Wide Web Consortium）管理和维护。,套接字（Socket ） 是IP地址和端口的组合，用于进行网络通讯，任何应用程序需要和网络上的其他应用程序进行通讯时，必须具有相应的套接字，例如Web站点侦听客户的HTTP请求，那么它就绑定在相应的套接字（IP地址和端口，例如端口为标准的TCP 80）上。 TCP层用端口号来区别不同的会话。用户程序通常使用或多或少的随机产生的端口 号，特定的端

18、口号被指派给等待请求的程序。,26/42,注意网页之间的”调用”关系,一个网站网页结构实例,1.6 Web开发技术的要点总结,主要学习内容,理解网络协议工作过程 服务器选型和配置；服务器端程序开发 浏览器选型及版本限制；浏览器端程序开发 信息的超文本组织和链接方式（Web页面开发工具的使用）,27/42,从技术层面看，Web架构的精华有三处： 用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。 这三个特点无一不与信息的分发、获取和利用有关。,1.7 Web开发技术大事年表,1990年11月，第

19、一个Web服务器nxoc01.cern.ch开始运行，Tim Berners-Lee在自己编写的图形化Web浏览器“World Wide Web”上看到了最早的Web页面。 1991年，CERN（European Particle Physics Laboratory）正式发布了Web技术标准。 1996年，著名的Netscape浏览器在其2.0版中增加了对JavaApplets和JavaScript的支持。Netscape的冤家对头，Microsoft的IE 3.0也在这一年开始支持Java技术。 从1992年开始，W3C就免费向开发者提供libwww开发库。借助libwww，我们可以自己编

20、写Web浏览器和Web搜索工具，也可以分析、编辑或显示HTML页面。 1996年底，W3C提出了CSS的建议标准，同年，IE 3.0引入了对CSS的支持。 1996年，Macromedia公司收购了FutureWave，并将Jonathan Gay的发明改名为我们熟悉的Flash。,28/42,1997年的Netscape 4.0不但支持CSS，而且增加了许多Netscape公司自定义的动态HTML标记 。 1997年，Microsoft发布了IE 4.0，并将动态HTML标记、CSS和动态对象模型（DHTML Object Model）发展成了一套完整、实用、高效的客户端开发技术体系，Mic

21、rosoft称其为DHTML。 1999年，Realplayer插件先后在Netscape和IE浏览器中取得了成功，与此同时，Microsoft自己的媒体播放插件Media Player也被预装到了各种Windows版本之中 . 1993年，CGI 1.0的标准草案由NCSA(National Center for Super -computing Applications）提出。 Larry Wall于1987年发明的Perl语言。1995年，第一个用Perl写成的CGI程序问世。 1994年，Rasmus Lerdorf发明了专用于Web服务端编程的PHP（Personal Home Page Tools）语言。,29/42,1996年，Microsoft借鉴PHP的思想，在其Web服务器IIS 3.0中引入了ASP技术。 1997年，Servlet技术问世，1998年，JSP技术诞生。 1998年，Sun发布了EJB 1.0标准。EJB为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基础。至此，J2EE平台的三大核心技术Servlet、JSP和EJB都已先后问世。 1999年