第十章-电子商务网站的开发技术与工具要点.ppt

1、第十章 电子商务网站的开发技术与工具,信管教研室 2008年3月,学习目标和能力要求,常见概念,脚本 是网页制作中常见的动态网页制作技术。根据脚本语言所编写的代码可以直接插入到HTML中，利用脚本可以操作网页上的元素去实现网页的交互功能，还可以制作特殊动态效果的网页。常用的脚本语言有JavaScript和VBScript，这两种脚本语言也是ASP的语言基础。,常见概念,Web服务器 一种具有高性能的计算机。网站所包含的文件就是存储在里面。通过web服务器软件，能有效地管理网站，并接受用户在客户端通过浏览器发出的浏览请求，然后发送请求浏览的网页到用户浏览器。常见的Web服务器有PWS,IIS,F

2、TP FTP是一种文件传输协议。通过FTP，用户与存有文件的远程计算机（称为FTP服务器）连接，查看远程计算机上的文件，然后把文件从远程计算机上复制到本地的计算机上）称为下载，或者说把本地计算机上的文件传到远程计算机上去（称为上传）。如果我们是在ISP处申请的主页空间，制作完成的网页文件一般采用FTP的形式传到web服务器上。,动态与静态内容动态内容为什么这么热门？假设您正在管理有 10 个产品的电子商务站点。只要产品不是经常变动或者预料到它不会有太大的变动，那么手工编写 10 个带有必要的信息、表单和诸如此类内容的静态产品页面是不困难的。但是，假设您在本月再要添加 10 个或更多产品，然后在

3、下个月要更多，而且价格有时会变动或者想改变站点的观感。那么您就会陷入用手工重新编写数十个，也许上百个静态页面的困境中。 另一方面，假设您从创建 product.php 页面开始。它没有静态信息，而是编码成可以从产品数据库中提取信息并动态地构建一个页面。然后您就拥有了一个元数据页面，它可以根据存储在数据库中的信息提供一个、一百个、甚至十万个单独页面。现在网站管理员不再整天都简单重复更新静态页面的工作，因为在更新公司数据库中的信息同时就可以更新页面上的信息。这样就消除了令人头疼的时间延迟（在数据库中更改信息和在网站上显示信息之间的时间间隔）。,一、电子商务系统的组成,前台,网站,后台,企业内部信息

4、系统,物 流 中 心,支付中心,认证中心,供应者,采购者,二、电子商务网站概述,1、定义： 电子商务网站市企业开展电子商务的基础设施和信息平台，是实施电子商务的公司或商家与服务对象之间的交互界面，是电子商务系统运转的承担者和表现者。 区别与一般web站点：以数据处理为主，数据类型复杂、数据流量大，数据交换频繁。运行效率和数据安全是影响电子商务网站架构的重要因素。,2、基本电子商务网站的构成要素 网站的域名及地点 网站的页面 商品目录 购物车、付款台、商品配送 计数器、留言板 会员管理 商品库存管理,4、电子商务网站的分类 按商务目的和业务功能 基本型电子商务网站 宣传型子商务网站 客户服务型电

5、子商务网站 完全电子商务运作型网站 按构建网站的主体分 行业电子商务网站 企业电子商务网站 政府电子商务网站 服务机构电子商务网站,三、电子商务网站开发技术,1、电子商务网站的体系结构,浏览器,Web服务器,Web应用服务器,数据库服务器,企业信息系统,数据存取层,应用逻辑层,用户界面层,2、开发技术 HTML技术 JavaScript技术 CSS技术 XML技术 网络数据库技术ODBC技术、 SQL语言 数据仓库技术CGI技术 WebAPI技术ASP技术Java/JDBC技术,网页开发技术HTML,HTML概述,超文本标记语言（HTML）是网页设计的基础。 HTML文件可以运行于不同的操作系

6、统，不需要 编译就能通过IE解释执行。HTML本质上是一个 文本文件，任何文本编辑器都可以编写。,现在设计网页不再需要手工编写HTML脚本，而是利用专业的HTML 编辑工具（ FrontPage、 Dreamweaver等）通过可视化界面设计， 自动生成HTML脚本。,HTML的不足,1）难以扩展。 2）交互性差。 3）单向的超链接。 4）缺乏对双字节的支持。,HTML的标记（Markup），通俗地讲，它就是一种用来给文本添加标记的语言。在HTML里每个标志都是有确切含义的。例如，在HTML 中，标签B的含义是要求HTML浏览器将一段文本加粗表示，而标签CENTER的含义是告诉浏览器将这段文本

