Web技术应用基础d01.ppt

1,Web技术应用基础,Web技术基础,2,教材： Web技术应用基础 (第二版) 清华大学出版社,Web技术基础,3,课程性质： 介于技术基础课程与技术实践课之间 ，也包含了技术专业课的成分，是一门综合性强、既涵盖了常用的信息应用概念、又综合了大多Web应用系统技术的实际操作的，具有相当复合程度的课程。 也可以认为：是一门宽范围技术应用课，以学会应用某一种或几种技术完成实际应用开发为主,Web技术基础,4,课程结构： Web技术三个层面的应用： Web技术概述,站点构建技术 Web编程技术 JSP Web数据库应用开发技术 Web站点构建：JSP 运行环境的构建。 Web编程：HTML、CSS、JavaScript 数据库信息发布：JSP技术，具有网上应用系统建设所需主流技术的应用能力（ JSP技术），使用这些技术对数据库的信息进行存储、管理与发布。,Web技术基础,5,第 1 章,Web技术基础,6,1.1 Web简介 什么是Web技术？ Web全称World Wide Web，简称WWW，译名万维网或全球信息网。 Web技术通指在网络上利用各种技术实现和完成的各种服务功能和客户浏览的开发技术。,Web技术基础,7,Web 三个要素 在Web环球信息网中遨游三要素： 统一资源定位(URL)：资源在何处 超文本传输协议(HTTP)：用什么方法访问资源 超文本标记语言（HTML）： 信息资源表达方式和资源访问手段。,Web技术基础,8,1.2 计算机网络 基础 1.2.1 网络定义 计算机网络：用通信线路和通信设备，将分布在不同地点的具有独立功能的多个计算机系统连接起来，在网络软件的支持下，实现彼此之间数据通信和资源共享的系统。,Web技术基础,9,根据网络覆盖范围大小将网络分为局域网、广域网和城域网 局域网（Local Area Network）：LAN，连接近距离网，覆盖范围从几米到数公里。例如：办公室、实验室、一个建筑物、园区内等。,Web技术基础,10,局域网硬件和软件 作为服务器(Server)的主计算机：为其他计算机提供共享资源服务，性能较好。 小型局域网：由一台服务器提供所有的文件、打印、与外部的网络连接等的服务功能。 较大局域网：常用路由器、光缆、令牌环路，多台服务器级的计算机组成计算机阵列(主控服务器、备份服务器、文件服务器、邮件服务器、通信服务器、打印机池、硬盘阵列、光盘塔等集群系统)或中、大型机作为网络服务计算机，提供高速、不间断、大容量、有效的网络服务。作为服务器的计算机(阵列)通常由网络管理员(Administrator)专职维护处理。,Web技术基础,11,客户机(Client)或终端机：供用户使用，性能可以稍微差一点，可无硬盘工作。 网卡和导线： 计算机之间用这种网卡通过导线连接实现资源共享。也可以在计算机之间再加入一个HUB集线器(目前以Switch交换型)将各计算机信号收集起来再连到服务器以提高连接的可靠性。 各种软件协议： NETBEUI，IPX/CPX，NetWare ，TCP/IP 等。,Web技术基础,12,广域网（Wide Area Network）：WAN，覆盖范围从几十公里到几千公里，可以连接若干个城市、地区、国家，甚至横跨几个洲覆盖全球，形成国际性的远程网络。 城域网（Metropolitan Area Network）：MAN，它是介于局域网和广域网之间的一种高速网络，覆盖范围为几十公里，其规模限于一个城市的范围。,Web技术基础,13,广域网通常通过用公共电信系统(比如卫星，海底电缆，微波通信站点，长途电话，市话网络等)将一个一个的局域网和计算机连接在一起，实现较大范围的计算机资源共享的方法。WAN技术相对LAN来说要复杂一些。,Web技术基础,14,1.2.2. Internet定义与技术特点 Internet 定义： The Internet is a network of network . It is a massive collection of computers networks that connect millions computers, people, software program, databases, and files.,Web技术基础,15,Internet的全称：Inter Network，译为“因特网”， 也称国际互联网，简称互联网。因特网是一个把世界范围内的众多计算机、人、数据库、软件和文件连接在一起的，通过一个共同的通信协议(TCP/IP协议)相互会话的网络。 该网集合了全球重要信息资源，是信息时代人们交流信息不可缺少的手段和途径。与Internet相连的任何一台计算机，都被称为主机。,Web技术基础,16,Internet主要技术： 采用标准协议TCP/IP协议，使网上各种不同的计算机进行通信 通过路由器将不同网络互连 建立在TCP/IP协议基础之上的WWW浏览服务 应用DNS域名解析系统完成计算机和用户之间的地址解析工作,Web技术基础,17,Internet基本服务,WWW(World Wide Web)浏览 E-mail电子邮件 PPP(Point to Point Protocol)通信 BBS(Bulletin Board Service)广告牌 FTP(File Transfer Protocol)文件传输 网上聊天 E-Business电子商务 电子政务 网上电话和网上视频 注意: 网络病毒、保密、黑客(Huckman) 上网费用:电话费+网络费,噢!,Web技术基础,18,Internet,路由器,路由器,路由器,路由器,路由器,路由器,路由器,路由器,路由器,路由器,路由器,路由器,ISP网络,企业网,企业子网,电子商务网站,校园网,校园网子网,具有上网功能的手机,PDA掌上电脑,卫星接收系统,个人电脑,Web技术基础,19,1.2.3 OSI参考模型 计算机之间的数据通信必须遵守某种约定和规程，这些约定和规程就是网络通信协议。协议三要素： 语法(syntax)：数据和控制信息的结构或格式 语义(semantics)：需要发出何种控制信息，完成何种动作和做出何种响应。 定时(timing)：实体通信实现顺序的详细说明。 国际标准化组织(ISO)提出的“开放系统互连模型”是计算机网络通信的基本协议。TCP/IP是Internet使用的通信协议。,Web技术基础,20,OSI参考模型 OSI(Open Systems Interconnection)指开放系统互连，是ISO(国际标准化组织)制定的网络系统框架结构，是一切网络互联的基础模型。OSI参考模型采用了分层的结构化技术。层次的划分从逻辑上将功能分组。层次要足够多，以使每一层小到易于管理；但也不能太多，使汇集各层的处理开销太大。OSI采用了7个层次的体系结构。,Web技术基础,21,TCP/IP协议 TCP/IP：传输控制协议/网际协议 Transportation Control Protocol/Internet Protocol 。TCP/IP拥有一套完整而系统的协议标准，采用信息打包的方法来简化各种不同类型的计算机之间的通信传输。 TCP/IP协议是实现互连网络的连接性和互操作性的关键，就像胶水一样把Internet上成千上万的网络互连起来，是Internet上所有计算机进行信息交互和传输所采用的协议，也是Web服务器与其他网络计算机互连的基本通信协议。,Web技术基础,22,网络信息传递与数据包,信息在网络中传输时,被分割成一个个信息包 (Frame packet).每个包有一个信头,包含发送者和 接受者的Internet地址IP(Internet Protocol)协 议根据目的地址,选择路由(router),将信息包送达 目的地.,信息包(frame packet),Web技术基础,23,协议栈,OSI,Physical Layer,Transmission Lines,TCP/IP,24,1.3 IP、域名和URL 1.3.1 IP地址 1. IP地址的作用 Internet上每台主机或设备、每个用户都有一个唯一的地址以确定是谁和在何处。在TCP/IP协议中分配给每台主机一个32位数作为该主机的IP地址，在Internet上发送的每个数据包都包含了一个32位的发送方地址和一个32位的接受方地址。,Web技术基础,25,2.IP地址表示法,Internet 是基于TCP/IP(Transmission Control Protocol/Internet Protocol)建立的，依据该协议每 一台连接在Internet上的主机都被分配了一个IP 地址，作为这台计算机在网上的唯一标识,IP地址的表示法例:, ,点分十进制表示法,Web技术基础,26,网络地址：确定该主机所在的物理网络 主机地址：确定该主机在该物理网络上的位置 IP地址的层次结构具有两个重要特性： 为每台主机分配了一个唯一的地址； 网络号必须全球统一分配，主机标识号由本地分配，不需要全球统一分配,Web技术基础,27,A类：55； B类：55； C类：55； D类：55； E类：24055,IPv4系统,AE共5级,子网掩码,子网掩码,子网掩码,Web技术基础,28,4几个特殊意义的IP地址 有几个特殊意义的IP地址不能用于网络的主机地址： 广播地址：主机地址位全是1，表示网上的所有主机，可以向网上的所有主机发送信息。例如，55表示向147.10网上的所有主机发信息。 本地网络地址：IP地址中主机地址位都是0，表示本地网络地址。例如表示一个B类网地址145.67。 回放地址：A类地址 称为回放地址，用于网络软件测试及本地机进程间通信的地址。TCP/IP应用程序发往该地址的信息被交回给应用程序，不进行任何网络传送。 主机标识的各个位不能都设置为，也不能都设置为。 A类地址0.*.*.*对应缺省路由器。,Web技术基础,29,5. 子网划分 子网划分，可以充分利用IP地址，为更多的主机分配IP地址。三级结构。,网络地址,主机地址,网络地址,子网地址,主机地址,两级网络结构,三级网络结构,Web技术基础,30,子网掩码作用：把一个IP地址正确分解为对应的网络地址、子网地址及主机地址 子网掩码不同，属于不同的网段 子网掩码是一个32位数： 网络地址和子网地址部分全部为1 主机地址部分全部为0,A类网的子网掩码是 B类网的子网掩码是 C类网的子网掩码是,Web技术基础,31,Web基础知识,IP地址应用 1.主机IP地址33，确定该主机所在网络类别、网络号及主机号 (1)四组十进制数转变为四字节32位二进制数 四组十进制数： 202 .196 .0 .133 32位二进制数：11001010 11000100 00000000 10000101 (2) 确定网络类别 第一字节是11001010，类别是C类 (3) 确定网络地址 C类网前三个字节是网络地址：202.196.0 (4) 确定主机地址：第四字节，10000101,结论：该主机是C类网202.196.0中的133号主机。,32,2. 主机IP地址55，确定该主机所在网络类别、网络号及主机号 (1) 四组十进制数转变为四字节32位的二进制数 10100110 01101111 00000001 11111111 (2) 确定网络类别：第一字节是10100110，B类网。 (3) 确定网络地址：第一、二字节10100110 01101111 (4) 确定主机地址 第三、四字节，主机地址是00000001 11111111,结论：该IP地址表示B类网166.111上的511号主机,Web技术基础,33,3. 假设网络IP地址和子网掩码是： IP地址 11000000.01001110.00101110.01100001=7 子网掩码 11111111.11111111.11111111.11100000=24 确定主机所在网络的类别、网络号、子网号及主机号 (1) 11000000： C类地址 (2) 前三个字节，网络地址：198.78.46 (3) 后一个字节标识主机 01100001 子网掩码 11100000,结论：IP地址7标识的是： C类网络198.78.46的3号子网的1号主机,Web技术基础,34,练习： IP地址： 7=11000000.10101000.01100100.01100001 子网掩码: 24=11111111.11111111.11111111.11100000,IPv4系统,表示C类网络192.168.100的3号子网的1号主机,IP地址=7 子网掩码=24 11111111.11111111.11111111.11100000 IP地址=7 子网掩码=40 11111111.11111111.11111111.11110000 它们是两个网段，互相不能访问网上邻居看不见！这样，一个标准的IP地址可以用于多个子网和主机，从而扩展了IPv4地址的应用范围！,Web技术基础,35,4. 为单位规划IP地址 为电子信息实训中心规划IP地址，该实训中心有6个局域网，每个局域网最多有30台主机(或网络设备) (1) 申请IP地址 共有6个局域网180台主机，申请6个C类地址？ 浪费多少IP地址？,申请6个C类IP地址，共有62541524个IP地址，实际使用180个地址，将有1344个IP地址的浪费。,解决方案：用子网使6个局域网共用一个C类网的地址。 申请一个IP地址。假设电子信息实训中心申请到的C类IP地址是202.224.46,Web技术基础,36,(2) 确定子网地址的位数与子网地址 子网地址用于标识电子信息实训中心内部的网段。 6个局域网：子网地址占3位 其余5位是子网中的主机地址，每个子网可以有30个主机地址,Web技术基础,37,各子网地址： 1号子网地址： 11001010 11100000 00101110 00100000=2 2号子网地址： 11001010 11100000 00101110 01000000=4 3号子网地址： 11001010 11100000 00101110 01100000=6 4号子网地址： 11001010 11100000 00101110 10000000=28 5号子网地址： 11001010 11100000 00101110 10100000=60 6号子网地址： 11001010 11100000 00101110 11000000=92,Web技术基础,38,(3)主机地址分配方案。 以1号子网为例： 1号子网地址： 11001010 11100000 00101110 00100000=2 1号主机地址： 11001010 11100000 00101110 00100001=3 2号主机地址： 11001010 11100000 00101110 00100010=4 3号主机地址： 11001010 11100000 00101110 00100011=5 30号主机地址： 11001010 11100000 00101110 00111110=2,Web技术基础,39,(4) 子网掩码的确定 电子信息实训中心的子网掩码是： 11111111.11111111.11111111.11100000=24,Web技术基础,40,IPv6系统,IPv6是128位二进制 可代表2128=3.4028236692093846346337460743177E+38 有两种描述方法： 冒分16进制表示法： 69d2:9064:ff0:0:ffff:1820:4005:ffff 点分十进制： 0..255.255 当连续0时，可以描述为：1166:0:0:0:0:0:0:66991166:6699 IPv6与IPv4在许多概念方面是一致的，如报头、报文等，但在内部细节变化较大，在传输数据方面非常灵活的。由于他的这些特性，各国都在进行这方面的实验。仅需要解决由IPv4到IPv6的过渡问题。,Web技术基础,41,1.3.2 域名 IP地址使用起来很不方便，为网上的主机指定了一个易于记忆的域名 DNS(Domain Name System域名系统 ):每台主机的主机名/域名与它的IP地址对应。使用主机名/域名，网络会自动将其转换成IP地址，找到这台主机。 域(Domain):一类Internet主机的集合。 域名(Domain Name):标识域的自然语言名称(常用英文)与IP地址对应。 域名系统(DNS):实现域名与IP的互逆映射的服务系统。 名字服务器:运行域名解析软件，实现重定向功能.,Web技术基础,42,Internet 域名定义方法： 无层命名法：Flat naming 层次命名法：Hierarchy naming目前采用,Web技术基础,43,一级名：国家 (地区),顶级域名。jp、us、cn、hk 等 二级名：网点名(Site name)若干紧密关系子网组成。通常由组织机构组成。ac(科研机构)、com(商业组织)、edu(教育机构)、gov(政府部门)、net(互联网络、接入网络的信息中心和运行中心)、org(各种非盈利性组织)等。 三级名：管理组Administrator 子域(地域)组成。通常采用地域命名。比如：nj、bj、tw等 四级名：主机名本地机器名。 buu、nankai等 象一棵倒置大树(逆序书写)：www.四级.三.二级.一级。 而www则仅仅代表Internet上的一类名称。 比如：没有地域名,Web技术基础,44,例如域名 为顶级域名，表示中国；com是二级域名，表示商业组织；sina是三级域名，组织结构名，表示新浪网。www是主机名，表示新浪网的www 主机。 、、 等 带cn的名称不需要到NIT确认,Web技术基础,45,通常的二级域名是指： 只有2、3级名 /ahjb1二级文件夹下的文件； 国内域名由CNNIC管理，国际域名由ISP服务商代理。 搭建一个网站通常需要：创意一个新域名(国际、内)，并申请下来。目前已经十分便宜了。 域名的抢注：有经济头脑的人喜欢这样，但新法规已经开始保护名牌、品牌。这些是无法抢注的。创意出来的潜在商用域名是可以抢注的。 目前国内推出的中文域名是解决了双字节之后的试举，有可能国际通行。,Web技术基础,46,Web技术基础,47,Structure of DNS,Web技术基础,48,1.3.3 URL URL(Uniform Resource Locator):统一资源定位器，以统一方式唯一确定某个网络资源 它的功能相当于通信地址。 1. URL格式 ：/ (访问方法) (资源在何处) 访问方法:/主机地址/路径名/文件名 URL例子： /software/home.html,Web技术基础,49,(1) 协议 常见URL访问方法： http: HTTP协议 news: USENET新闻 ftp: FTP协议 gopher:Gopher 协议 file : 本地文件系统 WAIS:广域信息服务 telnet:登录到其他主机 (2) :/ 是URL规范要求的标记。 (3) 主机名: 要访问的服务器名字，也可以是服务器IP地址 (4) 文件路径: 服务器上保存目标文件的目录 所有WWW服务器应用程序的省缺端口号都内定为 80,Web技术基础,50,例如， /software/home.html，,使用协议：,HTTP协议,文件路径：, 服务器,主机名：,/software/目录下名为home.html的文件,Web技术基础,51,3. 文件定位的几种方式 文件定位三种方式： 域名方式： IP地址方式： 6 都可以看到该服务器的缺省主页 文件目录方式：c:/webshare/wwwroot/homepage.html 查询本机文件，看到homepage主页,Web技术基础,52,1.4 Web基础知识 Web功能与相关概念 1.主要功能 WWW 提供了一个图形化的界面，用以浏览网上资源。是一个在Internet上运行的全球性的分布式信息发布系统。该系统通过Internet向用户提供基于超媒体的数据信息服务。它把各种类型的信息(文本、图像、声音和影视)有机地集成起来，供用户查阅。,Web技术基础,53,也可以把Web看作可供世界上各种组织，科研机构，大专院校，公司厂商甚至个人共享的知识集合。 Web技术是 Internet/Intranet 核心技术之一，主要功能：信息交互，也是网上应用系统的一项重要功能。,Web技术基础,54,WEB技术在国外和国内大公司都推出了自己的基于WEB的电子商务平台。 是基于Internet技术上的企业、集团、单位及至个人在资源共享、信息交互、电子商务等上的应用。 两个大的方面： 基于Internet上的各种应用：信息发布和搜集、从事网上交易(商品、货币等)、各种其他应用。 基于局域网上的各种应用：资源共享、企事业内部的资料文传和处理、财务、会议等办公类。,Web技术基础,55,56,Web 站点集成,Web技术基础,57,Web应用开发技术 1. HTML HTML是构成Web页面的语言，是一种文本形式的标记符号语言。 是Web技术应用基础，现已有多种工具可以完成可视化的编程任务。 是浏览器浏览的基础。由于下载后再浏览，因此下载者可以看到编写的原代码，没有保护和安全性。技术最为简单。,Web技术基础,2.CSS,58,3. 脚本技术 JavaScript和VBScript JavaScript是Sun和Netscape公司开发的一种解释性脚本语言，不需要编译，可以直接插入HTML文档中。它比Java更简单有效，且具有Java的许多特性。使用JavaScript很容易设计与用户交互的界面。 VBScript是由Microsoft公司推出的Web页面编程语言，继承了很多VB的语言特征。必须嵌入到HTML文档中，随同页面下载到客户端，由浏览器解释执行。VBScript可以和ActiveX控件集成，用于开发交互式页面，它也能够进行服务器端的编程。,Web技术基础,59,4. XML技术 XML(extensible Markup Language)是一种可扩展的源标记语言，是可以定义其他语言的语言。它是 SGML的一个简化子集，专门为Web环境而设计的。应用XML制作页面的基本思想是：将内容与内容的显示方式分别定义，以使编码人员将精力集中于内容本身,Web技术基础,60,5. CGI技术 CGI(Common Gateway Interface)的技术含义是公共网关接口，是Web开发应用中使用最早的一种技术。CGI是动态Web页面的基础，也是Web与其它应用交互的基础。CGI是扩展Web服务器功能的一种接口，通过它可以与访问Web页面的用户进行交互，也可以通过数据库编程接口与数据库服务器进行通信。 CGI可以采用任何语言编写出来由脚本语言完成的Web应用。比较多见的是用perl语言编写。它也是在服务器端解释，传输到客户点浏览。编程较为复杂。,Web技术基础,61,6. JSP(Java Server Pages)技术 JSP是Sun Microsystem公司在1999年6月推出的一种动态网页新技术。在HTML页面中加入Java程序段和JSP标记就构成了JSP网页。JSP是基于Java用于网上应用开发的Web开发技术。JSP的结构与ASP很相似，但应用JSP开发的基于Web的应用具有跨平台的特性，可以在大多数Web Server 上运行。JSP将用户界面与底层的应用分开，使开发人员在不改变应用的情况下改变页面布局。正由于 JSP的种种优点，它对于建立商业级的应用具有独到的优势，可以使Web开发人员轻松、高效地创建与维护动态网站。 JSP在WEB上的应用以嵌入式脚本语言为主，编程很复杂，需要搭建运行平台。,Web技术基础,62,7.ASP(Active Server Pages)与ASP.NET技术 ASP技术是Microsoft公司在1996年底推出一种运行于服务器端Web应用程序开发技术。 ASP不是一种开发语言，也不是一种开发工具，它是一种技术框架，是一种内含在IIS/PWS中的可以集成脚本语言（如：VBScript或JavaScript）到HTML主页的服务器端开发环境。 主要功能是：为生成动态、交互并且高效的Web服务器应用程序提供一种功能强大的技术或方法。 主要特点：把HTML/DHTML、脚本和数据库访问功能结合在一起，组成在服务器端的应用程序。ASP的开发效率和可用性远远超过CGI编程。,Web技术基础,63,8. PHP(Personal Home Page Tools)技术 PHP由创始人Rasmus Lerdorf在1994年提出，1995年发布第一个公开版本，是自由软件，自发布起流行非常迅速。是服务器端的Web应用程序开发技术，具有多平台特性，能够无缝运行在Unix、Linux和 Windows平台上。它支持数种通用Web服务器(如IIS,Apache等)，用户变换平台时，不需要改变PHP代码。PHP对数据库的操作具有很强的兼容性，几乎支持所有的主流和非主流数据库，如：Oracle、Sybase、MySQL、mSQL、PostgreSQL、informix、Solid、Access和dBase等。 严格的讲PHP也是嵌入式脚本语言，因此编程不很复杂，需要搭建它的运行平台。,Web技术基础,64,1.5 Web 数据库 数据库技术是管理信息系统的核心技术和基础技术，也是Web技术的一个重要组成。数据库是存放数据的仓库，数据库管理系统是一个系统软件，它的主要作用是：科学地组织和存储信息，高效地获取和维护信息。数据库系统是指在计算机系统中引入数据库后的系统，一般由数据库、数据库管理系统、应用系统、数据库管理员和用户组成。,Web技术基础,65,什么是Web数据库访问技术 Web数据库访问技术：通过Web方式访问数据库 特点： 客户端统一的界面。 统一的开发标准。HTML是Web信息的组织方式，是一种国际标准，Web服务器与浏览器都遵循该标准。基于数据库的应用都可以通过浏览器来实现，通过Web来访问数据库。开发者需要掌握的主要技术标准是HTML，这在很大程度上降低了开发难度，同时也减少了开发成本。 跨平台运行。由于采用了统一的标准，用HTML标准开发的数据库应用，可以跨平台运行，减少了开发的工作量。,Web技术基础,66,Web数据库访问的工作过程 提供中间件连接Web服务器和数据库服务器； 把应用程序下载到客户端，在客户端直接访问数据库,中间件,客户端,Web服务器,数据库,中间件是Web服务器与数据库服务器之间桥梁，负责他们之间通信并提供应用程序服务。中间件可以直接调用脚本或外部程序来访问数据库，并将访问结果转换成HTML格式，通过Web服务器返回给客户端浏览器。,Web技术基础,67,JSP技术 特点： 具有很好的跨平台特性，一次编写，各处运行。 将应用程序与界面分开。 绝大多数JSP页面依赖于可重用、跨平台的组件(JavaBeans或 Enterprise JavaBeansTM组件)执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或使这些组件由更多的使用者使用。基于组件的方法加速了总体开发过程。 数据库操作功能强大。Java应用JDBC(Java Database Connectivity)连接数据库，通过JDBC驱动程序访问数据库。Sun公司还开发了JDBC-ODBC Bridge，应用该项技术可以访问带有ODBC驱动程序的数据库。目前许多数据库系统带有JDBC和ODBC驱动程序。 继续保持Java的优势。,68,客户端,Web 服务器,数据库,Internet,Request,Response,JSP,Servlets,Web技术基础,69,JSP工作过程 (1) 客户在浏览器地址栏目输入要请求的 *.jsp页面的URL，发出一个jSP请求。 (2) Web服务器接受扩展名为“.jsp”的请求，触发JSP引擎。 (3) JSP引擎检查JSP文件是新的还是修改过的，针对不同情况对文件进行翻译和编译，把JSP标签、Java代码HTML内容都转换为Servlet代