电子商务技术基础-第2章-01

Page1第2章商务表达层技术基础电子商务信息分享架构静态页面表达及其技术基础动态页面表达及其技术基础用户界面体系结构的选择Page2电子商务信息分享架构•万维网-观念与技术•商务表达信息的组织•商务表达平台的实现Page3万维网-观念与技术WEB到底是什么？–对信息的存储和获取进行组织的一种思维方式。两项重要的创造发挥了关键的作用–超文本（hypertext）–图形化用户界面（GUI）。Page4WEB的历史及意义起源：让处于不同地点的科学家可以共享文件。1989年，欧洲粒子物理实验室（CERN）的蒂姆·伯纳斯一李和罗伯特·卡利奥开始着手改进实验室的研究档案处理程序。他们俩各自提出了一个超文本开发计划。在接下来的两年，伯纳斯一李开发出了超文本服务器程序代码，并使之适用于因特网。1993年，伊利诺斯大学的马克·安德列森领着一群学生写出了Mosaic，1994年，安德列森和伊利诺斯大学Mosaic小组的其他成员同SGI公司的詹姆斯·克拉克合作成立了网景（NetscapeCommunications）公司。超文本技术和浏览器技术的结合，带来了全球性的网络热，WEB也很快变成了浏览、信息出版及在因特网中执行交易的业界标准。网站数目的增长速度甚至超过了因特网自身的发展速度。Page5WEB-信息分享架构HTML描述了每个网页的内容WEB浏览器WEB浏览器WEB浏览器TCP/IPHTTPWEB网页公共网关接口Script程序数据库CGI定义外在应用如何与WEB服务器互动Page6WEB的特征与意义与传统的信息形式相比，超文本的含义有两层：–一是信息的形式不再限于简单的字符或数值型数据，而是可以包含多媒体信息。–超文本可以实现网络上信息之间的相互链接。成功的主要原因–简易的导览和使用，–新的分送模式–实现了一个网络集中式的模式：WEB是网络集中式计算的缩影，“网络即电脑”。Page7WEB的技术架构万维网已经成为含盖广泛的观念以及科技–全球超文本出版概念、–统一界面的概念–以及主从架构概念。万维网所依赖的各种概念和技术–超文本传送协议（Hyper-TextTransferProtocol，HTTP）–统一资源标示（UniformResourceLocator，URL）–超文本标式语言（Hyper-TextMakeupLanguage，HTML）–WEB服务器–WEB浏览器Page8WEB应用的特点广泛的传播面和极强的时效性突破线性限制的超链接方式灵活多变的传播模式。支持更广泛的客户端设备。WEB应用服务器能集成对资源（如数据库）的存取，从而简化应用的设计，增强可伸缩性，并提供对资源的更好保护。运行在服务器端的商务逻辑容易得到保护、更新和维护。运行在服务器端的商务逻辑使得用户的应用环境得到集中管理并能在不同的客户机上重建。Page9传统客户端与WEB模式之比较传统客户/服务器模式的优势和缺陷–结果集返回给客户端，从而使网络负担大大减轻–所有对数据库的查询操作都由充当数据库服务器的计算机来进行：需求集中、数据一致性控制–安装、升级、维护困难。–使用不方便，培训费用高。–软件建设周期长，适应性差–系统生命周期短，移植困难，升级麻烦。–系统建设质量难以保证。Page10浏览器/服务器模式的优势•是一种瘦客户机模式•易于管理和维护。•无需开发客户端软件•开发效率高，开发周期短，见效快。•平台无关性•开放性，•可使已有的软硬件投资得到良好的保护，从原有系统平滑地升级到Internet。优点应从结构上理解。应用程序从结构上一般分为四层：形式逻辑，业务逻辑，数据逻辑，数据存储。Page11商务表达信息的组织与分享商务表达信息的特征电子商务网站与电子商务系统网站的基本组成与访问网站内容与功能的设计Page12电子商务网站与电子商务系统企业电子商务系统门户网站企业内部信息系统客户合作伙伴Page13网站的基本组成网页网页空间网址与域名Page14网站的访问•标准网址：域名+目录名+文件名•http：//•网址：域名+目录名–http：//•网址：域名–http：//•含有程序的网址•http：//•或http：//网站内容与功能的设计站点设计与策划内容创建或者信息采编页面编程Page16商务表达平台的实现客户端的技术划分表达层的实现方式Page17商务表达平台三种实现方式客户端计算机便携设备无线移动设备信息家电WEB服务器WEB服务器支持平台表达层工具表达层工具WEB服务器应用服务器WML/XMLHTMLXMLDHTMLPage18小结理解WEB的观念和技术架构正确区分电子商务网站与电子商务系统了解电子商务平台的三种表现形式Page19静态页面表达及其技术•2.2.1静态页面的体系结构•2.2.2标记语言的特征与演变•2.2.3网页的制作与发布Page20静态页面的体系结构Client(浏览器)WebServerHTML页面请求响应HTML图1-8静态页面示意图Page21标记语言的特征与演变了解SGML简单掌握HTML理解XMLPage22标记语言家族谱GML(1969)SGML(1985)XHTMLXML(1998)HTML(1993)MathMLWMLSVGCMLPage23超文本标记语言（HTML）（1）HTML标记（2）HTML链接（3）HTML的版本历史（4）HTML编辑器（5）HTML的缺陷Page24HTML链接＜AHREF＝“地址”＞可见的链接文本＜/A＞＜AHREF＝”http：//”＞北方交通大学＜／A＞同样，也可以链接到同一文档的其他部分——也许是简历中的第三页：＜AHREF＝”＃references”＞参看详细资料＜／A＞Page25链接接结构线性结构分层结构Page26HTML的缺陷HTML更多地关注WEB浏览器如何在页面上安排文本、图象和按纽等，过多的考虑外观使其缺乏对结构化数据的表示能力。HTML中有限的标记不能满足很多WEB应用的需要。是因为HTML缺乏可扩展性从1996年开始，W3C（WorldWideWebConsortium）的一个工作组设计一个超越HTML能力范围的新语言，后来被命名为XML（eXtensibleMarkupLanguage，可扩展标记语言）。Page27XMLXML是SGML的一个优化子集，因此也是一种元标记语言，使用者可以按需要创建新标记。XML设计的初衷在于：如果文档中的数据达到结构化，就赋予其明确的语义。这使得它具有革命性的特质和优势。XML最大的特点就是它具有创建标签的能力。HTML中的标签是不可任意创建的，它不传递语义信息，更多情况下是描述显示信息。因此，XML具有更强的扩展性。XML另一突出的特点就是它将数据与数据的显示分开。内容与形式相分离，可以使XML文件的编写者集中精力于数据本身，而不受显示方式的细节所影响。而它所带来的另一个好处，即不同的样式表可以使相同的数据呈现出不同的显示外观，从而适合于不同的应用，可以在不同的显示设备上显示。Page281、XML的结构化文档技术–HTML?XMLVERSION=”1.0”–TITLE联想电脑/TITLE!DOCUMENT,联想电脑”同禧500P3”–BODY计算机类型=”个人电脑”–UL制造商联想/制造商–LI联想识别符–LI台式机品种台式机/品种–LI同禧500P3型号同禧500P3/型号–LI667MHz/识别符–LI64MB主频UNIT=”MHz”667/主频–LI10GB内存UNIT=”MB”64/内存–LI7999元硬盘UNIT=”GB”10/硬盘–/UL单价UNIT=”元”7999/单价–/BODY/计算机–/HTMLPage29用标记表示文档结构使用表记表达文档的任务有两个：一是正确地表达XML文档所具有的“结构”；二是正确的传达按文档所标记的数据的含义。XML文档数据采用树型结构表达，图4-12中XML文档的树结构形式如图4-13所示。•计算机•|----类型------------------个人机•|----制造商----------------联想•识别符•----品种----------台式机•型号----------同禧500P3•主频------------------667•----单位----------MHz•内存------------------64•----单位----------MB•硬盘------------------10•----单位----------GB•单价------------------7999•----单位----------元Page30用DTD定义标记含义XML的文档类型以标记集合来定义。•?XMLENCONING=”GB2312”•!ELEMENT计算机(制造商,识别符,主频,内存,硬盘,单价)•!ATLIST计算机类型#REQUIRED•!ELEMENT制造商(#PCDATA)•!ELEMENT识别符(#PCDATA)•!ELEMENT品种(#PCDATA)•!ELEMENT型号(#PCDATA)•……在制定的XML标准中，一个XML文档允许采用多个DTD。其目的是把一般确定的DTD与企业独自的DTD相结合，但含义不能有异，以重新利用原有资源。因此在XML1.0标准中规定了特定DTD的“名称空间”标准。具体做法是把存储DTD的集合名称与标记并存，以防混同。Page31XML应用开发开发XML应用通常涉及四个方面：–构造XML标记语言–生成XML文档–解释XML文档–显示XML文档Page32XML的用途--数据交换（XML使得不同计算机应用系统之间数据交换变得容易起来，这是因为它的可扩展性和文档中使用元数据。XML尤其在下列领域有重要应用。（EDI：EDI被用来在异构系统间进行数据交换而支持事务处理。（Agent（智能体）。（软件设计元素的交换。Page33XML的用途--Web应用XML文档无疑将成为Web资源的重要组成部分，而且基于XML的文档资源使Web搜索引擎的智能化变得容易起来。除此之外，XML能够用来建立HTML所不能达到的多层Web应用，XML在Web应用中有下列用途。•集成不同数据源。•本地计算。•数据的多种显示。•支持Web应用的互操作和集成。Page34XML与HTML的综合比较比较内容HTMLXML可扩展性不具有扩展性是元标记语言，可用于定义新的标记语言侧重点如何表现信息如何结构化地描述信息语法要求不要求标记的嵌套、配对等，严格要求嵌套、配对，遵循DTD的树型结构不要求标记之间具有一定的顺序可读性及可维护性难于阅读、维护结构清晰，便于阅读和维护数据与显示的关系内容与显示方式整合为一体内容描述与显示方式分离保值性不具有保值性具有保值性编辑与浏览工具已有大量的编辑浏览工具编辑浏览工具尚不成熟Page35小结HTML：主要标记、链接、表单HTML与XML的本质区别XML的用途Page362.2.3网页的制作与发布WEB设计环境WEB综合设计网页制作工具网站（网络信息）的发布网络出版Page37WEB设计环境（WEB的技术环境（从技术为人服务的观念出发，应尽可能从用户的角度来设计。（便是如何使网页在不同的浏览器下都能正常显示。（如何设计网页以适应不同的分辨率。（考虑用户的低带宽连接。（WEB的媒体环境（计算机屏幕与传统的基于纸张的媒体完全不同。（