E-Business 第八章 构建WEB应用技术(WEB Technology.ppt
《E-Business 第八章 构建WEB应用技术(WEB Technology.ppt》由会员分享,可在线阅读,更多相关《E-Business 第八章 构建WEB应用技术(WEB Technology.ppt(95页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、E-Business 第八章 构建WEB应用技术(WEB Technology options) 2WWWnWWW(World Wide Web)简称W3,有时也叫WEB,中文译名为万维网、环球信息网等。它是Internet 上被广泛应用的一种信息服务技术,是电子商务核心技术之一。n在电子商务环境下,一般选择WEB 作为数据库应用的平台。即通过WEB 提供用户界面,将数据库与WEB 集成,这种方式能够使企业以更快的速度、更低的费用去创造和布署企业的应用系统。3WWWnWWW 主要由三部分组成,服务器、客户机以及通信协议。n服务器端主要包括服务器软件、服务器的扩展应用软件、服务器端入口软件等。n
2、通信协议中最常见的是HTTP 协议。客户端包括浏览器、用户工具等。网景公司开发的Netscape 和微软的InternetnExplorer 是最著名的浏览器。WWW 浏览器负责与WWW 服务器建立连接,发送客户访问请求,处理HTML 超媒体,提供客户界面。4URL*nWWW上广泛采用URL 来定义信息资源在Internet 上的位置。URL( Uniform Resource Locator )称之为统一资源定位器,用来指示某一项信息(资源)的所在位置及存取方法。nURL 的格式如下: 使用协议:/主机名称/文件路径/文件名:端口号。端口号不出现时为缺省值80。n例如:nhttp:/ :服务
3、器主机名。ndeveloperWorks/cn/linux/l-cpconf/ :文件路径nindex.shtml:文件名称5URL*nURL、URN、URI的区别n平时所说的网址,就是URL。n其实名称空间中的标记规定的是使用URI,URI全名为Uniform Resource Identifier(统一资源标记码),这是一个Internet 标准,记载于RFC2396;它与URL有何不同呢?基本上,URI比较广义,泛指所有以字符串标示的网络资源,范围涵盖了URL和URN。URL指的是标有通信协定(如HTTP、FTP、GOPHER)的字符串。nURN(Uniform Resource Nam
4、e)则是用来标示持久、而且有专门机构负责的资源,譬如图书馆的图书总目。 6HTTP 协议nHTTP(Hyper Text Transport Protocol 超文本传输协议)是用在互联网上传输超文本文件的协议。它是TCP/IP 协议的应用层协议之一,是为Web 定制的核心协议。它是基于文本的简单协议,基于请求-应答的服务器/客户端工作模式,能够理解任意类型的对象。7HTTP 协议nHTTP 协议的实现基于请求/应答模式。HTTP 协议的工作过程由以下四步组成。n第一步:客户请求连接。HTTP 服务在运行端口等待请求。一旦客户请求连接出现,即可与客户建立连接。n第二步:客户提出请求。打开连接后
5、,客户把请求数据送到服务器,提出请求。HTTP1.0版本的请求由多行组成。其中第一行请求包括方法、URL 和协议版本号。其余行依次是一般头、请求头、实体头。在请求头中指明了所要求的特定文件。n第三步:服务器应答。如果请求被接纳,则服务器送回一个应答,应答中一般包括:协议的版本号、含有状态代码和状态说明的状态行以及该文件内容。客户端收到应答后,在浏览器上显示应答内容。n第四步:断开连接。当完成一次请求后,客户和服务器之间的连接断开。8HTTP 协议nHTTP 协议的特点nHTTP 协议具有无连接,无状态的特点。n无连接:HTTP 是一个无连接的协议。无连接的含义是限制每次连接只处理一个请求。n无
6、状态:HTTP 协议是无状态协议。无状态是指协议对于事务处理没有记忆能力,每一次请求之间都是独立的。优点,由于缺少状态使得HTTP 累赘少,系统运行效率高,服务器应答快;缺点,由于没有状态,协议对事务处理没有记忆能力,若后续事务处理需要有关前面处理的信息,那么这些信息必须在协议外面保存;另外,缺少状态意味着所需的前面信息必须重现,导致每次连接需要传送较多的信息。n为弥补该缺陷,可采用cookie 技术和session 技术来作为在客户端与服务器之间保持状态的解决方案。9Cookie 和SessionnCookie 技术nCookie是由服务器在用户的计算机上创建的一个文件。Cookie由客户端
7、保存每次客户端访问服务器时,将服务器在第一次连接时送到客户端的cookie信息传送给服务器端,对cookie信息校验后,合法则会响应该次请求,不合法则反馈相关错误信息。n在线购买应用可以使用Cookie存储当前选择的商品信息网站可以使用Cookie在每个客户端存储该用户的个人喜好,并且使得用户能够在每次连接到该网站时就通过cookie将他们的个人喜好传递到网站服务器。10Cookie 和Session Session between a client and server with cookies11Cookie 和SessionnSession nSession机制是一种服务器端的机制。n使
8、用Session技术的本质,就是把要传递的参数保存在两个页面都能共享的对象Session中,前一个页面在这个对象中写入状态、后一个页面从这个对象中读取状态。Session对象相对于Cookie而言,最大的区别就在于Cookie是存储在客户端的,而Session是存储在服务器端的。每个客户端在服务端都对应了一个session id,服务端维持了由session id标识的一系列session 对象。12Cookie 和SessionnSession的这种特有的功能在电子商务解决方案中往往是非常有用的。n一个用户需要开发一个在线商店,它的长远目标是通过跟踪客户购买行为以实现网站的个性化等商业智能。
9、由于在后期的商业智能实现过程中需要对收集的客户购买行为的部分特定数据进行分析。在这种解决方案需求中,使用cookie是不合适的,需要使用session在服务器端存储用户的购买过程信息,以供后期的商业智能分析过程和系统应用重写后的测试过程中使用。13n静态WEB技术n动态WEB技术n事务WEB技术14nWeb系统nWeb五大要素nURLn几种形式n域名+目录名+文件名n域名+目录名n域名n含有程序的网址n超文本置标语言(HTML)nWeb服务器nWeb浏览器n超文本传输协议(HTTP)15n静态WEB技术n静态WEB技术主要用于静态WEB页面(由文字和静态图像组成)的浏览。n静态WEB技术通常被
10、人们称为第一代的WEB应用。n静态WEB应用技术的不足之处在于发布的信息是静态的、不变的。16n客户端的实现n硬件设备n瘦客户端、胖客户端n胖客户端:基于传统的客户端应用程序;n瘦客户端:基于浏览器。n静态内容和动态内容n静态内容:客户端上显示的内容,预先放置在Web服务器上;n动态内容:客户端上显示的内容,预先服务器上没有,是在客户请求发出后,根据请求内容和后台数据库中的数据,通过调用执行一个文件(通常为动态脚本)动态产生的。17n静态页面的体系结构 n静态网页的特征 n静态网页的内容固定不变n静态网页的制作比较方便 n静态网页的体系结构 Client(浏览器)Web Server硬盘HTM
11、L页面从硬盘获取文件文件返回页面请求18n置标语言 n超文本置标语言HTMLn扩展标记语言XML 19n动态WEB技术n动态WEB技术的主要内容:将WEB技术与Client/Server系统中的后台数据库连接起来,使用户能在浏览器这个统一界面下既能浏览网上信息又能访问数据库。20n动态网页与静态网页的特征比较n静态网页n内容固定不变,不随客户访问要求的改变而改变;n页面文件预先储存在Web服务器上;n通过超链接来访问其它的网页;n可含有动画的内容n动态网页n内容随客户访问要求的改变而改变;n内容的生成可在客户端完成(通过客户端脚本、Applet插件、ActiveX控件),也可在服务器端完成(通
12、过服务器端脚本,如JSP、ASP、PHP);n能与用户进行交互,根据不同客户请求来生成不同的页面内容;n是连接商务表达层和商务逻辑层的桥梁;n也可含有动画的内容21nWEB技术n客户端脚本nJavaScriptnApplet插件nn服务器端的脚本nPHP(Personal Home Page) nASP(Active Server Page) nJSP(Java Server Page) nJava Servlet nCGI(Common Gateway Interface)n22n事务WEB技术nWEB技术必须解决的问题:如何实现实时的事务处理,并具有可扩展性、可伸缩性、安全性及客户认证能力
13、,以及与现有的Client/Server系统的集成等。n事务WEB技术允许数据库根据用户的查询要求产生动态的内容,即可动态的将变化的内容,以页面的形式提供给用户,如报社的新闻站点。23n架构定义为:功能+设计+构造手段,我们可以通俗的理解为:总体设计和总体结构。n两层架构WEB应用模型n两层架构系统适用于简单的WEB应用,系统的设计实施简单快速,开发成本低,但是可扩展性和可维护性较差。24n三层架构三层架构WEB应用模型应用模型n三层架构将业务逻辑从数据管理和客户端中分离出来。一方面它使得客户端程序仅关注数据的可视表示和用户输入信息的收集,这减小了客户端程序的复杂度,降低了对客户端计算机硬件的
14、要求。另一方面,由于业务逻辑集中在业务层,这更便于应用(业务)逻辑的管理、修改和调整等。25n四层架构WEB应用模型n四层架构具有三层架构的全部优点。n系统可以实现负载均衡和分布处理应用。n它比三层架构具有更好的响应速度。n它比三层架构具有更好的可扩展性和可维护性。n它还能够预防单点失败,并具有更好的安全性。26nHTMLnCSSn脚本语言JavaScriptnJava AppletsnXMLn主要参考书 电子商务技术基础27n超文本置标语言HTMLnHTML是Hypertext Markup Language(超文本标记语言)的缩写HTML是构成WEB页面的主要工具,是用来表示网上信息的符号
15、标记语言。nSGML :Standard Generalized Markup LanguagenSGML语言文件的组成:语法定义、文件类型定义(DTD)和文件实例nHTML是SGML的一个简化的实现28n特点n平台兼容 n文本文件n超链接 nWeb服务器不处理标记,由客户端浏览器解释 n丰富的多媒体显示、各种布局处理n简单易学;解释执行,无需编译;独立于平台。n缺点nHTML更多的关注Web浏览器如何在页面上安排文本、图象和按扭等,过多的考虑外观使用,缺乏对结构化数据的表示能力;nHTML还有一些诸如链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点;nHTML中有限的标记不能
16、满足众多Web应用的需要 ,缺乏可扩展性29nHTML文件大致结构网页标题网页的内容30nHTML 标记HTML 文件中,标记是很重要的组成部分。标记写法需要遵循以下规则:任何标记皆由所围住,如。标记名与小于号之间不能留有空白字符。某些标记要加上参数,某些则不必。如Hello参数只可加于起始标记中。在起始标记之标记名前加上符号/便是其终结标记,如。标记字母大小写皆可。31nHTML标记文件标记 :, , 排版标记 : , , 等字体标记 :,等 表格标记 : , , 等表单标记 : , 等连结标记 : 框架标记 : , 等n图形化的HTML 开发工具,使网页的制作变得非常简单。如微软公司推出的
17、Microsoft FrontPage,Micromedia 公司推出的Dreamweaver 等编辑工具。32nCSS是Cascading Style Sheets(层叠样式表单)的简称。nCSS的作用就是为网页上的HTML元素精确地定位,控制HTML元素的外观显示,可以把网页上的显示内容和显示外观相分离。 nCSS重新定义了HTML中原来的文字显示样式,并增加了一些新概念,如:类、层等,还可以处理文字重叠、定位等,它提供了更丰富的样式。n内容结构和格式控制相分离,使得网页可以仅由内容构成,而将所有网页的格式控制指向某个CSS样式表文件。 33n动态动态HTML(Dynamic HTML)
18、DHTML allows a high degree of flexibility in designing and displaying a user interface. In particular, DHTML includes cascading style sheets, which enable different fonts, margins, and line spacing for various parts of the display to be created. 34nDHTML使网页设计者可以动态操纵网页上的所有元素。利用DHTML,网页设计者可以动态地隐藏或显示内容
19、、修改样式定义、激活元素以及为元素定位。此外,网页设计者还可利用DHTML在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。ncssnJavaScriptnHTML DOM35 CSS例子 H1 font-size: x-large; color: red H2 font-size: large; color: blue 36n脚本技术n脚本(script)是一系列的命令和指令,它能完成部分逻辑功能。与HTML标签不同,脚本指示WEB服务器执行操作,而HTML标签只是简单格式化文本或读取图形、视频
20、及音频文件。n脚本是一系列的命令和指令,它能完成某些业务逻辑功能。使用脚本相对于不使用脚本而言可以更加快速简便地完成这些业务逻辑。 n脚本语言具有以下优点:n开发快速n布置简单 n能方便与已有技术集成n易于学习和使用n动态代码37n脚本语言JavaScript由Netscape公司开发基于对象和事件驱动的编程语言是一种解释执行的编程语言n使用JavaScript处理事务逻辑,可以有效地降低网络的通信量,减少服务器端处理负荷,改善服务器性能。38nJavaScript具有以下特点:n简单性。JavaScript是简化的编程语言,不像高级语言有严格的使用限制,使用简洁灵活。例如在JavaScrip
21、t中可直接使用变量,不必事先声明,变量类型规定也不十分严格。n基于对象。JavaScript是一种基于对象(object-based)的语言,允许用户自定义对象,同时浏览器还提供大量的内建对象,可以将浏览器中不同的元素作为对象处理,体现了面向对象编程的思想。但JavaScript并不完全面向对象,不支持类和继承。 n可移植性。JavaScript可在大多数浏览器上不经修改直接运行。 n动态性。JavaScript是DHTML的重要组成部分,是设计交互式动态特别是客户端动态页面的重要工具。n安全性。JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对
22、网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。39nJavaScript与Java在命名、结构和语言上都很相似,两者也存在差别:nJava是SUN公司推出的新一代面向对象的程序设计语言,支持类和继承,主要应用于网络编程;JavaScript只是基于对象的,主要用于Web页面编写脚本,是Netscape公司的产品。nJava程序编译后以类的形式存放在服务器上,由浏览器下载用Java虚拟机去执行它。JavaScript源代码嵌入HTML文件中,使用时由浏览器对它进行识别、解释并执行。nJava采用强变量检查,即所有变量在编译之前必须声明。JavaScrip
23、t中变量声明,采用弱变量,在使用前不需作声明,而是解释器在运行时检查其数据类型。nJava程序可单独执行,而JavaScript程序只能嵌入HTML中,不能单独执行。(*)nJava程序的编写、编译需要专门的开发工具,如JDK(Java Development Kit)、Visual J+等;而JavaScript程序只是作为网页的一部分嵌入HTML中,编写JavaScript程序只要用一般的文本编辑器即可。40JavaScript功能举例41n嵌入方式n在HTML文档中,JavaScript程序使用 标记来标识,而JavaApplet程序则使用 标记来标识。42nVB Script*n是微软
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- E-Business 第八章 构建WEB应用技术WEB Technology Business 第八 构建 WEB 应用技术
限制150内