Web技术应用基础_d01

1、1 Web技术应用基础技术应用基础 2n教材： WebWeb技术应用基础技术应用基础 ( (第第3 3版版) ) 清华大学出版社清华大学出版社 3课程性质：课程性质： 是一门综合性强、既涵盖了常用的信息应用概念、又综合了大多Web应用系统技术的实际操作的，具有相当复合复合程度的课程。 4课程结构：课程结构：Web技术三个层面三个层面的应用： WebWeb技术概述技术概述, ,站点构建技术站点构建技术 WebWeb程序设计基础程序设计基础 JSPJSP与数据库应用开发技术与数据库应用开发技术 Web站点构建：JSP 运行环境的构建 Web编程：HTML、CSS、JavaScript JSP与数据

2、库应用开发：JSP技术，具有网上应用系统建设所需主流技术的应用能力（ JSP技术），使用这些技术对数据库的信息进行存储、管理与发布 5第1篇 Web技术基础 Web技术概述 搭建Web开发与运行环境(JSP) 基于Web方式的信息系统开发案例 网上书店6第 1 章第第1章章Web技术概述技术概述7学习要点 基本知识、主要技术和工作原理 理解Web开发常用构架、浏览器/服务器/数据库服务器三层结构工作模式 熟练使用IP地址、域名和URL网上查找资源 理解基于JSP技术的数据库访问机制 第第1章章Web 技术概述技术概述81.1 Web简 介Web World Wide Web， 简称简称WWW，

3、译名万维网或全球信息网。译名万维网或全球信息网。 主要功能：信息发布和信息检索，是一个分布主要功能：信息发布和信息检索，是一个分布式超媒体（式超媒体（hypermedia）系统。）系统。第第1章章Web 技术概述技术概述9第第1章章Web 技术概述技术概述发明人发明人:蒂姆蒂姆伯纳斯伯纳斯李李10 Web技术通指在网络上利用各种技术实现和完成的各种服务功能和客户浏览的开发技术。超链接超链接(hyperlink)技术连接分布信息技术连接分布信息 超文本传输协议超文本传输协议HTTP（HyperText Transfer Protocol）传输超文本数据）传输超文本数据超文本标记语言超文本标记语言

4、HTML（HyperText Markup Language）基本发布语言）基本发布语言 第第1章章Web 技术概述技术概述11超文本播放多媒体 文 档“虎鲸”超链接其他文档ex1-01.html例4.2 第第1章章Web技术概述技术概述12万维网站点1R万维网站点2R万维网站点3R万维网站点nR链接1链接2链接4万维网：全球性、分布式信息发布系统链接3第第1章章Web技术概述技术概述13Web 要素1. 统一资源定位符统一资源定位符URL：标识网上信息资源在何处 2.超文本传输协议超文本传输协议HTTP：沟通方式，什么方法访问资源 3超链接超链接 hyperlink ：信息资源之间访问手段，

5、也可以借助搜索工具或搜索引擎查找 4超文本标记语言超文本标记语言 HTML:不同计算机之间信息交流 第第1章章Web技术概述技术概述因特网 HTTP请求网页Web服务器 客户浏览器HTTP响应 HTTP请求网页HTTP响应14地址栏目 资源在何处超链接HTTP协议 访问方式第第1章章Web技术概述技术概述HTML文档151.2 计算机网络 基础1.2.1 计算机网络定义计算机网络计算机网络：通过通信线路和通信设备，将分布在不同地理位置、具有独立功能的计算机系统连接起来，在网络协议和网络管理软件的支持下，实现彼此之间数据通信和资源共享的系统。 第第1章章Web技术概述技术概述16根据网络覆盖范围

