电子商务技术基础第2章02课件_第1页
电子商务技术基础第2章02课件_第2页
电子商务技术基础第2章02课件_第3页
电子商务技术基础第2章02课件_第4页
电子商务技术基础第2章02课件_第5页
已阅读5页，还剩35页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

2.3动态页面表达及其技术2.3.1动态网页技术基础 2.3.2客户端应用体系结构及其技术 2.3.3客户端脚本体系结构及其技术 2.3.4服务器端逻辑体系结构及其技术 交互功能？ Page12.3动态页面表达及其技术2.3.1动态网页技术基础 交2.3.1动态网页技术基础这里的“动态”重点不在于如何获得数据（属数据层技术）、更不在于如何构建复杂的业务逻辑，而是实现用户与应用程序的通信，以及如何将所获得的数据显示在网页中，主要目标仍然在网页上，在信息的表达上，特别信息的双向交互上。这种技术上的区别，也正反映的电子商务网站和电子商务系统在系统建设上设计思路与技术基础的不同。CGI：通过用编程语言例如C、Perl甚至是VisualBasic开发的应用程序来产生，这对于访问数据库或服务器上其他的大型或不同的信息资源是非常适用的。Script：脚本（嵌入HTML语句中的程序语言）首次引人到Web浏览器时，使用的是Netscape2.0。该脚本语言是由Java的语法派生而来的，故被称作JavaScript。Microsoft为了增强客户端脚本的能力，其开发了基于VisualBasic的Script语言，即VBscript。后来，兼容，微软又开发了类似JavaScript的语言，叫做JScript。服务器端脚本：服务器端执行的脚本程序。 Page22.3.1动态网页技术基础这里的“动态”重点不在于如何获得脚本与服务器端脚本服务器端脚本程序来说，解释的工作是由服务器在将页面发出到浏览器之前完成的。<HTML><HEAD><TITLE>Today'sDate</TITLE></HEAD><BODY><P>Today'sDateis<?phpecho(date("l,FdSY."));?></BODY></HTML><HTML><HEAD><TITLE>Today'sDate</TITLE></HEAD><BODY><P>Today'sDateisWednesday,June7th2000.</BODY></HTML> Page3脚本与服务器端脚本服务器端脚本程序来说，解释的工作是由服务器脚本比较脚本：使一个站点中的网页对终端的用户响应性更好，来执行基本的逻辑操作和编程。更多的简单操作，例如验证用户在一个字端中输入数据，或者是浏览器端的其他一些交互式的操作，通过服务器的程序来判断并不是一种好的解决方案。服务器端：不存在浏览器兼容的问题。可以访问服务器端的资源。简化了客户端的装载。 Page4脚本比较脚本： Page42.3.2客户端应用体系结构及其技术客户端应用体系结构客户端应用程序JavaAppletsActiveX Page52.3.2客户端应用体系结构及其技术客户端应用体系结构客户端应用体系结构客户机（浏览器）用户开始应用程序控制逻辑通信逻辑内容构建逻辑Applet应用服务器下载+版本控制通信逻辑商业逻辑下载请求传输必要的网络数据，而不需要传输HTML数据内容。 Page6客户端应用体系结构客户机（浏览器）控制逻辑Applet应用客户端应用程序Java应用程序是运行在客户端系统上的独立应用程序，这种客户端系统与浏览器无关。每次站点访问的下载或者将这个应用程序放在用户的高速缓存中. Page7客户端应用程序Java应用程序是运行在客户端系统上的独立应用JavaAppletsJavaApplet是由Java语言编写的包含在网页里的“小应用程序”，它不能独立运行，而必须嵌入一个HTML文件之中，由浏览器解释之后作为网页的一部分来执行。请求响应HTML