7、在一行的中间显示。,网页开发技术DHTML,动态HTML（DHTML）是是对HTML3.0的增强型语言，对HTML进行了 扩展和延伸，主要是加入了“层”的概念，通过不同层之间的转换和显示 来体现出动态的效果。,HTML编辑工具（ FrontPage、 Dreamweaver等）里面的动态网页设计 已经内嵌了DHTML技术，我们无须去掌握DHTML的编程语法，而是也 可以通过这些网页编辑工具直接设计。,在网页中最常用的一种插入脚本的方式是使用SCRIPT标记符，方法是：把脚本标记符置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。 所谓动态HTML（简称DHTML），其实并不是一门

8、新的语言，它只是HTML、CSS和客户端脚本的一种集成。 DHTML建立在原有技术的基础上，可分为三个方面：一是HTML；二是CSS；三是客户端脚本。,层叠样式表CSS,CSS样式定义 一个样式表由样式规则组成，以告诉浏览器怎样去显示一个文档。样式表的规则组成如下： selectorproperty1 : value1；property2 : value2； selector：样式符。可以为HTML标记、用户自定义类或用户自定义ID Property：样式属性。不同属性间用“；”分隔。 Value：属性的值。与属性之间用“：”分隔。,网页开发技术XML,可扩展标记语言XML（Extensibl

9、e Markup Language) Web应用领域数据标准的主流语言,特点： 1）XML不是单纯的标记语言，而是一种元语言，可以根据需要 来灵活定义任何一种标记语言。可以说，XML是一种文档的数 字表现方式； 2）XML允许各种不同的专业（如音乐、化学、数学等）开发 与自己的特定领域有关的标记语言； 3）具有较好的保值性，具有良好的数据存储格式、可扩展性、高 度结构化和便于网络传输的四大优点。,网页开发技术XML,XML的编程规范, 电子商务网站建设与管理 肖伟民 20.00 ,网页开发技术XML,XML在电子 商务中的应用,网页开发技术XML,XML的各种标准,网络数据库技术ODBC技术,

10、ODBC定义：ODBC技术是完成Web页面和程序对数据库的连接、访问以及数据存储的一种驱动技术。,ODBC的工作原理：ODBC的核心是一组封装好的数据库访问函数，我们要访问数据库，只需要直接调用ODBC驱动就可以进行，而不需要关心ODBC是如何去完成的。,ODBC起源：1992年由微软公司创建。,ODBC的应用：是目前连接windows系统数据库最流行的 方式。,网络数据库技术ODBC技术,ODBC访问数据库的工作流程,ODBC 驱动程序 管理器,网络数据库技术ODBC技术,ODBC数据源的配置,控制面板,网络数据库技术SQL语言,SQL定义：结构化查询语言（Structure Query L

11、anguage) 包括 数据定义、数据查询、数据操纵、数据控制四部分。,SQL起源：70年代有IBM提出，历经三十多年的发展已 经成为关系型数据库的标准语言。,SQL的特点： 1）是一种一体化语言； 2）是一种高级语言，命令简单，易于掌握； 3）既可以直接以命令方式交互使用，也可以嵌入到大多 数编程语言中引用SQL语句来执行对数据库的操作。,网络数据库技术SQL语言,SQL的功能： 1）DDL数据定义语言。对数据库对象进行定义和操作的部分。比如创建数据库，删除数据表等操作。 2）DML数据操纵语言。是SQL对数据库中的数据执行添加（insert into）、修改（update）、删除（dele

12、te）命令的部分。 3）DQL数据查询语言：是SQL对数据库中的数据执行查询（select）命令的部分。,数据仓库技术,数据仓库是一个系统，而不单纯是一个数据 库，它是由多个数据源以及相关处理单元集合在 一起的一个事务处理、分析和决策系统。,数据仓库 （Data warehouse,DW）,数据仓库技术,数据仓库的发展过程：,报表,Web数据库接口技术CGI技术,CGI（通用网关接口）是早期应用程序与WEB服务器之间的接口标准。,数据仓库技术,CGI以可执行文件的方式工作，因此跨平台性能好，但每启动一个CGI文件就会产生一个独立的进程，即便是同一个CGI程序，因此CGI对系统资源的占用很高，导

13、致系统性能下降，并且交互功能也比较弱。,Web数据库接口技术WebAPI技术,目前最主要的WebAPI是微软开发的ISAPI，它以动态链接库(dll)文件的形式存在，不同的程序可以同时调用同一个dll文件完成其功能。一个程序调用dll后，dll就驻留在内存中，方便其他程序调用。因此与CGI程序相比，ISAPI占用的系统资源要少得多。,数据仓库技术,ISAPI的缺点是兼容性差，仅适用于windows系统，且有一定开发难度。 ISAPI的工作流程与CGI类似。,Web数据库接口技术ASP技术,数据仓库技术,ASP定义：动态服务器网页（Active Server Pages)。 ASP是一种在服务器