6、 个人区域网（Personal Area Network,，PAN ）:在个人工作范围内把个人使用的电子设备用无线技术连接起来的网络，也称无线个人区域网（Wireless PAN，WPAN）一般范围在10100米左右。第第1章章Web技术概述技术概述17局域网（Local Area Network ， LAN ）：连接近距离网，覆盖范围从几米到数千米。例如：办公室、实验室、一个建筑物、园区内等。第第1章章Web技术概述技术概述18城域网（Metropolitan Area Network ， MANMAN ）：介于局域网和广域网之间的一种高速网络，覆盖范围几十公里，规模限于一个城市的范围。广域

7、网（Wide Area Network ， WANWAN ）：覆盖范围从几十千米到几千千米，可以连接若干个城市、地区、国家，甚至横跨几个洲覆盖全球，形成国际性的远程网络。 第第1章章Web技术概述技术概述19广域网通常通过用公共电信系统公共电信系统(比如卫星，海底电缆，微波通信站点，长途电话，市话网络等)将一个一个的局域网和计算机连接在一起，实现较大范围的计算机资源共享的方法。WAN技术相对LAN来说要复杂一些。 第第1章章Web技术概述技术概述201.2.2. Internet 第第1章章Web技术概述技术概述21 Internet的全称：Inter Network，译为“因特网因特网”，

8、也称国际互联网，简称互联网。因特网是一个把世界范围内的众多计算机、人、数据库、软件和文件连接在一起的，通过一个共同的通信协议(TCP/IP协议)相互会话的网络。与Internet相连的任何一台计算机，都被称为主机主机。第第1章章Web技术概述技术概述22第第1章章Web技术概述技术概述路由器计算机网络互联网因特网示意 23Internet主要技术：采用标准协议采用标准协议TCP/IP协议，使网上各种不同的计算机进行通信 通过路由器将不同网络互连通过路由器将不同网络互连 建立在建立在TCP/IPTCP/IP协议基础之上的协议基础之上的WWWWWW浏览服务浏览服务 应用应用DNSDNS域名解析系统

9、完成计算机和用户之间域名解析系统完成计算机和用户之间的地址解析工作的地址解析工作 第第1章章Web技术概述技术概述24 WWW(World Wide Web)服务服务 E-mail电子邮件电子邮件第第1章章Web技术概述技术概述 发信人RR发送方邮件服务器邮件缓存接受方邮件服务器客户信箱 收信人发送邮件 发送邮件 看信 25 信息检索信息检索:搜索引擎搜索引擎 FTP(File Transfer Protocol)文件传输文件传输 远程登录远程登录(Telnet) 电子公告栏电子公告栏 BBS(Bulletin Board Service) 网络新闻网络新闻(Usenet) 网上电话和网上视频

10、网上电话和网上视频 电子商务电子商务E-Business 电子政务电子政务E-Government 博客（博客（Web Log）和微博）和微博(MocroBLog) QQ 移动网络移动网络 第第1章章Web技术概述技术概述261.2.3 TCP/IP协议 计算机之间的数据通信必须遵守某种约定和规程，这些约定和规程就是网络通信协议。协议三要素：语法语法(syntax)(syntax)：数据和控制信息的结构或格式 语义语义(semantics)(semantics)：需要发出何种控制信息，完成何种动作和做出何种响应。定时定时(timing)(timing)：实体通信实现顺序的详细说明。国际标准化组

11、织(ISO)提出的“开放系统互连模型”是计算机网络通信的基本协议。TCP/IPTCP/IP是Internet使用的通信协议。第第1章章Web技术概述技术概述27 TCP/IP协议协议TCP/IPTCP/IP：传输控制协议传输控制协议/ /网际协议网际协议 Transportation Transportation Control Protocol/Internet ProtocolControl Protocol/Internet Protocol 。TCP/IP拥有一套完整而系统的协议标准，采用信息打包的方法来简化各种不同类型的计算机之间的通信传输。 TCP/IP协议是实现互连网络的连接性和

