电子商务实用开发技术.ppt
《电子商务实用开发技术.ppt》由会员分享,可在线阅读,更多相关《电子商务实用开发技术.ppt(80页珍藏版)》请在三一办公上搜索。
1、电子商务概论,07国贸营销专业主讲:陈 婷,2,第七章 电子商务实用开发技术,前台(客户端)开发技术 后台(服务器端)技术 Web Service技术,3,第一节 前台(客户端)开发技术,一、用户界面体系结构动态内容表现有三种用户界面体系结构,一是服务器端提供动态逻辑,二是使用脚本语言来表现动态内容,三是通过运行在客户端的应用程序来实现动态内容。,4,一、用户界面体系结构:服务器端逻辑体系结构(1),图7-1 服务器端逻辑体系结构,5,一、用户界面体系结构:服务器端逻辑体系结构(2),由于在Web服务器上,最简单和最常用的体系结构是完全依靠服务器来提供用户界面内容。客户端包括一个浏览器,主要用
2、来显示从服务器上得到的页面。每一个用户动作,例如按下一个按钮,都产生一个对服务器的请求指令,服务器处理这个请求并计算结果,生成一个新的页面再次发送到客户端。服务器端的操作可以分成三个步骤:控制逻辑 业务逻辑 内容构建,6,一、用户界面体系结构:客户端脚本体系结构(1),向客户端提供动态内容的另一种途径是将脚本作为HTML页面的一部分,从服务器传送到客户端,脚本通常包括一些不需要与服务器应用程序通信就能在客户端执行的应用逻辑,如图7-2所示。复杂的逻辑仍然由服务器端执行,这就需要客户端给服务器端发出新的请求,服务器端处理后,将处理结果返回给客户端,最终还是由脚本作进一步处理。这种体系结构的优点是
3、服务器与用户的通信较少,需要的服务器资源也比较少(由于在客户端执行一些业务逻辑),可以对用户动作给出更多的响应(如鼠标的移动)。支持该体系结构的技术,代表性的有ECMAScript/JavaScript/Jscript、VBScript和 DHTML(Dynamic HTML)。,7,一、用户界面体系结构:客户端脚本体系结构(2),图7-2 客户端脚本体系结构,8,一、用户界面体系结构:客户端应用体系结构(1),在客户端加入逻辑的另一个体系结构是在客户端运行一个功能完全的应用程序。用户可以下载这个程序(每次站点访问的下载或者将这个应用程序放在用户的高速缓存中)。此后它将控制用户的交互和内容构造
4、。当服务器上执行的业务逻辑必须初始化时,通信才成为必要。这种通信是通过内嵌在http中的协议来完成的,并且它只传输必要的网络数据(并不需要传输HTML数据内容)。因此,在客户端和服务器端均需要附加的通信逻辑。该体系结构的优点是消除了用户界面和业务逻辑的区别;与服务器的通信量很少;Web页面可离线浏览;不需要很多服务器资源。,9,一、用户界面体系结构:客户端应用体系结构(2),10,一、用户界面体系结构:客户端应用体系结构(3),支持客户端应用体系结构的技术有:Java applets是可以作为Web文档中的附件来分发的Java程序。Applets的代码可以被支持Java的浏览器解释和执行。Ja
5、va应用程序是运行在客户端系统上的独立的应用程序,这种客户端系统与浏览器无关。Active X为一组综合技术,这些技术使得用任何语言写的软件构件在网络环境中能相互操作。http:/=y&src=google&tracelog=cgs_g_yczhuce&activity=ppcok,11,二、体系结构选型与跨平台技术:瘦客户机和胖客户机(1),有关用户界面体系结构的讨论总是与瘦客户和胖客户的讨论有关。在客户/服务器的应用中,瘦客户是指客户机被设计得很小,大多数的数据操作都在服务器端进行;而胖客户是指在本地客户端执行大多数的数据处理,只有数据本身是存储在服务器上。对Web应用而言,服务器端逻辑体
6、系结构是典型的瘦客户,而客户端应用体系结构和大部分的需要特定插件的多媒体技术,可以被看作是一种胖客户,虽然在大多数情况下服务器还要处理数据存取的其他任务。胖客户与瘦客户有其各自的特点,12,二、体系结构选型与跨平台技术:瘦客户机和胖客户机(2),13,二、体系结构选型与跨平台技术:易用性(1),在易用性是选择用户界面体系结构的一个主要参考标准。易用性是指用户不需要特殊培训就可使用这些程序,它是应用程序能否被用户接受的重要指标。在互联网环境下,易用性有着特殊的含义。MEHolzschlag提出了构成一个良好界面设计的特征:隐语的使用、清晰、统一、定位、导航功能。不同的界面体系结构所表现出来的易用
7、性是不一样的。,14,二、体系结构选型与跨平台技术:易用性(2),服务器端逻辑体系结构。该体系结构只能容纳很简单的用户界面(超链接或表单),这就限制了向用户提供高水平的导航与定位帮助。客户端脚本体系结构。脚本能比纯粹的静态方法提供更加复杂的导航和定位帮助,但脚本语言缺少像Java的AWT或Swing那样的图形用户界面脚本库支持,且运行的脚本在每一次访问时都要下载,因此脚本语言不适合实现非常复杂的行为。客户端应用体系结构。复杂的语言元素和标准库使得客户端应用比脚本支持更复杂的逻辑行为,但要充分利用程序语言和标准库的功能来设计一个优良的、友好的用户界面需要在界面设计方面有相当丰富的经验。,15,二
8、、体系结构选型与跨平台技术:时间性能(1),时间性能是另一个用以选择适当的体系结构的关键因素。处理Web用户界面时可能出现的时间瓶颈:初始化时间,直到第一个用户交互完成的时间(下载时间)客户端处理一个用户交互所需的时间(客户装入)需要与服务器交互的次数(服务器依赖度)从客户端向服务器传输消息及反馈结果所需的时间(网络传输时间)服务器处理用户交互所需的时间(服务器装入),16,二、体系结构选型与跨平台技术:时间性能(2),不同的界面体系结构,其时间性能也不同服务器端逻辑体系结构。对于服务器端逻辑体系结构而言,服务器 的响应信息不仅包括事件需要的数据,还包括这些数据所需的设计 定义,这就导致客户同
9、服务器之间存在频繁的、大量的信息传输,因此响应时间较长。客户端脚本体系结构。由于脚本提供了在客户端上运行一些控制逻 辑的功能,提高了系统的响应速度。客户端应用体系结构。客户端应用程序的主要缺点是初始化时需要 较长的下载时间。目前解决该问题的技术有:延迟模块装载应用程序分割 客户端安装 Applet缓存,17,二、体系结构选型与跨平台技术:安全性(1),在前面的章节里我们已经知道了安全性包括服务器端的安全(包括CGI/Servlet安全和防火墙)、客户端的安全以及通信信道的安全(如何保证在服务器与用户间消息传递的真实性、完整性和保密性)。这里讨论的是针对客户端的安全,因为当客户端访问某个Web站
10、点时,其完整性可能因恶意的ActiveX控件或其他代码而遭到破坏。服务器端逻辑体系结构。单纯的静态内容在客户端既不执行也不解释任何代码,仅仅是呈现出来,因此它对客户端的威胁最小,到目前为止,几乎没有发现什么安全漏洞。,18,二、体系结构选型与跨平台技术:安全性(2),客户端脚本体系结构。DHTML依靠于JavaScript,所以客户端的安全问题主要是JavaScript(JScript)的安全性问题。JavaScript没有内置的安全模式阻止恶意脚本损害客户系统。它的安全性完全靠功能约束实现。客户端的JavaScript并没有删除和改写文件的功能,也没有任何类型的网络元语。但语言本身也存在一些
11、漏洞,给系统带来了安全隐患。客户端应用体系结构。从安全的角度分析,客户端应用技术划分为两个范畴:当有关HTML文件被请求时,浏览器立即自动下载并启动动态内容应用程序分割 需要用户进行安装的应用程序 Applet缓存,19,二、体系结构选型与跨平台技术:平台兼容性,服务器端逻辑体系结构。由于该体系结构的代码均在服务器端运行,而HTML几乎被所有浏览器支持,因此无需从客户端考虑平台问题。客户端脚本体系结构。使用客户端脚本体系结构,将有许多不兼容问题出现。虽然很多平台都支持JavaScript,但在不同产品中存在明显的差异。客户端应用体系结构。由于从一开始就采取了很多措施来标准化Java语言和API
12、s,因此Java的兼容性做得比较好。但是在开发applet时,由于采用Java版本不同,也引起了一些平台兼容性问题。JDK的低版本被广泛支持,JDK高版本的某些特性则不被所有的浏览器和操作系统支持。,20,三、脚本语言及CSS样式表应用:脚本语言(1),脚本语言是介于 HTML 和 Java、C+和 Visual Basic 之类的编程语言之间的语言。HTML 通常用于格式化文本和链接网页。编程语言通常用于向计算机发送一系列复杂指令。脚本语言也可用来向计算机发送指令,但它们的语法和规则没有可编译的编程语言那样严格和复杂。脚本语言主要用于格式化文本和调用以编程语言编写的已编译好的组件。ECMAS
13、cript。ECMAScript是由ECMA(欧洲计算机制造商协会)标准化后,并以 ECMA-262语言规范的形式对外公开发布。它是从 JavaScript1.1和Jscript1.0等技术上发展起来的。ECMAScript仅仅是一种规范描述,定义了脚本语言的所有属性、方法和对象,其他的语言可以实现以ECMAScript为基准的功能。ECMAScript目前发布的最高版本是3.0。,21,三、脚本语言及CSS样式表应用:脚本语言(2),JavaScript。JavaScript是网景公司开发的脚本语言,它的1.3版完全符合了ECMAScript脚本语言规范第一版。该语言包括一些核心对象和核心语
14、言元素构成的核心集。JScript。JScript是微软公司开发的脚本语言,它的3.0版基本符合了ECMAScript脚本语言规范第一版,目前微软声称J(Jscript 8.0)几乎支持ECMAScript3.0所有功能。JScript只有在 Microsoft IE或 Microsoft IIS的解释器下才能运行。VBScript。VBScript是Microsoft Visual Basic家族的新成员。VBScript为IE带来了“动态脚本”,同样也被 Windows脚本主机和Microsoft IIS所支持。,22,三、脚本语言及CSS样式表应用:脚本语言(3),DHTML。DHTML
15、是将HTML、CSS和脚本语言有机结合来制作动感的、交互性网页的技术。其中HTML用来定义网页元素,如段落、表格等。CSS用来描述元素属性,如大小、颜色、位置等。脚本语言用来操纵网页元素和浏览器。DHTML并不是什么新的技术,它只不过是一些现有网页技术与标准的整合。DHTML技术主要包括:样式表(Microsoft和 Netscape)内容的定位(Microsoft和 Netscape)动态内容(仅限于Microsoft)数据绑定(仅限于Microsoft)可下载的字体(仅限于Netscape),23,三、脚本语言及CSS样式表应用:CSS样式表(1),层叠样式表(Cascading Styl
16、e Sheets,CSS)是一组样式,样式中的属性在HTML文档中依次出现,并显示在浏览器中。通常可用4种方法将定义的样式与HTML文档结合 内联样式。可以使用STYLE属性内联样式。CSS Sample:内联样式红色的“华文琥珀”斜体字,如果字体可用的话(一)。红色的“华文琥珀”斜体字,如果字体可用的话(二)。,24,三、脚本语言及CSS样式表应用:CSS样式表(2),嵌入样式。一个样式表可以使用STYLE元素嵌入在文档中,STYLE元素放在文档的HEAD部分。CSS Sample:嵌入样式 红色的华文琥珀斜体字,如果字体可用的话(一)。红色的华文琥珀斜体字,如果字体可用的话(二)。,25,
17、三、脚本语言及CSS样式表应用:CSS样式表(3),输入样式:一个样式表可以使用CSS的import 声明被输入。CSS Sample:输入样式 红色的华文琥珀斜体字,如果字体可用的话(一)。红色的华文琥珀斜体字,如果字体可用的话(二)。如果STYLE中包含了其它的CSS规则,要注意所有的import 声明必须放在样式表的开始部分。,26,三、脚本语言及CSS样式表应用:CSS样式表(4),链接外部样式。一个外部样式表可以通过HTML的LINK元素连接到HTML文档中,标记放置在文档的HEAD部分。CSS Sample:链接外部样式 红色的“华文琥珀”斜体字,如果字体可用的话(一)。红色的“华
18、文琥珀”斜体字,如果字体可用的话(二)。,27,第七章 电子商务实用开发技术,前台(客户端)开发技术 后台(服务器端)技术 Web Service技术,28,第二节 后台(服务器端)技术,一、服务器端技术概述 动态页面是由Web服务器根据客户的请求(包括可能的参数)在运行时刻产生的Web页面。而静态页面并不是在客户发出请求之后产生的,通常事先存放在Web服务器的文件系统中。与提供静态页面相比,动态页面的生成需要服务器做更多的事情。支持动态页面生成的技术主要包括公共网关接口、服务器端脚本技术、插件技术、Servlet技术和JSP技术。,29,一、服务器端技术概述:公共网关接口,公共网关接口(Co
19、mmon Gateway Interface,CGI)是Web服务器生成动态页面的原始方法,它是应用程序和Web服务器之间的接口标准。通常HTML表单和CGI一起使用,CGI程序允许用户通过网页把数据输入数据库,也允许数据从数据库流向用户。CGI程序通常可以使用C/C+、PERL、TCL(Tool Command Language)、VB等语言来写。但是,在CGI模型中,对每一个访问CGI程序的HTTP请求,服务器端都会产生一个新的进程来处理这个请求。这种模式限制了服务器同时处理多个请求的能力,另外,CGI程序无法与Web服务器交互,因为两者运行在不同的进程中。,30,一、服务器端技术概述:服
20、务器端脚本技术和插件技术,服务器端脚本技术。服务器端脚本技术是指Web应用开发者在Web页面中直接嵌入脚本生成动态页面,当这些页面被请求时,页面中的脚本由服务器解释产生动态内容。该技术的代表是Microsoft的ASP(Active Server Pages)和Allaire的ColdFusion。该技术没有跨平台性,仅局限于某种类型的产品或操作系统,开发者必须学习某种特定的脚本语言。插件技术。各种Web服务器支持若干种典型的插件技术。包括Netscape NSAPI和Microsoft ISAPI。该技术能提供比较好的性能,但由于与Web服务器的耦合度太强,编程难度也较大。,31,一、服务器
21、端技术概述:Servlet 技术和JSP,Servlet是产生动态内容的一种服务器端Java技术。具有以下特性:可移植性持久性和高性能 基于Java JSP是一种基于Java的脚本技术,具有下列特性:内容表达与数据生成的分离 更好的MVC分层体系结构基于Java易用性 可移植性 基于Java 支持协作开发,32,二、基于ASP的服务器端开发:ASP简介,ASP是Active Server Pages(动态服务器网页)的缩写,它是Microsoft公司开发的一个服务器端的脚本环境,在站点的Web服务器上解释脚本,可产生并执行动态、交互式且高效的站点服务器应用程序。ASP可以胜任基于Microso
22、ft Web服务器的各种动态数据发布。以下是ASP所具有的一些特点:使用VBScript、Jscript等简单易懂的脚本语言 无需编译,可在服务器端直接执行 与浏览器无关 ASP能与任何ActiveX scripting语言相容 ASP的源程序不会被传到客户浏览器 面向对象,33,二、基于ASP的服务器端开发:基于ASP技术的Web服务 器运行环境(1),ASP是微软公司提供的,目前可在微软公司的下列平台上使用,其他的服务器在安装了ASP组件后也能实现这个功能。一般站点都是用IIS作为服务器,PWS是为一般的PC用户开发的。IIS是一种Web服务,主要包括WWW服务器、FTP服务器等,它使得在
23、Internet或Intranet上发布信息成了一件很容易的事。下面以WindowsXP为例,介绍Web服务器环境设置 Windows2003+IIS(Internet Information Service,Internet信息服务)WindowsXP+IIS Windows2000 Advance Server+IIS Windows2000 Server+IIS,34,二、基于ASP的服务器端开发:基于ASP技术的Web服务 器运行环境(2),Windows2000 Pro+IIS Win98+PWS(Personnel Web Service)下面以WindowsXP为例,介绍Web服
24、务器环境设置。(1)在安装Windows系统时,IIS默认为不安装,因此在配置Web之前需先安装IIS。(2)进入控制面板的“管理工具”里面,点击“Internet服务管理器”,就进入了IIS服务器的管理界面,如图7-4所示。,35,二、基于ASP的服务器端开发:基于ASP技术的Web服务 器运行环境(3),图7-4 目录设置,图7-5 属性设置之一,36,二、基于ASP的服务器端开发:基于ASP技术的Web服务 器运行环境(4),图7-6 属性设置之二,图7-3 属性设置之三,37,二、基于ASP的服务器端开发:ASP同脚本语言的关系,ASP是一套服务器端的对象模型。下面的例子用来说明ASP
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 实用 开发 技术

链接地址:https://www.31ppt.com/p-6003382.html