14、端执行的脚本开发工具，其开发出来的脚本文件以.asp为后缀。ASP提供VBScript和JavaScript两种脚本引擎，缺省是VBScript。,ASP起源：由微软公司在发布Win98时正式推出。目前，在IIS5.0中, ASP已成为核心组件之一。,ASP的工作方式：,Web数据库接口技术ASP技术,数据仓库技术,ASP的优点： 1）完全和HTML无缝集成； 2）任何文本制作工具都可编写，不需要专门的开发环境，也无需编译； 3）面向对象，可直接调用ActiveX扩展控件； 4）功能强大，具有很好的交互性； 5）占用系统资源少，多线程工作方式，能同时响应多个请求； 6）源程序保密，由于是在服务

15、器端执行脚本，因此客户端无法获得程 序代码，不存在泄密问题。,ASP适用的开发环境： 只适用于windows平台下的各种Web服务器及Win98以上的操作系统及 相关组件，比如IIS5.0。,ASP.NET是一个用于Web开发的全新框架，其中包含了许多新的特性。它使用的是成熟的编程语言如：VB.NET（Visual Basic .NET，以下简称VB.NET）和C#；ASP.NET使用编译后的语言，从而提升性能和伸缩性；ASP.NET提供了更易于编写、结构更清晰的代码，这些代码很容易进行再利用和共享；ASP.NET使用Web表单，使开发更直观，利用面向对象的技术，促进了组件的再利用。另外，AS

16、P.NET中还包括有页面事件、Web控件、缓冲技术，以及服务器控件和对数据绑定的改进,Web数据库接口技术Java/JDBC技术,数据仓库技术,JDBC定义：JAVA语言访问数据库的API标准，JDBC和ODBC技术类似，是为JAVA语言访问数据库的驱动技术。,JDBC的构成：,JDBC由Java Soft公司推出。,Web数据库接口技术Java/JDBC技术,数据仓库技术,JDBC Driver的工作模式,Web数据库接口技术Java/JDBC技术,数据仓库技术,JDBC Driver的工作模式,JDBC Driver的优点： 选用适合的JDBC Driver可以访问多个异构数据库，为同一台

17、Web 服务器通过统一的应用程序同时访问多个异构数据库提供了解决方案。,Web数据库接口技术JSP技术,数据仓库技术,JSP定义：在HTML文件中加入Java程序片段（Scriptlet）和JSP 标记（tag），就构成JSP网页，JSP文件以.jsp为后缀。,JSP的处理流程：,JSP的优点： 1）在一些Java组件的帮助下能完成功能强大的商务网站的开发； 2）能在绝大多数操作系统上运行和同时访问大多数主流数据库，所有 程序在服务器端执行，对客户IE的要求最低，同时保证代码的安全性。 3）JSP将成为web接口技术未来发展的主流。,Web数据库接口技术PHP技术,数据仓库技术,PHP起源：P

18、HP（Personal Home Page）最初是一个CGI程序，后来经 过多次改写，逐渐发展成目前的PHP3.0。,PHP的特点： 1）支持多种操作系统； 2）具有丰富的数据库操作函数库，可以与绝大多数数据库进行操作； 3）源代码开放，具有良好的开放性和扩展性； 4）如果采用Linux系统，最好使用Apache服务器，否则运行效率不高； 5）PHP也具有较好的发展前景，适合开发个人和小型企业的商务网站。,PHP的语法：以“”结束，例如：, Hello, ,搜索引擎和全文检索技术,简单地说，搜索引擎是以一定的策略，在互联网上搜集目标 信息，并对提取的信息进行理解、整理和处理并提供给用户 的一种

19、检索服务。,搜索引擎技术,所谓的策略，最主要的手段就是通过关键字、关键词的定义 并搜索。,搜索引擎实质上是一个软件系统。,搜索引擎和全文检索技术,搜索引擎通过网站间的各种链接关系展开网络搜索。每搜到 一个新的网页，就把这个网页及关键词存储到数据库中，并 建立或更新索引库。,搜索引擎的工作原理,我们输入关键词去搜索信息时，搜索引擎搜索的对象是引擎数据库而非真正的网页。,把搜索到的符合要求的内容通过某种排序组合成搜索页面再 反馈给搜索者。,搜索引擎和全文检索技术,搜索引擎的类型,搜索引擎和全文检索技术,全文检索，其搜索依据不再是简单地对关键词进行搜索，而 是可以对复杂的段落甚至章节进行全文检索，检

20、索的对象不 仅包含文本，还可以包含声音、图象和视频。因此全文检索 的功能更强大，要求也更高。,全文检索技术,全文检索技术在海量信息处理、数据挖掘、提供个性化服务 等方面具有重要作用，是未来商务网站发展的重点技术与服务。,网络信息检索技术,网络信息检索技术包括常用运算符、高级搜索技术、限制检索、特殊检索技术： （1）常用运算符 常用运算符一般用于搜索引擎的简单检索。在网络信息检索中，掌握一些常用的运算符，会使你的检索提问更准确，搜索结果更精确。, 加号：+ 格式：+检索词 功能：检索词必须出现在搜索结果中。 示例：查找有关克林顿与琼斯的网页，检索提问式可以 为：+克林顿 +琼斯，表示克林顿与琼斯