12、互操作性的关键，是Internet上所有计算机进行信息交互和传输所采用的协议，也是Web服务器与其他网络计算机互连的基本通信协议。 第第1章章Web技术概述技术概述28 信息在网络中传输时信息在网络中传输时,被分割成一个个信息包被分割成一个个信息包(Frame packet).每个包有一个每个包有一个信头信头,包含发送者和包含发送者和接受者的接受者的Internet地址地址IP(Internet Protocol)协协议根据目的地址议根据目的地址,选择路由选择路由(router),将信息包送达将信息包送达目的地目的地.信息包信息包(frame packet)数据包数据包信头信头第第1章章Web

13、技术概述技术概述29 Application LayerPresentation LayerSession LayerTransport LayerNetwork LayerData-Link LayerPhysical LayerLinkLayerHardwareInterfaceNetwork LayerIPTransportLayerUDPTCPApplicationLayerAppProgramAppProgramPhysicalLayerTransmission Lines第第1章章Web技术概述技术概述30HTTPFTPgopherWindows SocketsHTTPFTPgop

14、herWindows SocketscacheRequestResponse311.3 IP地址、域名和地址、域名和URL 1.3.1 IP地址地址 1. IP地址的作用 Internet上每台主机或设备、每个用户都有一个唯一的地址以确定是谁和在何处。在TCP/IP协议中分配给每台主机一个在全Internet唯一的32位二进制数（IPv4）或128位二进制数（IPv6），即主机的IP地址。 在Internet上发送的每个数据包都包含了一个发送方地址和一个接受方地址。 第第1章章Web技术概述技术概述32 Internet 是基于是基于TCP/IP(Transmission ControlPro

15、tocol/Internet Protocol)建立的，依据该协议每建立的，依据该协议每一台连接在一台连接在Internet上的主机都被分配了一个上的主机都被分配了一个IP地址，作为这台计算机在网上的唯一标识地址，作为这台计算机在网上的唯一标识 点分十进制表示法点分十进制表示法第第1章章Web技术概述技术概述33 网络地址：网络地址：确定该主机所在的物理网络 主机地址：主机地址：确定该主机在该物理网络上的位置 IP地址的层次结构具有两个重要特性： 为每台主机分配了一个唯一的地址； 网络号必须全球统一分配，主机标识号由本地分配，不需要全球统一分配 网络地址(netid) 主机地址(hostid)

16、第第1章章Web技术概述技术概述34A类：55； B类：55；C类：55；D类：55；E类：24055 AE共5级 第第1章章Web技术概述技术概述354几个特殊意义的IP地址几个特殊意义的IP地址不能用于网络的主机地址： 广播地址：广播地址：主机地址位全是1，表示网上的所有主机，可以向网上的所有主机发送信息。例如，147.10.25

17、5.255表示向147.10网上所有主机发信息。 本地网络地址：本地网络地址：IP地址中主机地址位都是0，表示本地网络地址。例如表示一个B类网地址145.67 回放地址：回放地址：A类地址 称为回放地址，用于网络软件测试及本地机进程间通信的地址。TCP/IP应用程序发往该地址的信息被交回给应用程序，不进行任何网络传送。 第第1章章Web技术概述技术概述365. 子网划分 子网划分，可以充分利用IP地址，为更多的主机分配IP地址。三级结构。 网络地址主机地址网络地址 子网地址主机地址两级网络结构三级网络结构第第1章章Web技术概述技术概述37 IP 地址 2

18、066 子网掩码24 11001010 11001100 11100000 111 11111111 11111111 11111111 00000 101 00110网络号202.204.224子网号主机号第第1章章Web技术概述技术概述例如例如:38RRRC类网络地址：类网络地址：子网掩码：子网掩码：24内可含内可含6个子网个子网子网子网1网络号网络号22 子网子网2 网络号网络号44 子

19、网子网 6 网络号网络号9292 第第1章章Web技术概述技术概述39子网掩码作用：子网掩码作用：把一个IP地址正确分解为对应的网络地址网络地址、子网地址子网地址及主机地址主机地址 子网掩码不同，属于不同的网段 子网掩码是一个32位数： 网络地址和子网地址部分全部为1 1 主机地址部分全部为0 0 A类网的子网掩码是B类网的子网掩码是C类网的子网掩码是第第1章章Web 技术概述技术概述406. IP地址应用 1.主机IP地址3333，