Socket连接图1-9客户端执行逻辑示意图Client(浏览器)WebServerHTML页面Applet后台数据源 Page8JavaAppletsJavaApplet是由JavActiveXMicrosoft将ActiveX定义为一组综合技术，这些技术使得用任何语言写的软件构件在网络环境中都能相互操作。在这些技术当中，ActiveX控件与Web设计的关系最密切。基本上，一个ActiveX控件是一个下载到IE，唯一支持这种技术的浏览器，并在客户端执行的功能完全的程序。ActiveX与Microsoft’sWindows操作系统一起工作，这可以提供比Javaapplet更强大的功能，但它只能在Windows环境下工作。不像独立于平台的Java语言，ActiveX控件以二进制代码发放，并且必须针对目标机器的操作系统分别编译。 Page9ActiveXMicrosoft将ActiveX定义为一组综小结WEB应用特征并不明显用户响应快对客户断要求多Applet应用广泛键盘、鼠标响应声音播放及图像显示动画制作读取文件 Page10小结WEB应用特征并不明显 Page2.3.2客户端脚本体系结构及其技术客户端脚本体系结构JavaScriptJscriptECMAScriptVBScript Page112.3.2客户端脚本体系结构及其技术客户端脚本体系结构客户端脚本体系结构客户机浏览器用户请求页面切换产生页面/简单控制逻辑内容修改服务器切换/复杂控制逻辑商业逻辑内容构建+逻辑嵌入响应 Page12客户端脚本体系结构客户机服务器响应 P浏览器支持在这种结构中，程序在浏览器上执行，WEB服务器必须把程序代码传下来给浏览器，而浏览器也要能够执行服务器所传下来的程序代码。程序 IE可否执行 NC可否执行Java √ √JavaScript √ √VBScript √ ╳ActiveX控件 √ ╳ Page13浏览器支持在这种结构中，程序在浏览器上执行，WEB服务器必须分析这种体系结构的好处是：服务器与用户的通信比较少，需要的服务器资源比较少（由于在客户端执行一些业务逻辑），可以对用户动作作更多的响应（如鼠标移动）。支持这种体系结构的技术包括：ECMAScript/JavaScript/Jscript、VBScript和DHTML等。 Page14分析这种体系结构的好处是：服务器与用户的通信比较少，需要的服ECMAScriptECMASCript是一种脚本语言，已经由ECMA（欧洲计算机制造商协会）标准化，并以ECMA－262语言规范的形式发布。这种语言是由BrendanEich在网景公司发明的，并在Navigator2.0浏览器中首次出现。现在，它已经被Netscape和IE3．0以后的浏览器所支持。ECMAScript有许多面向对象编程语言的特点，用来在主机环境内执行计算并操纵计算对象。ECMAScript最初是作为Web脚本语言而设计的。作为基于Web的客户/服务器结构的一部分，它提供了一种机制用来丰富浏览器中的Web页面和执行服务器端的计算。到目前为止，ECMAScript规范没有被完整地实现。Netscape和Microsoft在开发自己的实现时，都对其作了扩充和限制。 Page15ECMAScriptECMASCript是一种脚本语言，已经JavaScript透过它可以做到回应使用者的需求事件（如：form的输入）而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务器（server）处理，再传回来的过程，而直接可以被客户端（client）的应用程式所处理。也可以想像成有一个可执行程式在自己的客端上执行一样，它是Java与HTML折衷的选择。可以嵌入HTML页的基于对象的解释性脚本语言 Page16JavaScript透过它可以做到回应使用者的需求事件（如：Javascript在网页的用法Javascript加入网页有两种方法：直接加入HTML文档：引用方式：如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。<scriptsrc＝"Script.js"language="Javascript"></script>。<scriptlanguage="Javascript"><!--document.writeln("这是Javascript！采用直接插入的方法！");//-Javascript结束--></script> Page17Javascript在网页的用法Javascript加入网页JavaScript的基本语法