21、这两个词必须 出现在搜索结果网页中。,减号：- 格式：- 检索词 功能：检索词不能出现在搜索结果中。 示例：查找关于windows2000的资料，但又不想看到关于Windows 98 或Windows 3.1的网页，检索提问可以为：+windows2000 windows98 -windows3.1。减号的作用在于可以使搜索结果集 中反映你的需求，使你无需为大量无关的搜索结果而头疼。 管道符：| 格式：检索词一 | 检索词二 功能：一组检索词在搜索结果中只要出现任一个即被命中。 示例：查询有关克林顿或希拉里的资料，检索提问可以为：克林顿 | 希拉里，表示在搜索结果中克林顿与希拉里这两个词只要出

22、现 一个都被命中.,引号：“” 格式：“词组”，如“computer network” 功能：词组检索功能，只检索含有该词组的资料 示例：检索提问“computer network”，表示只检索含有词组computer network的网络文档；检索提问“电脑商情报”，会找出包含电脑商情报的网站，不会查找有关电脑商情，XX商情报的内容。 此外，一些标点符号如“-”（连字符）、“”(斜杠)、“_”（下划线）、“,”（逗号）、 “ .”（点）等在不同的搜索引擎也可作为短语连接符。例如：mother-in-law尽管没有加引号，仍作为专用语处理。,截词符：*（星号） 格式：词干*，如computer

23、* 功能：自动查找具有相同词干的所有单词，提高检索的全面性，扩大 命中结果的数量，适用于一部分网站 示例：检索提问computer*，表示可自动查找computer、computers、 computerised、computerized等单词；又如interne* 会检索出 interne、internecine、internet 等相关的内容。 几乎所有主要搜索引擎均支持以上这些检索功能，只是具体使 用时有时符号会有所差别，所以用户在实际使用前可先浏览一 下“Help”（帮助页面）。,（2）高级搜索技术 高级搜索技术一般用于搜索引擎的高级检索，即所谓的“advanced search”。搜

24、索引擎都有简单检索与高级检索之分，简单检索是搜索引擎的默认工作状态，高级检索必须用鼠标点击“advanced search”按钮。 布尔逻辑算符（Boolean） 布尔算符 举例 功能 AND A AND B 在搜索结果中，必须同时含有A和B两 个检索词 OR A OR B 在搜索结果中，A、B两个检索词 只要出现一个即可 NOTA NOT B 搜索含有检索词A但不含有B的网络信 息, 位置算符 位置算符强调检索词与检索词之间的位置关系，如哪个检索词在前，哪个检索词在后，两个检索词相隔多少个单词等。位置算符表示的是两个概念在信息中的实际物理位置关系 Alta Vista: near (10个单

25、词） 优先算符 优先算符，即括号（ ）， 格式：（检索词） 功能：控制逻辑算式中的优先次序，使括号中的表达 式先执行。 Microsoft or Intel and IBM, 限定查找的起止日期 在高级检索中，利用文本框下面的日期输入框（一般为From：To：） 控制检索结果的排序 在高级检索中，只要在文本框下的排序（Ranking、Sort by：等）框中输入有关的词语， 即可对检索获得的结果进行排序控制，使之按照输入的词语排序。,（3）限制检索 限制检索指缩小和限定搜索引擎的搜索范围，允许搜索引擎只在网页的某一种元素中，如标题、链接、URL等查找结果。限制检索使检索提问更具体、准确。图6-

26、1是Hotpot限制检索的菜单示例。,主要的限制检索命令： 搜索标题 格式：title:text或t:text （注：text指文本文字） 功能：检索网页标题中含有指定字或词组的页面 示例：title:survey，检索网页标题中含有survey这个单词 的所有页面。 搜索网站 格式：domain: domain name 或host:name 或site: domain name 功能：检索词必须出现在域名、主机名或主机地址中 示例：domain:UK，检索英国（United Kingdom）的网页； domain:com，检索所有com网站。,搜索URL 格式：url:text或u:text 功能：检索整个URL中含有指定的字或词组的所有页面。 示例：如果你不知道Intel公司的网址，可通过url:intel查 询。 搜索链接 格式：link:URL 功能：检索与指定URL相链接的所有页面。 示例：要查询链接到易富网站的所有页面，可使用 link:查找。,搜索图片、图像 格式：image:文件名 功能：检索含有指定文件名图像的所有网页。 示例：要检索含有“日出”图像的所有网页，使用 images:sunrise查询在具体使用搜索引擎查询时， 可