20、确定该主机所在网络类别、网络号及主机号 (1)四组十进制数转变为四字节32位二进制数四组十进制数： 202 .196 .0 .13332位二进制数：11011001010 11000100 00000000 10000101(2) 确定网络类别 第一字节是11011001010，类别是C类 (3) 确定网络地址 C类网前三个字节是网络地址：202.196.0202.196.0 (4) 确定主机地址：第四字节，1000010110000101结论：该主机是C C类网202.196.0202.196.0中的133133号主机。第第1章章web 技术概述技术概述412. 主机IP地址166.111.

21、1.25555，确定该主机所在网络类别、网络号及主机号 (1) 四组十进制数转变为四字节32位的二进制数 1010100110 01101111 00000001 11111111100110 01101111 00000001 11111111 (2) 确定网络类别：第一字节是1010100110，B类网。 (3) 确定网络地址：第一、二字节10100110 0110111110100110 01101111 (4) 确定主机地址 第三、四字节，主机地址是00000001 11111111 结论：该IP地址表示B B类网166.111166.111上的511511号主机

22、 第第1章章Web 技术概述技术概述423. 假设网络IP地址和子网掩码是：IPIP地址地址 11000000.01001110.00101110.01100001=77子网掩码子网掩码 11111111.11111111.11111111.11100000=2424 确定主机所在网络的类别、网络号、子网号及主机号 (1) 11011000000： C类地址 (2) 前三个字节，网络地址：198.78.46198.78.46 (3) 后一个字节标识主机 01101100001 子网掩码子网掩码 11

23、111100000结论：IP地址77标识的是： C C类类网络198.78.46198.78.46的3 3号子网号子网的1 1号号主机第第1章章Web技术概述技术概述43练习：IP地址： 7=11000000.10101000.01100100.01100001子网掩码:24=11111111.11111111.11111111.11100000 表示C C类类网络192.168.100的3 3号子网号子网的1 1号号主机 IP地址=7 子网掩码=

24、24 11111111.11111111.11111111.11100000IP地址=7 子网掩码=40 11111111.11111111.11111111.11110000 它们是两个网段，互相不能访问网上邻居看不见！这样，一个标准的IP地址可以用于多个子网和主机，从而扩展了IPv4地址的应用范围！第第1章章Web 技术概述技术概述444. 为单位规划为单位规划IPIP地址地址 为电子信息实训中心规划IP地址，该实训中心有6 6个局个局域网域网，每个局域网最多有3030台主机台主机(或网络设备) (1) (1) 申请申请IPIP地址地址

25、共有6个局域网180台主机，申请6个C类地址？浪费多少IP地址？申请6个C类IP地址，共有625415241524个IP地址，实际使用180个地址，将有13441344个IP地址的浪费。解决方案：解决方案：用子网使6个局域网共用一个C类网的地址。 申请一个IP地址。假设电子信息实训中心申请到的C类IP地址是202.224.46202.224.46 第第1章章Web技术概述技术概述45(2) 确定子网地址的位数与子网地址子网地址用于标识电子信息实训中心内部的网段。 6个局域网：子网地址占3 3位位其余5位是子网中的主机地址，每个子网可以有30个主机地址 第第1章章Web 技术概述技术概述46各子

26、网地址：1号子网地址：11001010 11100000 00101110 00100000=22号子网地址：11001010 11100000 00101110 01000000=43号子网地址：11001010 11100000 00101110 01100000=64号子网地址：11001010 11100000 00101110 10000000=285号子网地址：11001010 11100000 00101110 10100000=606号子网地址：1100101

