[计算机]第01章 基础知识.ppt

Web技术原理及应用 Web系统与技术,烟台大学计算机学院 陈智育,第1讲 基础知识,内容,1.1 Internet简介 1.2 万维网(World Wide Web) 1.3 Web浏览器 1.4 Web服务器 1.5 统一资源定位符(URL) 1.6 多用途网际邮件扩充协议MINE 1.7 超文本传输协议HTTP 1.9 工具箱 XHTML及编辑, XML, JavaSript, Flash, Java, ASP.NET, PHP, Ruby, Rails, Ajax,1.1 Internet 简介,起源 ARPAnet - 1960s后期1970s早期 DOD - 网络可靠性 为ARPA资助的研究机构服务(email) BITnet, CSnet - 1970s后期1980早期 为非ARPA研究机构提供服务(email和ftp) NSFnet - 1986 美国国家科学基金会(NSF)资助 最初连接5个超级计算机中心 至1990, NSFnet在非军事应用取代了ARPAnet 至1995, NSFnet成为应用范围最大的网络 NSFnet 的一部分最终成为大家所知的Internet,1.1 Internet 简介,Internet因特网，互联网 一个世界范围的通信网络, 是各种计算机和设备的大规模集合. 从1982起, 在最低层, 所有的连接使用 TCP/IP TCP/IP隐藏了连接到Internet的各设备的差异 网络中的网络(inter nets) A world-wide network of computer networks,1.1 Internet 简介,Internet Protocol (IP) Addresses 每个节点都有一个唯一的数值为地址 标准IP v4, IP地址为32位二进制数 8, 5, 新标准IP v6(1998),IP地址为128位二进制数 为各组织的计算机分配一组IP地址 55 子网掩码MASK: 网关: 8,1.1 Internet 简介,域名(Domain names) 形式: 主机名.域名1.域名2.域名3 第一个域最小, 最后一个域最大 最后的域表明组织类型(地域) 全限定域名: 主机名称+所有域名 DNS服务器: 将全限定域名转为IP地址 应用层协议: 基于TCP/IP协议,不同目的和端口 telnet23, ftp21, mailto25, http 80 端口: 对应服务器不同软件,:80 ,/,1.2 万维网(World Wide Web),起源 CERN的Tim Berners-Lee在1989提出World Wide Web 新协议HTTP和文档系统 目的是让科学家能利用Internet交流文档 文档形式: 超文本hypertext Web信息单元: 资源, 页面, 文档 超媒体hypermedia: 文本+图像,声音 Web or Internet? Web是一个超大规模的文档集合,通过链接互相联系 Internet是计算机和其他设备的集合,互相连接通信,1.3 Web浏览器Browser,浏览器为客户端Client, 服务器被动响应其请求; 基于HTTP协议进行信息交互; 信息为现成文档或程序输出. Mosaic Mosaic - NCSA (Univ. of Illinois), 1993 第一个GUI浏览器, 促进Web应用的爆炸性增长 最初在X-Window和Unix上, 后移植到其他平台 网景Netscape Navigator 现常用浏览器: Internet Explorer(IE), FireFox(多平台) ,1.4 Web服务器Server,可响应Web客户端请求,提供现成文档或生成文档的软件. 运行为操作系统后台进程, 监视端口默认80,接收HTTP信息. 大多Web服务器都起源于: CERN 或 NCSA Web服务器的两个主要目录 文档根目录: 存放Web文档 服务器根目录: 服务器软件安装目录 文档根目录由客户端间接访问,服务器完成URL到目录的映射(/=e:webindex.html) 虚拟文档目录: 支持更灵活的Web文档存储 虚拟主机: 支持在一台计算机上建立多个站点 Web服务器支持多种应用协议, CGI, 脚本.,1.4 Web服务器Server,Apache 开源, 多平台, 快速, 可靠, 50% 源自NCSA服务器httpd 编辑其配置文件(httpd.conf)进行维护 Apache+PHP+MySQL IIS Internet Information Server 广泛应用, Windows的一部分, 35% 通过图形界面进行维护 WIN7-7.0, WinXP-6.0 IIS+ASP+MSSQL,1.5 统一资源定位符,Uniform/Univeral Resource Locator URL格式: scheme:object-address scheme表通信协议: http, file, ftp, https, object-address: /全限定域名/文档路径 file协议用于访问本机文档, file:/文档路径 端口号指明服务器进程, Web默认80 http:/全限定域名:800/文档路径 空格和一些特殊字符不能直接用在URL中 空格 = %20,file:/C:/Program%20Files,1.5 统一资源定位符,URL文档路径 与操作系统中文件系统指定文件和目录的方式类似(“/”)(dos: e:, unix: /root/); URL文档路径为部分(相对)路径, 实际路径由服务器根据文档根目录或虚拟文档目录位置补全. //hello.htm = e:webdochello.htm URL文档路径若以”/”结束, 则表示目录. Web服务器根据情况显示: 搜索显示主页文件(index.html, index.php) 显示目录列表 显示不可访问,1.6 多用途网际邮件扩充协议MIME,Multipurpose Internet Mail Extensions 用于email: 允许发送不同类型的文件 用来向浏览器指明服务器返回文档类型(文档头) 类型说明: 格式: type/subtype 例: text/plain, text/html, image/gif, image/jpeg 服务器从请求文件名后缀来获得类型 浏览器从文件头部获得类型 实验文档类型 子类型名以”x”开头, video/x-msvideo 实验类型需要服务器给浏览器提供辅助应用(浏览器外)或插件(浏览器内)以处理该类型文档.,1.7 超文本传输协议HTTP,The HyperText Transfer Protocol 所有Web通信所使用的协议 请求阶段 格式: 第1行示例: GET //degrees.html HTTP/1.1 常用的请求方法: GET, HEAD, POST, PUT, DELETE,HTTP method domain part of URL HTTP ver. Header fields blank line Message body,P13 表1-1,1.7 超文本传输协议HTTP,四类头部字段 General: 针对普通信息,如日期等 Request: 包含在请求头部中 Response: 包含在响应头部中 Entity: 请求和响应都使用 常用的请求字段 Accept: text/html Accept: text/* Host: 主机名 If-Modified-Since: 若有修改才发送 Content-Length: 主体内容字节数,1.7 超文本传输协议HTTP,响应阶段 格式: 状态行示例: HTTP/1.1 200 OK 状态码为3位数字, 第1位数字表状态分类: 1 = Informational 2 = Success 3 = Redirection 4 = Client error 5 = Server error,Status line (HTTP ver. status code explanation) Response header fields blank line Response body,404 not found,1.7 超文本传输协议HTTP,常用的响应字段 Content-Type: text/html Content-Length: 字节数 响应头部完整示例:,HTTP/1.1 200 OK Date: Sat, 25 July 2009 20:15:11 GMT Server: Apache /2.2.3 (CentOS) Last-modified: Tues, 18 May 2004 16:38:38 GMT Etag: “1b48098-16a-3dab592dc9f80“ Accept-ranges: bytes Content-length: 364 Connection: close Content-type: text/html, charset=UTF-8,1.9 Web开发常用工具,The Web Programmers ToolBox 客户端程序(技术)和服务器程序(技术): 根据解释或执行Web程序和脚本的地点区分 客户端技术: XHTML标记语言编辑器, XML元标记语言 JavaScript脚本语言, DOM Flash媒体技术, AJAX 服务器技术 PHP, JSP(Java), C#, Ruby脚本语言 Web框架: JSF, ASP.NET, Rails,1.9 Web开发常用工具,XHTML概述 用途: 描述文档的一般格式和布局,浏览器显示 XHTML文档由内容和控件(controls)混合而成 控件: 标签(tags)和属性(attributes) 标签界定(delimit)内容,指明内容在文档中如何安排 标签对: 开始标签和结束标签 属性为标签的内容提供附加信息 标签对 和 内容合起来称为元素., 段落文字 ,第2章,1.9 Web开发常用工具,创建XHTML的工具 通用编辑器, 如记事本, editplus XHTML编辑器: 如UltraEdit 标签快捷输入, 拼写和语法检查, 彩色显示 可视化编辑器 优点: 图形界面添加标签,不用理解XHTML,最后效果直接可见 缺点: 代码质量差, 会产生无法识别的专有标签 Adobe Dreamweaver MicroSoft FrontPage 插件(文字处理器中)和过滤器(独立程序),1.9 Web开发常用工具,XML概述 标准通用标记语言 SGML Standard Generalized Markup Language 元(meta-)标记语言-定义标记语言的语言 HTML由SGML定义创建 可扩展标记语言-XML eXtensible Markup Language XML是SGML的简化版本 XHTML由XML定义创建 通过自定义标签表示数据类型 表示和传输文本类数据的简单通用方法配置,SOAP,第7章,1.9 Web开发常用工具,JavaScript概述 一种客户端脚本语言(嵌入到XHTML中) 和Java语言无关系, 仅仅语法有些类似 动态类型, 且不是面向对象的 可访问XHTML元素并动态改变 用于客户端动态, 数据验证, Ajax等,第4,5,6章,1.9 Web开发常用工具,Flash概述 一种多媒体技术, 可集成文字,图形,动画,声音,视频等, 可交互和联网 创作(Authoring)环境进行Flash媒体的制作 MicroMedia Flash MX 2004 Flash 7 Adobe Flash CS3 Flash 9 形状补间动画和动作补间动画, ActionScript 浏览器99%使用Flash播放器插件显示媒体,第8章,1.9 Web开发常用工具,Servlets, JSP和JSF概述 Servlets: 在服务器运行的已编译的Java类 JSP: JavaServer Page 基于Java语言的服务器脚本机制 代码嵌入XHTML文档, 动态编译, 在服务器端执行 是Servlets的替代机制, 是Servlet的简化 JSF: Java Server Faces 支持Web应用的事件驱动接口模型 客户端的事件可由服务器代码处理,第11章,1.9 Web开发常用工具,ASP.NET概述 ASP: Active Server Page COM, VBScript ASP.NET .NET, C#等 Microsoft用于构建服务器端动态文档的框架 与JSP/JSF功能类似 基于.NET环境(.NET类库,编译和运行环境VM) 可用任意.NET语言编写 所有代码都是编译的, 比解释执行快 每个ASP.NET文档都编译为一个类, 与桌面应用开发类似,第12章,1.9 Web开发常用工具,PHP概述 服务器端脚本语言 嵌入XHTML文档中, 在服务器解释执行 与JavaScript语法类似 动态类型, 动态数组 方便进行表单处理和数据库访问,第9,13章,常用软件组合: Apache+PHP+MySQL,1.9 Web开发常用工具,Ruby概述 继Perl命名, Matz, 1996 纯面向对象的解释性脚本语言 所有的数据值都是对象, 所有操作都调用方法 大多数操作符可由用户重新定义 类和对象都是动态的 变量都是对象引用,且无类型(对象本身有类型),第14章,1.9 Web开发常用工具,Rails概述 Ruby