JavaScript代码由＜ScriptLanguage=”JavaScript”＞……＜／Script＞说明，在标识之间就可加入JavaScript脚本。通过＜！……//一＞标识说明：若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略；若认识，则执行其结果。JavaScript脚本语言同其他语言一样，有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法和属性等来实现编程的。 Page18JavaScript的基本语法JavaScript代码由＜JavaScript基本特点是一种脚本语言，它采用小程序段的方式实现编程。基于对象的语言。简单性，主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。安全性，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过创览器实现信息测览或动态交互。从而有效地防止数据的丢失。动态性，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。跨平台性。 Page19JavaScript基本特点是一种脚本语言，它采用小程序段的JavaScript与JAVA的比较是两个公司开发的不同的两个产品。基于对象和面向对象解释和编译。强变量和弱变量。代码格式不一样。嵌入方式不一样。静态联编和动态联编。Integerx;Stringy;x=1234;y=4321;x=1234;y＝"4321"; Page20JavaScript与JAVA的比较是两个公司开发的不同的两示例<html><head><ScriptLanguage="JavaScript">//JavaScriptAppearshere.alert("这是第一个JavaScript例子!");alert("欢迎你进入JavaScript世界!");alert("今后我们将共同学习JavaScript知识！");</Script></Head></Html> Page21示例<html> Page21JscriptJscript是Microsoft对ECMAScript语言规范的实现。据Microsoft讲，“它是一种完全的实现，并增加了一些可以利用微软IE优点的功能”。到现在为止，它的版本是5.0。Jscript只有在MicrosoftIE或MicrosoftIIS的解释器下才能运行。Jscript和Javascript在某种程度上很相似，因为两者都有和ECMAScript语言规范相同的部分。另一方面，它们也有一些重要的差异，这使得开发跨平台的应用相当困难。这些差异体现在：各自附加对象的差异，例如与ActiveX控件的交互或者对客户文件系统的访问；在COM层次结构中的对象访问路径的差异：对象属性的差异。 Page22JscriptJscript是Microsoft对ECMASVBScriptVBScript（MicrosoftVisualBasicScriptingEdition）是MicrosoftVisualBasic家族的新成员。VBScript为IE带来了“动态脚本”，它同样也被Windows脚本主机和MicrosoftIIS所支持。在基于浏览器技术的Web开发环境中，VBScript与JScript的特征非常的相似（包括与ActiveX的紧密集成），但是它有自己的来自VisualBasic的语法。因此，VBScript除了IE以外不被其他公司的浏览器支持。 Page23VBScriptVBScript（MicrosoftVis2.3.4服务器端逻辑体系结构及其技术服务器端逻辑体系结构服务器端技术基础概述 Page242.3.4服务器端逻辑体系结构及其技术服务器端逻辑体系结构1、服务器端逻辑体系结构这个体系结构完全依靠服务器来提供用户界面内容，它的构造逻辑以及与用户的相互作用如图2-4所示。浏览器控制逻辑业务逻辑内容构建用户动作内容和控制的产生请求响应 Page251、服务器端逻辑体系结构这个体系结构完全依靠服务器来提供用户服务器端的操作控制逻辑：服务器收到客户端的请求，取出传递的参数并确定相应的“业务对象”，并进行适当的“业务动作”。业务逻辑：业务逻辑属于应用逻辑的一个部分（对各种特定应用处理的总和），它处理特定业务知识，并且与几乎所有的相关技术代码相分离，这些技术代码包括分析和生成数据格式，数据库和I／O处理，或内存和进程处理。内容构建：执行业务逻辑之后的结果会被格式化，并且可以辅之于布局和其他一些客户端显示所需要的信息。这种体系结构的好处是：所需的客户端资源很少，应用逻辑不用装入，启动用户交互所需的网络通信量很少，动态内容完全由服务器端的可执行代码完成，仅仅将HTML页面返回客户端，这样服务器端的应用程序就不必考虑浏览器和客户平台的差异。支持这种体系结构的技术很多，包括：ASP、JSP、PHP等。 Page26服务器端的操作控制逻辑：服务器收到客户端的请求，取出传递的参2、服务器端表达技术基础概述服务器端的技术从商务表达层的需要来看，就是如何接收用户的输入，并构造传递给客户端的页面代码。构造过程本身，包括了数据接收、业务处理和信息返回，与传统客户/服务器开发不同的是，这里不能只返回结果数据，而必须返回一个能够反映结果的页面。也就是说，服务器端需要完成数据描述的构造工作。在应用开发中，会涉及到程序设计的各类语言和方法。因此，从物理上说，这部分的工作在后台服务器上完成，但从逻辑上讲，它仍旧服务于前台表示。在不同的书里，对这部分的技术讲述有不同的视角，有些在前端的网页制作中讲述，有些在后台的逻辑处理中进行分析，各自都有其合理性，因为象ASP这种应用程序中，它本身在一个程序中就包括了前台表达、后台逻辑处理、以及后端的数据库访问所有功能。对于简单的应用，比如电子商务网站，在技术上进行细致的层次划分是没有多少意义的，但从发展的角度看，随着应用系统复杂性的增强，即使是同一个程序语言，为了不同的逻辑层次的需要，其技术也有一些不同的增长点，比如前台更丰富的表现力，后台逻辑处理的复杂性和灵活性处理、异种平台的互联与访问。本书也以此作为技术讲解中的层次划分标准，比如在对程序语言，如ASP、JAVA的讲解中，在表示层主要描述如何构建HTML页面，如何完成与用户的交互；在商务逻辑层介绍如何利用组件技术（微软的ActiveX和SUN的Servlets和EJB）设计扩展的分布式应用系统，完成商务逻辑处理；而在后端数据层，则主要分析不同的数据库访问机制和技术。 Page272、服务器端表达技术基础概述服务器端的技术从商务表达层的需要6、服务器端逻辑的深化随着商务逻辑的复杂，以及三层体系结构的出现，服务器端的处理逻辑进一步丰富和细化，更多的商业逻辑独立于表示逻辑，由应用服务器上的应用程序执行，并将结果返回WEB服务器，组装成最终的显示页面返回客户机。基于JAVA技术的服务器端执行逻辑如图所示。请求响应HTML