27、0 11100000 00101110 11000000=92 第第1章章Web技术概述技术概述47(3)主机地址分配方案。以1号子网为例：1号子网地址：11001010 11100000 00101110 00100000=21号主机地址：11001010 11100000 00101110 00100001=32号主机地址：11001010 11100000 00101110 00100010=43号主机地址：11001010 11100000 00101110 00100011=202.224

28、.46.35 30号主机地址：11001010 11100000 00101110 00111110=2第第1章章Web技术概述技术概述48(4) 子网掩码的确定 电子信息实训中心的子网掩码是：11111111.11111111.11111111.11100000=2424 第第1章章Web技术概述技术概述49 IPv6是128位二进制可代表2128=3.4028236692093846346337460743177E+38有两种描述方法：冒分16进制表示法：69d2:9064:ff0:0:ffff:1820:4005

29、:ffff点分十进制：0..255.255当连续0时，可以描述为：1166:0:0:0:0:0:0:66991166:6699IPv6与IPv4在许多概念方面是一致的，如报头、报文等，但在内部细节变化较大，在传输数据方面非常灵活的。 第第1章章Wev技术概述技术概述501.3.2 域名 IP地址使用起来很不方便，为网上的主机指定了一个易于记忆的域名域名 DNS(Domain Name System域名系统 ):每台主机的主机名/域名与它的IP地址对应。使用主机名/域名，网络会自动将其转换成IP地址，找到这台主机

30、。域域(Domain):一类Internet主机的集合。域名域名(Domain Name):标识域的自然语言名称(常用英文)与IP地址对应。域名系统域名系统(DNS):实现域名与IP的互逆映射的服务系统。名字服务器名字服务器:运行域名解析软件，实现重定向功能. 第第1章章Web 技术概述技术概述51一级名：一级名：国家国家 (地区),顶级域名。jp、us、cn、hk 等二级名：二级名：网点名网点名(Site name)若干紧密关系子网组成。通常由组织机构组成。ac(科研机构)、com(商业组织)、edu(教育机构)、gov(政府部门)、net(互联网络、接入网络的信息中心和运行中心)、org(

31、各种非盈利性组织)等。三级名：三级名：管理组管理组Administrator 子域(地域)组成。通常采用地域命名。比如：nj、bj、tw等四级名：四级名：主机名主机名本地机器名。 buu、nankai等 象一棵倒置大树(逆序书写)：www.四级四级.三三.二级二级.一级一级。而www则仅仅代表Internet上的一类名称。比如：没有地域名第第1章章Web 技术概述技术概述52 中国 商业组织 人民网 主机第第1章章Web 技术概述技术概述53 educncomacwwwinfo163cnnicrdspandavhostisd263netftpcswiscmitalbert最高级域名最高级域名r

32、ootroot第一级第一级第二级第二级第三级第三级第第1章章Web技术概述技术概述54CNhttp : / WWW . hope . com . cnhttp : / WWW . hope . com . cn第第1章章Web技术概述技术概述551.3.3 统一资源定位符统一资源定位符 URLURLURL(U Uniform R Resource L Locator):统一资源定位符 以统一方式唯一确定某个网络资源以统一方式唯一确定某个网络资源 1. URL格式格式 第第1章章Web技术概述技术概述: / :端口号端口号/56(1) (1) 协议协议 常见常见URL访问方法：访问方法： htt

33、p: HTTP协议协议 news: USENET新闻新闻 ftp: FTP协议协议 gopher:Gopher 协议协议 file : 本地文件系统本地文件系统 WAIS:广域信息服务广域信息服务 telnet:登录到其他主机登录到其他主机(2) :/:/ 是URL规范要求的标记。(3) 主机名主机名: : 要访问的服务器名字，也可以是服务器IP地址 (4) 文件路径文件路径: : 服务器上保存目标文件的目录 所有WWW服务器应用程序的省缺端口号都内定为 8080第第1章章Web 技术概述技术概述57例如， http:/ HTTPHTTP协议协议文件路径： 服务器 主机名：/software/

