第9章Web应用技术.ppt

1、第9章 Web应用技术,学习目的,掌握Web工作原理 理解Web浏览器和服务器之间的交互方式 理解HTML文档结构及表示信息的方法 理解XML信息的表示方式及其用途 了解Web Service的基本架构 了解Web2.0的特征及Web的发展方向,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,Web概述,Web的概念 万维网 Web (World Wide Web，简称WWW)由数量巨大且遍布全球的文档组成的，这些文档称为Web页。 Web是Internet技术、超文本技术和多媒体技术相结合的产物，是一个分布式超媒体(hypermed

2、ia)系统。 Web是一个大规模的、联机式的信息储藏所。 Web是跨平台的。,Web概述,Web提供分布式服务,万维网 站点 A,万维网 站点 C,万维网站点 E,万维网站点 D,万维网站点 B,Web概述,Web的三要素 资源在何处 ？ 使用统一资源定位符 URL (Uniform Resource Locator)来标识万维网上的各种文档。 使每一个文档在整个因特网的范围内具有惟一的标识符 URL。,:/:/,Web概述,Web的三要素 用什么方法访问资源？ 在浏览器与Web服务器之间进行交互所使用的协议是超文本传送协议 HTTP (HyperText Transfer Protocol)

3、。 HTTP 是一个应用层协议，它使用 TCP 连接进行可靠的传送。 HTTP可以在异构系统之间传输数据，是一种基于消息的协议。,Web概述,HTTP协议工作过程,Web概述,Web的三要素 资源及资源之间的关系如何描述？ 超文本标记语言HTML (HyperText Markup Language)是用于描述网页文档的一种标记语言。 网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。 HTML中含有超链接，用于在页面之间建立一定的关联。,Web概述,Web的工作原理 万维网的运行方式是一种典型的浏览器/服务器（B/S)模式。 客户端浏览器和Web服务器

4、之间的信息交换是通过HTTP协议来实现。,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,HTML,HTML的基本构成 HTML是互联网中应用最为广泛的标记语言，是一种通过利用各种标记（tag）来标识文档的结构和超链接(Hyperlink)的规范，具有 World Wide Web 的通用出版语言之称。 HTML文档主要包含文档数据和显示格式两部分，其中文档数据是显示在浏览器中的数据内容，显示格式则规定了这些内容在浏览器中以何种形式呈现给用户。,HTML,HTML的基本构成 HTML页面内容由元素（标记）、属性和字符实体组成 元素（标

5、记） HTML定义了大量的标记，其中许多标记是成对出现的，以“”开始，并以“”结束，一对标记之间是该标记所影响的范围。 如设置一段文字为一号标题（HTML规定了一号标题H1显示的字体、颜色、大小等）在HTML中，元素和属性均不区分大小写。,HTML,HTML的基本构成 元素（标记） HTML的标记有四类,HTML,HTML的基本构成 属性 属性是用来修饰和定制元素的，每个元素至少有两个属性，分别是id属性和class属性。 HTML中的属性有数百种，不同的元素具有不同的属性。 如设置一号标题H1的属性,HTML,HTML的基本构成 字符实体 一些字符在 HTML 中拥有特殊的含义，比如小于号

6、() 用于定义 HTML 标签的开始。如果希望浏览器正确地显示这些字符，必须在 HTML 源码中插入字符实体。,HTML,HTML文档 文档结构 一个HTML文档以标记开始，以标记结束 HTML文档分为文件头和文件体两个部分 head部分一般有、等标记 body部分是浏览器要显示的内容 页面中图片通过标记来嵌入，超链接通过标记来描述。,HTML,HTML文档 一个简单的HTML文档,HTML,层叠样式表CSS 为了解决HTML的结构化问题和实现Web中的总体外观控制，W3C于1996年底公布了层叠样式表（Cascading Style Sheet，CSS）规范。 层叠是指对于容器元素制定的所有

