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

第八章 电子商务实用开发技术 前台(客户端)开发技术 后台(服务器端)技术 Web Service技术 SSH技术 设计实例 1 服务器/浏览器结构 动态网页内容 有哪些信誉好的足球投注网站引擎 第三方支付管理 物流查询管理（第三方查询） 以评价为主体的信用体系 跨平台（台式机+手机+平板等） 虚实结合（虚拟商品+实物商品） 2 电子商务平台的特点 先进性原则 健壮性原则 可维护性原则 可移植性原则 系统安全性原则 系统友好性原则 3 电子商务平台开发的原则 4 web开发技术 前台(客户端)开发技术 后台(服务器端)技术 Web Service技术 SSH技术 设计实例 5 前台(客户端)开发技术 用户界面体系结构(软件体系结构) 硬件性能越来越高 系统软件越来越复杂 应用要求越来越深入 6 前台(客户端)开发技术 第一节 前台(客户端)开发技术 一、用户界面体系结构 二、体系结构选型与跨平台技术 ：瘦客户机和胖客户机 三、体系结构选型与跨平台技术 四、脚本语言及CSS样式表应用：CSS样式表 7 一、用户界面体系结构：服务器端逻辑体系结构(2) 由于在Web服务器上，最简单和最常用的体系结构是完全依靠服务器来提供用户界面内容。客户端包括一个浏览器，主要用来显示从服务器上得到的页面。每一个用户动作，例如按下一个按钮(如付款，添加商品)，都产生一个对服务器的请求指令，服务器处理这个请求并计算结果，生成一个新的页面再次发送到客户端。服务器端的操作可以分成三个步骤： 控制逻辑 :浏览功能,管理功能 业务逻辑 :满足业务处理需要的流程, 如订单-付款-发货-评价 内容构建 :形成显示信息. 10 一、用户界面体系结构：客户端脚本体系结构(1) 向客户端提供动态内容的另一种途径是将脚本作为HTML页面的一部分，从服务器传送到客户端，脚本通常包括一些不需要与服务器应用程序通信就能在客户端执行的应用逻辑，如图8-2所示。复杂的逻辑仍然由服务器端执行，这就需要客户端给服务器端发出新的请求，服务器端处理后，将处理结果返回给客户端，最终还是由脚本作进一步处理。 这种体系结构的优点是服务器与用户的通信较少，需要的服务器资源也比较少(由于在客户端执行一些业务逻辑)，可以对用户动作给出更多的响应（如鼠标的移动）。支持该体系结构的技术，代表性的有ECMAScript/JavaScript/Jscript、VBScript和 DHTML(Dynamic HTML),PHP,Perl,CSS, Python。 11 一、用户界面体系结构：客户端脚本体系结构(2) 12 请求 图8-2 客户端脚本体系结构 一、用户界面体系结构：客户端应用体系结构(1) 在客户端加入逻辑的另一个体系结构是在客户端运行一个功能完全的应用程序。用户可以下载这个程序(每次站点访问的下载或者将这个应用程序放在用户的高速缓存中)。此后它将控制用户的交互和内容构造。当服务器上执行的业务逻辑必须初始化时，通信才成为必要。这种通信是通过内嵌在http中的协议来完成的，并且它只传输必要的网络数据(并不需要传输HTML数据内容)。因此，在客户端和服务器端均需要附加的通信逻辑。 该体系结构的优点是消除了用户界面和业务逻辑的区别；与服务器的通信量很少；Web页面可离线浏览；不需要很多服务器资源。 13 一、用户界面体系结构：客户端应用体系结构(2) 14 一、用户界面体系结构：客户端应用体系结构(3) 支持客户端应用体系结构的技术有： Java applets是可以作为Web文档中的附件来分发的Java程序。Applets的代码可以被支持Java的浏览器解释和执行。 Java应用程序是运行在客户端系统上的独立的应用程序，这种客户端系统与浏览器无关。 Active X为一组综合技术，这些技术使得用任何语言写的软件构件在网络环境中能相互操作。 15 1、 服务器端提供动态逻辑：动态页面内容有服务器完成。 2、客户端使用脚本语言来表现动态内容：通过基本语言如 JavaScript,PHP等实现动态页面。 3、 通过运行在客户端的应用程序来实现动态内容： 如Java applets。 16 用户界面体系结构动态 内容表现有三种用户界面体系结构 一、用户界面体系结构：多媒体技术(1) Web站点内部署多媒体内容采用的方法 ： 图像与动画。在Web上最简单也是最重要的多媒体内容就是图像。在各种图像格式中，GIF和JPEG是Web设计中应用最广泛的两种格式。为了强化多媒体效果，动画技术得到进一步发展，GIF动画便是一例。 MacroMedia。Shockwave或Macromedia在Web上用来使媒体播放更加具有吸引力。它们可以让用户从浏览器中体会到交互的Web内