34、software/目录下名为home.htmlhtml的文件第第1章章Web技术概述技术概述583. 文件定位的几种方式文件定位三种方式：第第1章章Web 技术概述技术概述591.4 Web基础知识基础知识 第第1章章Web技术概述技术概述1.4.1 Web工作机制工作机制 因特网 URL请求请求 建立连接建立连接Web服务器 客户浏览器RDNS 服务器域名解析域名解析HTTP请求报文请求报文 数据数据库查询库查询数据库服务器 断开连接断开连接HTTP响应报文响应报文 浏览器浏览器展示结果展示结果Web服务器服务器 查找文档查找文档HTTP响应报文响应报文 660第第

35、1章章Web技术概述技术概述1.4.2 Web站点体系结构站点体系结构 Web服务器服务器 客户端客户端数据库数据库 表示层表示层中间层中间层数据层数据层图书管图书管理员理员 读者读者 书库书库 图书馆结构图书馆结构Web三层结构三层结构提 出 借提 出 借书请求书请求 为读者为读者 服务服务 为客户为客户 服务服务 藏书藏书 存储存储 数据数据 HTTP 请求请求61第第1章章Web技术概述技术概述Web站点的集成站点的集成621.4.3 Web应用开发技术概述 1. HTML、CSS、XML和脚本 超文本标记语言HTML CSS(Cascading Style Sheet，层叠样式表) X

36、ML技术(extensible Markup Language，可扩展的源标记语言) JavaScript和VBScript 第第1章章Web技术概述技术概述632.ASP(Active Server Pages) 服务器端服务器端WebWeb应用程序开发技术应用程序开发技术 主要功能是：主要功能是：为生成动态、交互并且高效的Web服务器应用程序 主要特点：主要特点：把HTML/DHTML、脚本和数据库访问功能结合在一起，组成在服务器端的应用程序。 3. ASP.NET ASP.NET建立在建立在.NET Framework类的基础之上，提供类的基础之上，提供由控件和基础部分组成的由控件和基础

37、部分组成的“Web程序模板程序模板”。ASP.NET使用语言使用语言C#、VB.NET和和Jscript.NET 4. PHP(Personal Home Page Tools) 自由软件自由软件,服务器端服务器端Web应用程序开发技术应用程序开发技术，多平台特性多平台特性 第第1章章Web技术概述技术概述645. JSP(Java Server Pages) 在HTML页面中加入JavaJava程序段和程序段和JSPJSP标记标记构成了JSP网页。应用JSP开发的基于Web的应用具有跨平台的特性，可以在大多数Web Server 上运行 6 Servlet Servlet是运行在服务器端的J

38、ava程序，本质上是一个特定的Java类，符合Java的技术标准，具有Java的特点。 Servlet可以响应客户HTTP请求，处理客户端应用程序的请求 第第1章章Web技术概述技术概述651.5 数据库访问技术 数据库技术是管理信息系统的核心技术核心技术和基础基础技术技术，也是Web技术的一个重要组成。数据库是存放数据的仓库，数据库管理系统是一个系统软件，它的主要作用是：科学地组织和存储信科学地组织和存储信息，高效地获取和维护信息息，高效地获取和维护信息。数据库系统是指在计算机系统中引入数据库后的系统，一般由数据库、数据库管理系统、应用系统、数据库管理员和用户组成。第第1章章Web技术概述技术概述66 1.5.1 Web方式访问数据库 客户端统一的界面 统一的开发标准 跨平台运行 第第1章章Web技术概述技术概述67 1.5.2 Web数据库访问的工作机制 提供中间件连接Web服务器和数据库服务器 中间件客户端Web服务器服务器数据库中间件是Web服务器与数据库服务器之间桥梁，负责他们之间通信并提供应用程序服务。中间件可以直接调用脚本或外部程序来访问数据库，并将访问结果转换成HTML格式，通过Web服务器返回给客户端浏览器 第第1章章Web技术概述技术概述68第第1章章Web技术概述技术概述1.5.3 常用常