7、选项，将被自动地应用到其包含的所有元素中； 样式表是指将页面及文字的设置类型包含在一起而记录的表，这些表中定义好了元素的属性，在相关网页的各个部分，能够共享这类定义好的格式。,HTML,层叠样式表CSS CSS的类型有内联型、嵌入型、外部型三种。 内联样式表 实在现有HTML元素的基础上，用style属性把特殊的样式直接加入到控制信息的标记中。 该设定方法的作用范围仅为当前元素。 如设置段落的字体颜色和左外边距 （对后的内容无影响）,HTML,层叠样式表CSS 嵌入样式表 在文件头和内使用标签来设定 该设定方法的作用范围为当前页面 如设置当前文档的背景色为红色、所有段落的左边距为20像素,HT

8、ML,层叠样式表CSS 外部样式表 将样式表作为一个独立的文件，在需要的页面中将其连接进来 该设定方法的作用范围内为页面群 以下代码将mystyle.css样式文件引入当前HTML页面。,HTML,层叠样式表CSS CSS的主要作用 将格式和结构分离 控制页面布局 制作出体积更小下载更快的网页 更快更容易地维护及更新大量的网页,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,XML,XML简介 XML和Java是Internet应用中的两个核心技术。Java提供了程序代码的平台无关性，而XML则保证了数据的平台无关性。 XML(Ext

9、ensible Markup Language)即可扩展标记语言，它定义了一套语义标记规则。 HTML中的标记是事前定义好的，而且相对固定。而在XML中，用户可以根据实际需要定义自己的新标记。 HTML主要描述数据的呈现方式，而XML则定义了数据的结构。,XML,基于XML的数据表现 XML中的标记 XML中，数据的意义本身可以成为标记，当嵌入实际的数据后可以直观地了解数据的意义。 下面是一个采用XML表示的订单信息片段。,XML,基于XML的数据表现 文档定义DTD DTD（Document Type Definition）用以对XML中使用到的标记符号、标记属性、标记的排列方式、标记所能包

10、含的内容等进行定义。 上述XML订单信息片段的对应的DTD定义片段,XML,XML在电子商务中的应用 电子商务中采用XML技术有如下优势 XML可以描述页面数据的内容，而HTML侧重于网页表现形式的描述； XML可以跟踪数据、共同创作； XML可以提供元数据； 可使用低成本的软件处理数据； 简化企业间的数据交流，丰富电子商务的数据； 为服务于企业与个人的电子商务代理提供有助于自动处理的信息,XML,XML在电子商务中的应用 ebXML ebXML是一组支持模块化电子商务框架的规范 ebXML的宗旨是要开发一个以开放的XML标准为基础的电子商务的基础结构 ebXML从各种商务流程中归纳出通用的商

11、业对象，通过使用这些抽取出来的预定义的商务对象，使得使用ebXML的企业能够建立一个统一的跨行业的商务交互标准。XML的元素/属性的机制能够非常容易的定义和识别这些对象，并且能对这些对象进行自由的操作。,XML,XML在电子商务中的应用 可扩展商业报告语言XBRL 可扩展商业报告语言XBRL（eXtensible Business Reporting Language）是一种基于XML的标记语言，可进行非结构化信息处理，应用于商业和财务信息的定义和交换。 通过给商业报告、财务报告中的数据增加特定的标签和分类，使得计算机能够“读懂”报表；并且通过它内置的引导、解释和验证机制，使得发布和提交报告的

12、机构能够按照统一的“口径”，无遗漏、无计算错误地生成各类用户所需要的报表，并能够借助计算机来“分析和比较”这些报表。,XML,XML在电子商务中的应用 以XBRL为基础的网络财务报告具有以下特点 降低信息交换成本、提高财务信息的可获得性、间接增加了财务信息可比性； 增强财务信息的利用效率； 自动交换并摘录财务信息而不受不同企业软件和信息系统的限制； 减少为了不同格式需求的资料而重复输入的问题； 降低信息供给成本，有利于信息供给者提高财务报表编制效率。,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,Web Service,Web Se