可执行代码（如Servlet）Client(浏览器)WebServerPlug-In后台数据源AppServer Page286、服务器端逻辑的深化随着商务逻辑的复杂，以及三层体系结构的小结服务器端脚本程序与HTML标记混编。引擎解释程序语句，直接插入HTML文本中。通过一些对象完成通讯：接收请求，发送响应。 Page29小结服务器端脚本 Page292.4用户界面体系结构的分析2.4.1商务表达平台体系结构的比较结构：客户端应用、客户端脚本、服务器端脚本指标：易用性、性能、安全性、平台兼容性2.4.2商务表达平台体系结构的综合比较2.4.3跨平台策略 Internet平台差异性处理不兼容性测试方法 Page302.4用户界面体系结构的分析2.4.1商务表达平台体系结易用性不需要任何方面的训练就可以使用这些程序。在Internet环境下：隐语的使用、清晰、统一、定位和导航功能。服务器端逻辑体系结构：很简单的用户界面——超链接或表单，而且，每一次与用户的交互都需要与服务器进行交互，另一方面，仅仅通过静态的表现，如图标，而没有相关行为的描述是很难创造出直觉上的隐语。客户端脚本体系结构：提供更加复杂的导航和定位帮助，然而，提供精巧界面单元的脚本语言工具显得有一点点简陋，客户端应用体系结构：更复杂的语言元素和标准库使得客户端应用比脚本支持更复杂的逻辑行为，然而，需要在界面设计方面有相当丰富的经验，仅仅使用大量的GUI控件本身会隐藏着危险。多媒体内容：真正的多媒体应用是在提供隐语、导航及定位方面达到最高境界。 Page31易用性不需要任何方面的训练就可以使用这些程序。 性能-1分布在客户端和服务器端的计算及相互间的通信都会对性能产生至关重要的影响。性能瓶颈包括：初始化时间，直到第一个用户交互可以完成（下载时间）；客户端处理一个用户交互所需的时间（客户装入）；需要与服务器交互的次数（服务器依赖度）；从客户端向服务器传输消息及反馈结果所需的时间（网络传输时间）；服务器处理用户交互所璧氖奔洌ǚ衿髯叭耄服务器处理用户交互所需的时间（服务器装入服务器端逻辑体系结构：非常短的初始化下载时间。而且因为客户不承担任何的计算，所以只需要很少的用户资源。所以这对服务器的依赖程度相当高。导致客户同服务器之间的大量信息的传输。最后，服务器不得不自己实现所有的计算（服务器装入）。导致了大量的响应时间，一般用于用户交互需要较少的应用中。 Page32性能-1分布在客户端和服务器端的计算及相互间的通信都会对性能性能-2（2）客户端脚本体系结构通过脚本，用户事件可以获得较快的时间回应，与服务器之间的交互也只要较少的时间。服务器调用只是在不大的程度上得以提高。大量的脚本需要一个相当可观的下载时间一个缺点是对用户资源，例如主存，的需求更大了。（3）客户端应用体系结构提供了最好的响应效果。与服务器的交流也就更少了（适度的服务器依赖）仅仅网络数据（无需布局信息）需要在服务器和客户之间进行传送。主要缺点是在在第一次交互前需要比较长的下载时间。比前一个方法需要更多的客户机资源。（4）多媒体内容但却需要一个很大的下载时间和一些安装程序，对于音频、视频等多媒体内容，都需要非常巨大的网络带宽 Page33性能-2（2）客户端脚本体系结构 Pa安全性包括多个层次的安全问题，下面主要从客户端的安全性来比较：一旦动态内容进入，客户端的完整性可能会遭到恶意服务器的破坏，服务器端逻辑体系结构：几乎没有什么安全漏洞。客户端脚本体系结构：主要是JavaScript（JScript）的安全性 Page34安全性包括多个层次的安全问题，下面主要从客户端的安全性来比较平台兼容性要支持各种不同的浏览器和操作系统平台。（1）服务器端逻辑体系结构：这种体系结构能生产出可预见的内容和行为，平台差异和bug总是存在的，但它们对应用功能影响是很小的。（2）客户端脚本体系结构：使用客户端脚本体系结构，将有许多不兼容问题出现。（3）客户端应用体系结构：JAVA的兼容性比较好。（4）多媒体内容：用户需要安装额外的插件，因此，并没有客户端软件限制问题，因为不管怎样用户都得升级自己的系统。 Page35平台兼容性要支持各种不同的浏览器和操作系统平台。 综合比较特性 客户端应用 客户端脚本 服务器端逻辑导航、定位 效果好 比较强，稍显简陋 能力差客户端资源 大 较多 少服务器资源 少（适度依赖）较高 高响应时间快 第一次下载量大较快、下载时间长 长信息传输少 无布局信息 较少 大量安全性 少量控制 较安全兼容性 少量问题 许多问题 最好应用特点 用户群稳定 用户范围广 界面业务复杂 交互少应用举例 企业内部网应用 掌上电脑 Page36综合比较特性 客户端应用 客户端脚本

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论