电子商务实用开发技术.ppt

第七章电子商务实用开发技术 合肥工业大学管理学院电子商务系 2 7 1前台 客户端 开发技术 7 1 1用户界面体系结构 一 服务器端逻辑体系结构 图7 1服务器端逻辑体系结构 3 服务器端的操作可以分成三个步骤 1 控制逻辑 2 业务逻辑 3 内容构建 二 客户端脚本体系结构 向客户端提供动态内容的另一种途径是将脚本作为HTML页面的一部分 从服务器传送到客户端 如图7 2所示 7 1 1用户界面体系结构 4 7 1 1用户界面体系结构 图7 2客户端脚本体系结构 5 三 客户端应用体系结构 7 1 1用户界面体系结构 applet 图7 3客户端应用体系结构 6 支持客户端应用体系结构的技术有 1 JavaappletsJavaapplets是可以作为Web文档中的附件来分发的Java程序 2 可下载的Java应用程序Java应用程序是运行在客户端系统上的独立的应用程序 这种客户端系统与浏览器无关 3 ActiveX 7 1 1用户界面体系结构 7 四 多媒体技术1 图像与动画在Web上最简单也是最重要的多媒体内容就是图像 在各种图像格式中 GIF和JPEG是Web设计中应用最广泛的两种格式 GIF动画规范允许 1 指定在显示下一个画面之前的等待时间 2 等待用户输入 3 指定透明的颜色 7 1 1用户界面体系结构 8 4 包括不能显示的注释 5 显示一行 6 指出每一帧在显示之后是怎样移去的 2 MacroMediaShockwave或Macromedia在Web上用来使媒体播放更加具有吸引力 3 HotMediaHotMedia是适合于那些具有创造性的专业人员的工具 它用丰富的媒体增强电子商务应用系统 7 1 1用户界面体系结构 9 HotMedia可以动态地确定所需的最少代码和数据内容 并逐步下载它 它包括 1 音频流 2 图像间的变换效果 如擦除和褪色 3 特殊内容的用户界面 4 360度全景和部分全景 5 通过360度IPIX图像显示的360度全景 6 到HotMedia或HTML文件的热点链接 7 横幅打印 7 1 1用户界面体系结构 10 8 横幅的事件跟踪 9 多轨迹动画 10 音响效果 11 用户控制的panning和scrolling 12 从初始画面到动画的平滑变化 13 可放缩的多分辨率图像 14 Freeze motion ActionShots 15 简单的按动和拖动界面 7 1 1用户界面体系结构 11 4 VRMLVRML VirtualRealityModelingLanguage 是互联网上用来描述交互3D多媒体的国际标准文件格式 ISO IEC14772 5 Video视频应用范围很广 从基于网络的培训到视频会议 7 1 1用户界面体系结构 12 最常用的视频格式有 1 适合于Windows的AVI 2 适合所有平台 包括UNIX 的MPEG 3 适合于Mac 以及适合于Windows 的QuickTimeMOV 4 流媒体格式 real格式和wmv等 7 1 1用户界面体系结构 13 一 瘦客户机和胖客户机的比较两者比较如表7 1 7 1 2体系结构选型与跨平台技术 14 二 易用性易用性是选择用户界面体系结构的一个主要参考标准 不同的界面体系结构所表现出来的易用性是不一样的 1 服务器端逻辑体系结构2 客户端脚本体系结构3 客户端应用体系结构 三 时间性能时间性能是另一个用以选择适当的体系结构的关键因素 7 1 2体系结构选型与跨平台技术 15 处理Web用户界面时可能出现的时间瓶颈 1 初始化时间 直到第一个用户交互完成的时间 下载时间 2 客户端处理一个用户交互所需的时间 客户装入 3 需要与服务器交互的次数 服务器依赖度 4 从客户端向服务器传输消息及反馈结果所需的时间 网络传输时间 5 服务器处理用户交互所需的时间 服务器装入 7 1 2体系结构选型与跨平台技术 16 不同的界面体系结构 其时间性能也不同 1 服务器端逻辑体系结构2 客户端脚本体系结构3 客户端应用体系结构目前解决该问题的技术有 1 延迟模块装载 2 应用程序分割 7 1 2体系结构选型与跨平台技术 17 3 客户端安装 4 Applet缓存 四 安全性这里讨论的是针对客户端的安全 因为当客户端访问某个Web站点时 其完整性可能因恶意的ActiveX控件或其他代码而遭到破坏 1 服务器端逻辑体系结构 7 1 2体系结构选型与跨平台技术 18 2 客户端脚本体系结构3 客户端应用体系结构 五 平台兼容性Web用户界面还要考虑对不同操作系统和浏览器的支持 即平台兼容性问题 1 服务器端逻辑体系结构2 客户端脚本体系结构3 客户端应用体系结构 7 1 2体系结构选型与跨平台技术 19 一 脚本语言 脚本语言是介于HTML和Java C 和VisualBasic之类的编程语言之间的语言 1 ECMAScript ECMAScript是由ECMA 欧洲计算机制造商协会 标准化后 并以ECMA 262语言规范的形式对外公开发布 2 JavaScript 7 1 3脚本语言及CSS样式表应用 20 JavaScript是网景公司开发的脚本语言 它的1 3版完全符合了ECMAScript脚本语言规范第一版 3 JScript JScript是微软公司开发的脚本语言 它的3 0版基本符合了ECMAScript脚本语言规范第一版 目前微软声称J Jscript8 0 几乎支持ECMAScript3 0所有功能 7 1 3脚本语言及CSS样式表应用 21 4 VBScript VBScript是MicrosoftVisualBasic家族的新成员 VBScript为IE带来了 动态脚本 同样也被Windows脚本主机和MicrosoftIIS所支持 5 DHTML DHTML是将HTML CSS和脚本语言有机结合来制作动感的 交互性网页的技术 DHTML技术主要包括 7 1 3脚本语言及CSS样式表应用 22 1 样式表 Microsoft和Netscape 2 内容的定位 Microsoft和Netscape 3 动态内容 仅限于Microsoft 4 数据绑定 仅限于Microsoft 5 可下载的字体 仅限于Netscape 二 CSS样式表 层叠样式表 CascadingStyleSheets CSS 是一组样式 样式中的属性在HTML文档中依次出现 并显示在浏览器中 7 1 3脚本语言及CSS样式表应用 23 1 内联样式 可以使用STYLE属性内联样式 CSSSample 内联样式红色的 华文琥珀 斜体字 如果字体可用的话 一 7 1 3脚本语言及CSS样式表应用 24 红色的 华文琥珀 斜体字 如果字体可用的话 二 2 嵌入样式 一个样式表可以使用STYLE元素嵌入在文档中 STYLE元素放在文档的HEAD部分 7 1 3脚本语言及CSS样式表应用 25 CSSSample 嵌入样式 7 1 3脚本语言及CSS样式表应用 26 红色的 华文琥珀 斜体字 如果字体可用的话 一 红色的 华文琥珀 斜体字 如果字体可用的话 二 3 链接外部样式 一个外部样式表可以通过HTML的LINK元素连接到HTML文档中 标记放置在文档的HEAD部分 7 1 3脚本语言及CSS样式表应用 27 CSSSample 链接外部样式红色的 华文琥珀 斜体字 如果字体可用的话 一 7 1 3脚本语言及CSS样式表应用 28 红色的 华文琥珀 斜体字 如果字体可用的话 二 4 输入样式 一个样式表可以使用CSS的 import声明被输入 CSSSample 输入样式 7 1 3脚本语言及CSS样式表应用 29 红色的 华文琥珀 斜体字 如果字体可用的话 一 7 1 3脚本语言及CSS样式表应用 30 红色的 华文琥珀 斜体字 如果字体可用的话 二 如果STYLE中包含了其它的CSS规则 要注意所有的 import声明必须放在样式表的开始部分 7 1 3脚本语言及CSS样式表应用 31 7 2 1服务器端技术概述 一 公共网关接口 公共网关接口 CommonGatewayInterface CGI 是Web服务器生成动态页面的原始方法 它是应用程序和Web服务器之间的接口标准 二 服务器端脚本技术 服务器端脚本技术是指Web应用开发者在Web页面中直接嵌入脚本生成动态页面 当这些页面被请求时 页面中的脚本由服务器解释产生动态内容 7 2后台 服务器端 技术 32 7 2 1服务器端技术概述 三 插件技术 另一种类型是插件技术 各种Web服务器支持若干种典型的插件技术 包括NetscapeNSAPI和MicrosoftISAPI 四 Servlet技术 Servlet技术是产生动态内容的一种服务器端Java技术 具有以下特性 1 可移植性 33 2 持久性和高性能 3 基于Java 五 JSP JSP JavaServerPages 是一种基于Java的脚本技术 具有下列特性 1 内容表达与数据生成的分离 2 更好的MVC Model View Controller 分层体系结构 3 易用性 7 2 1服务器端技术概述 34 4 可移植性 5 基于Java 6 支持协作开发 7 2 1服务器端技术概述 35 一 ASP简介 ASP是ActiveServerPages 动态服务器网页 的缩写 它是Microsoft公司开发的一个服务器端的脚本环境 在站点的Web服务器上解释脚本 可产生并执行动态 交互式且高效的站点服务器应用程序 ASP所具有的一些特点 1 使用VBScript Jscript等简单易懂的脚本语言 结合HTML代码 即可快速地完成Web站点的应用程序 7 2 2基于ASP的服务器端开发 36 2 无需编译 可在服务器端直接执行 3 使用普通的文本编辑器 如Windows的记事本即可进行编辑设计 4 与浏览器无关 BrowserIndependence 用户端只要使用可执行HTML码的浏览器 即可浏览ASP所设计的网页内容 5 ASP能与任何ActiveXscripting语言相容 6 ASP的源程序不会被传到客户浏览器 7 2 2基于ASP的服务器端开发 37 7 面向对象 二 基于ASP技术的Web服务器运行环境 ASP是微软公司提供的 目前可在微软公司的下列平台上使用 其他的服务器在安装了ASP组件后也能实现这个功能 Windows2003 IIS InternetInformationService Internet信息服务 WindowsXP IISWindows2000AdvanceServer IISWindows2000Server IIS 7 2 2基于ASP的服务器端开发 38 7 2 2基于ASP的服务器端开发 Windows2000Pro IISWin98 PWS PersonnelWebService 下面以WindowsXP为例 介绍Web服务器环境设置 1 在安装Windows系统时 IIS默认为不安装 因此在配置Web之前需先安装IIS 2 进入控制面板的 管理工具 里面 点击 Internet服务管理器 就进入了IIS服务器的管理界面 如图7 4所示 39 7 2 2基于ASP的服务器端开发 图7 4目录设置 图7 5属性设置之一 40 7 2 2基于ASP的服务器端开发 图7 6属性设置之二 图7 3属性设置之三 41 三 ASP同脚本语言的关系 ASP是一套服务器端的对象模型 下面的例子用来说明ASP与脚本语言的关系 IFSession Name Zhangsan THENResult Heisaboy Get TrueELSEResult Heisnotaboy 7 2 2基于ASP的服务器端开发 42 Get FalseENDIF 此例中 IF语句和赋值语句都是脚本语言VBScript的标准语法 而Session Name 则是ASP中Session对象的一个引用 VBscript 或JavaScript 是一种解释型语言 由Web服务器或浏览器解释执行 7 2 2基于ASP的服务器端开发 43 7 2 3基于JSP的服务器端开发 一 应用体系结构 基于Servlet JSP和JavaBeans的Web应用体系结构如图7 8所示 1 HTML页面 2 Servlet 3 CommandBeans 4 DataBeans 5 ViewBeans 6 JSPs 44 7 2 3基于JSP的服务器端开发 图7 8基于Servlet JSP和JavaBeans的Web应用体系结构 45 7 2 3基于JSP的服务器端开发 二 MVC设计模式 JSP设计遵循了MVC设计模式 该设计模式包含3个部件 1 模型是针对有关数据以及与之关联的事务处理 它是业务逻辑 2 视图是针对数据的显示 它是页面的构建 3 控制器是针对模型与外部世界的交互 它是交互的控制 46 7 2 4基于 NET的开发技术 一 NET基本概念 NET是Microsoft面向XMLWeb服务的平台 它使用一种统一的 个性化的方式将客户的信息 设备和人员紧密联系在一起 NET代表着联通性 敏捷性和成功 1 联通性 NET的远景是让所有的事物都连接起来 2 敏捷性 它体现在商务敏捷性和IT敏捷性两方面 47 7 2 4基于 NET的开发技术 3 成功 通用电气 GE 的前主席JackWelch曾经说过一句话 在GE 我们只有两个竞争优势 第一 比竞争对手更快的洞悉更多有关客户的信息的能力 第二 比竞争对手更快的将这种理解转化为行动的能力 48 7 2 4基于 NET的开发技术 二 NET的三层架构 所谓三层体系结构 是在客户端与数据库之间加入了一个 中间层 也叫组件层 三层体系的应用程序将业务规则 数据访问 合法性校验等工作放到了中间层进行处理 图7 9是一个基于A的三层架构实现 当然显示层也可以是传统的Windows界面 49 7 2 4基于 NET的开发技术 图7 9 NET三层架构 50 7 2 4基于 NET的开发技术 三 NET的开发语言1 C 语言 C 读作 Csharp 是一种简单 现代 面向对象且类型安全的编程语言 C 同时具备 应用程序快速开发 语言的高效率和C 固有的强大能力 2 C NET 从VisualC NET开始 标准C 语言已扩展成为托管编程提供支持 51 7 2 4基于 NET的开发技术 3 J VisualJ 提供独立开发的类库集以提供大多数JDK1 1 4级类库的功能 VisualJ 还包括了美国大学考试委员会设立的计算机科学专业分级考试课程所指定的类 4 JScript NET JScript NET是Microsoft实现ECMA262语言的新一代版本 JScript NET是一种真正的面向对象的脚本语言 52 7 2 4基于 NET的开发技术 四 一个简单的 NET应用举例 该示例为用户注册的简单例子 数据库中只有一个表 表结构如下 以三层架构搭建框架 共三层4个项目 1 表现层直接与用户进行交互 显示和获取数据 并对用户输入进行检验 53 7 2 4基于 NET的开发技术 1 Web B S结构模型 2 Windows C S结构模型 2 BLL业务逻辑层 实现业务逻辑 3 OleDbDAL数据访问层 负责与数据库通信 存取数据 54 7 3WebService技术 7 3 1WebService的定义及特征 WebService是一种新型的Web应用程序 它是自适应 自我描述 模块化的应用程序 可以使用标准的互连网协议 将功能体现在互联网和内联网上 WebService具备如下的特征 1 封装完好 WebService是一种组件 它自然具备组件的一些基本特征 55 7 3 1WebService的定义及特征 2 松散耦合 对象组件技术的一个基本特点就是透明性 即当一个组件的实现内容发生变化之后 调用它的用户不会发现其中的变化 即组件的内容对用户是透明的 3 高度的可集成能力 这种特性是由WebService所采用的规范决定的 4 使用标准的协议和规范 WebService要实现上述的优良特性 必须遵循定义良好的 开放的标准协议 56 7 3 2WebService架构与模型 一 WebService架构 无论WebService使用哪种工具和语言开发 只要它是通过SOAP协议被调用 其架构都可用图7 10描述 图7 10典型WebService结构图 57 7 3 2WebService架构与模型 二 WebService模型 WebService体系结构基于三个角色之间的相互作用 这三个角色是 服务提供者 ServiceProvider 服务注册处 ServiceRegistry 服务请求者 ServiceRequestor 它们之间的相互作用关系如图7 11所示 58 7 3 2WebService架构与模型 图7 11WebService体系结构中的角色关系 一个典型的服务是 服务提供者有一个从网络可以访问的软件模块 由WebService实现 服务提供者还提供了这个服务的描述 并将它发布到服务请求者或者服务注册处 59 7 3 2WebService架构与模型 1 WebService模型中的角色 1 服务提供者 2 服务请求者 3 服务注册处 2 WebService模型中的操作 1 发布 Publication 2 发现 Discovery 3 绑定 Binding 60 7 3 3WebService技术基础 一 XML1 XML概述 XML eXtensibleMarkupLanguage 可扩展标记语言 是一种构造数据的技术 XML是W3C WorldWideWebConsortium 的一个推荐标准 2 DTD DTD DocumentTypeDefinition 即文档类型定义 指用不同于XML的独立语法来规定XML文档中各种元素集合的内容模式 61 7 3 3WebService技术基础 该语言直接沿袭了定义SGML语言的方法 具有以下特点 1 DTD使得XML文档保持一致 2 DTD可以共享 3 DTD提供了对XML语汇的形式化和完整的定义 4 每个XML文档由单个的DTD来限制3 XSL与XSLT 62 7 3 3WebService技术基础 XML文档决定了文档的内容 样式表XSL ExtensibleStylesheetLanguage 则规定着文档的显示 XSL是通过XML进行定义的 遵守XML的语法规则 是XML的一种具体应用 XSL由两大部分组成 第一部分描述了如何将一个XML文档进行转换第二部分则定义了格式对象FO FormattedObject 63 7 3 3WebService技术基础 二 SOAP1 SOAP SimpleObjectAccessProtocol 简单对象访问协议 概述 是基于XML的 在分布式的环境中交换信息的简单的协议 SOAP消息结构如图7 12所示 图7 12SOAP消息结构图 64 7 3 3WebService技术基础 SOAP的消息路径机制和可扩充的Header和Body机制又为分布式计算提供了很好的支持 它包括四个部分 1 SOAP信封 envelop 2 SOAP编码规则 encodingrules 3 SOAPRPC表示 RPCrepresentation 4 SOAP绑定 Binding 2 消息交换机制 65 7 3 3WebService技术基础 从根本上来看 SOAP消息是从发送方到接受方的一种传输方法 但是SOAP消息一般会和实现模式结合 例如请求 响应模式 3 SOAP模型 SOAP可以理解成这样一个开放协议 SOAP RPC HTTP XML SOAP使用HTTP传送XML 三 WSDL1 WSDL概述 66 7 3 3WebService技术基础 WSDL WebServiceDescrip