13、rvice简介 Web service平台是一套标准，它定义了应用程序如何在Web上实现互操作。 只有通过Web Service（Web服务），客户端和服务器才能够自由的用HTTP进行通信，不论两个程序的平台和编程语言是什么。,Web Service,Web Service平台 Web Service平台涉及到的主要技术有：XML和XSD、WSDL规范、SOAP协议以及UDDI协议 XML和XSD 作为Web服务平台中表示数据的基本格式，XML是Web服务的基础。 XML解决了数据表示的问题。 XSD（XML Schema Definition）定义了一套标准的数据类型，并给出了一种语言来扩展

14、这套数据类型。,Web Service,Web Service平台 SOAP协议 简单对象访问协议SOAP（Simple Object Access Protocol）是在分散或分布式的环境中交换信息并执行远程过程调用的轻量级协议。 SOAP消息采用XML格式，并通过HTTP协议来传输，因此具有平台无关性。,Web Service,Web Service平台 WSDL规范 Web service描述语言WSDL（Web Service Description Language）用于描述Web service及其函数、参数和返回值。 WSDL也是基于XML的。 WSDL可以自动生成。,Web S

15、ervice,Web Service平台 UDDI协议 UDDI（Universal Description, Discovery and Integration，统一描述、发现和集成）是Web服务中的核心部分，用于集中存放和查找WSDL描述文件，实现Web Service的注册、查找、调用等，起着目录服务器的作用。,Web Service,Web Service实现过程 Web服务的基本流程中包含三种角色：服务提供者、服务代理者、服务请求者。,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,Web 2.0,Web2.0简介 Web2

16、.0 是相对Web1.0 的新的一类互联网应用的统称，即以Linkedin、Facebook等网站为代表，以Blog、Tag、RSS、wiki等应用为核心，依据六度分隔、XML、AJAX等理论和技术实现的互联网新一代模式。 Web2.0 则更注重用户的交互作用，用户既是网站内容的浏览者，也是网站内容的制造者。,Web 2.0,Web2.0的典型应用 社会化标签（Tag） Tag是一种新的组织和管理在线信息的方式。 用户可以为每篇日志、每个帖子或者每张图片等添加一个或多个标签。 Tag用来增强日志之间的相关性和用户之间的交互性。,Web 2.0,Web2.0的典型应用 博客（Blog） 博客是一

17、种极其简易便捷的网络个人出版形式。 博客之间可通过社会化标签(Tag)、反向引用(TrackBack)、评论(Comment)等方式进行交流。 与移动终端结合紧密的微博和轻博客是博客发展的最新动态。,Web 2.0,Web2.0的典型应用 内容聚合（RSS） RSS是一种简单的信息发布和传递方式，使得一个网站可以方便地调用其他提供RSS订阅服务的网站的内容，从而形成“内容聚合”。 与传统的用户找信息的方式不同，RSS根据用户订阅情况，将最新信息推向用户。,Web 2.0,Web2.0的典型应用 维基（Wiki） Wiki是一种可在网络上开放多人协同创作的超文本系统 Wiki容许任何访问网站的人能快速轻易的浏览、创建和更改所有的内容 Wiki的典型应用是开放式百科网站Wikipedia（维基百科）,Web 2.0,Web2.0的典型应用 AJAX AJAX(Asynchronous JavaScript and XML)是多种技术的结合，它包括: 基于XHTML/CSS 由DOM（Document Object Model，文档对象模型）实现动态显示与交互 通过XML和XSLT进行数据交换及处理 使用JavaScript整合上述技术 AJAX在浏览器与Web服务器之间使用异步数据传输，可以实现页面的局部刷新。 AJAX 可使因特网应用程序更小、更快，更友好。,今天你提高了吗?,