第 5章 Web技术基础介绍 Web的应用与开发的主要技术基础知识，及其在电子商务网站开发中的应用。
内容提要
5.1Internet与 WWW
5.2标记语言
5.3基于 Web的网络计算
5.4WWW的应用与开发平台
5.5电子商务系统的开发
5.1Internet与 WWW
WWW的结构
HTTP协议
WWW的结构
HTTP
客户浏览器
Web服务器客户浏览器
HTTP协议
什么是 HTTP协议
统一资源标识（ URI)
HTTP请求与响应
HTTP认证什么是 HTTP协议
HTTP 是建立在 TCP/IP协议基础上的应用层协议，它采用统一资源标识码定位 WWW 服务器的资源，并获取它。
统一资源标识（ URI)
URI是资源定位的语法标准，其形式为：
scheme:path
URL是 URI的特殊形式，它用于定位
WWW服务器上的资源如：
http://www.tsinghua.edu.cn/default.html
HTTP请求
[m e thod ] [ ta r get _uri] [H TT P/1.n ]
heade r1,value 1
heade r2,value 2
…
heade rN,valueN
空一行
M IME o b ject客户端请求客户端请求表头客户端上传的
MIME对象
HTTP响应
[H TT P/1,n ] [ respo nse #m essa ge]
heade r1,value 1
heade r2,value 2
…
heade rN,valueN
空一行
M IME o b ject服务器响应状态服务器端请求表头服务器响应的
MIME对象
HTTP认证
HTTP Client HTTP Server
匿名请求状态 401
认证请求响应请求或状态 405
Cookie
用于存储客户端的状态，其流程为：
（ 1）当客户端请求一 URI时，服务器在响应的表头中附加数个 Set-Cookie表头
（ 2）客户端收到此表头时将 Cookie信息存储在硬盘中
（ 5）当客户再次请求相同的 URI时，将 Cookie信息发往服务器
（ 4）服务器根据客户的 Cookie信息决定其下一步的操作并将新的 Set-Cookie送往客户端
5.2标记语言
SGML标准
HTML
VRML
XML
SGML标准
SGML(Standard for General Markup
Language,)是 ISO在 1986年公布的文字处理标准（ ISO8879),它提出了一套通用的、
一般化的标记语言规范。
SGML的结构
元素（ Elements)
<tag>Element</tag>
内容模型（ Content model)
<Report>
<Title>
…
</Title>
<Abstract>
…
</Abstract>
<Body>
…
</Body>
</Report>
SGML的组成
SGML声明
文件形式定义（ DTD)
SGML文件实体
HTML
什么是 HTML
HTML的文件结构什么是 HTML
HTML是 WWW用于描述其超文本文件的标记语言，是 SGML的一个应用。 其主要功能包括：
定义文档的显示格式
在文档中插入图形
建立超级链接
建立框架
用表单 (form)输入用户数据
建立样式表 (CSS)
HTML的文件结构
HTML标题
(HEAD)
HTML主体
（ Body)
控制信息文件内容
HTML的文件结构举例
<HTML>
<HEAD>
<TITLE>本篇标题 </TITLE>
</HEAD>
<BODY>
<H1>本篇内容 </H1>
这是一篇 HTML范例
</BODY>
</HTML>
VRML
虚拟现实造型语言 (VRML:Virtual Reality
Modeling Language)是用于建构人与计算机交互式的环境，这种环境具有以下特性：
（ 1）能够给用户以三维立体的虚拟境界。
（ 2）应该给使用者以第一人称的感受，并有实时任意活动的自由。
（ 5）用户能够通过一些控制装置实时地操纵和改变用户所进入的虚拟境界。
XML
XML是 SGML的一个简化子集,是新一代的 WWW的语言
<Computer>
<CPU>PII 400</CPU>
<MainBoard>华硕 P5W</MainBoard>
<HardDisk>IBM15.6G</HardDisk>
<DRAM>现代 128M</DRAM>
<Display>三星 550B</Display>
</Computer>
XML与 HTML的区别
HTML的主要目标是提供文档的显示模式 (POP)
XML的主要目标是提供文档的结构与内容 (MOM)
HTML的 DTD是基本固定的，难于扩展
XML的 DTD是可设的，很容易扩展。
XML在电子商务中的应用
作为企业与企业之间信息交换的标准语言（替代 EDI)。
作为不同平台，不同程序之间交换数据的标准。
5.5基于 Web的网络计算
网络计算模型
基于 Web的网络计算
客户端技术
服务端技术网络计算模式
集中式结构（ Monolithic)
客户 /服务结构 (C/S)
三层式结构（ Three Tie)
分布式计算平台（ Distributed Computing)
集中式结构（ Monolithic)
主机终端终端终端终端 终端终端 终端客户 /服务结构 (C/S)
服务器 服务器客户机 客户机 客户机 客户机三层式结构（ Three Tie)
浏览器
Web服务器与应用服务器 数据服务器分布式计算平台（ Distributed
Computing)
分布式计算平台分布式计算应用程序 A
分布式计算应用程序 B
分布式计算应用程序 C
基于 Web的网络计算模型
HTTP
客户浏览器 Web服务器客户浏览器中间件 数据库传统应用客户端技术
对象嵌入技术
Java Applet技术
客户端脚本程序技术对象嵌入技术将 Applet对象 或 ActiveX控件作为对象插入到 HTML文档中，由浏览器执行。
如：
<Object
classid=“clsid:B16555C0-06DB-101B…”
id=Spin Button
width=15
…
>
Java Applet技术
Java Applet 是下载到浏览器端上执行 Java
小程序，可实现响应用户操作、播放实时音频或视频的功能。如：
<Applet Code=Class1.class HEIGHT=200
WIDTH=200>
脚本程序技术
在 HTML文件中插入脚本语言程序，实现网页的动态特性。
主要脚本语言包括,JavaScript,VBScript
如：
<SCRIPT LANGUAGE= language>
…
</SCRIPT>
服务端技术
服务器端的脚本程序技术
中间件技术服务器端的脚本程序技术
在服务器端解释执行的脚本程序如：
<HTML>
<BODY>
<%Tsym=Request.QueryString(“TickerSymbol”)
SetNobj=Server.CreatObject(“NASDAQ.TICKerObj”)%>
…
</BODY>
</HTML>
中间件技术
CGI
ISAPI
ActiveX 服务组件
Java Bean
CGI
Web服务器
（ Server)
客户浏览器
（ Client)
CGI程序
CGI程序
CGI程序数据库服务器主机
ISAPI
Web服务器
（ Server)
客户浏览器
（ Client)
ISAPI DLL
ISAPI DLL
ISAPI DLL
ISAPI
服务器主机数据库
ISAPI Filter
ActiveX服务组件
Web服务器
ASP.DLL
ASP文件
（ HTML+Scripting) Active 服务组件
Active 服务组件数据库COM/
DCO
M
客户浏览器应用程序
Java Bean
Web服务器
Java servlet
JSP文件
（ HTML+Script) Java Bean
Java Bean
数据库客户浏览器应用程序
5.4 WWW的开发与应用平台
Microsoft Active 平台
IBM Websphere 平台
Microsoft Active 平台
Active桌面
（ IE）
Active服务器 数据服务器
Active桌面（ IE)
HTML文件脚本程序语言控制组件服务协议统一的用户界面多媒体电子邮件 视频会议 网络传输 远程管理安全
Active服务器
HTML文件服务脚本程序语言服务组件服务协议
Acti ve 系统服务组件服务 目录服务 网络传输管理 安全
IBM Websphere 平台
Web Server
Servlet Server
Enterprise
Java
Bean
Web Browser Applet
HT
TP
Data Base
IIO
P
IIOP
JD
BC
JD
BC
Client Platform
Middle Tier
5rd-Tier
WebSphere 产品家族
WebSphere Studio
NetObjects Fusion
NetObjects BeanBuilder
NetObjects ScriptBuilder
WebSphere Application
Enhanced Servlet API
JSP Integration
Database Integration
Servlet management tools
VisualAge for Java
5.5电子商务网站的开发
电子商务网站的组成
电子商务网站的开发过程
电子商务网站的管理
电子商务网站可靠性与可伸缩性电子商务网站的组成信息发布产品目录顾客登录用户购物用户留言顾客管理信息维护产品维护订单处理支付处理顾客数据库产品数据库订单数据库顾客顾客界面 业务处理 企业数据电子商务系统的开发过程
需求分析
体系结构设计
选择平台
原型系统的设计
系统实现
测试
运行电子商务网站的管理
系统管理
网站管理
内容管理
交易管理
顾客管理电子商务网站可靠性与可伸缩性
冗余
负载平衡电子商务网站可靠性与可伸缩性浏览器
Web服务器数据库电子商务网站的运作
测试与发布
监视
灾难恢复电子商务网站开发的人员配备
项目经理
系统设计师
创造性指导 /信息设计师
安全设计师
数据库开发者
组件开发者
界面开发者电子商务网站管理的人员配备
Web站点管理员
硬件与网络技师
备份操作员
数据库管理员
安全检测员
内容提要
5.1Internet与 WWW
5.2标记语言
5.3基于 Web的网络计算
5.4WWW的应用与开发平台
5.5电子商务系统的开发
5.1Internet与 WWW
WWW的结构
HTTP协议
WWW的结构
HTTP
客户浏览器
Web服务器客户浏览器
HTTP协议
什么是 HTTP协议
统一资源标识（ URI)
HTTP请求与响应
HTTP认证什么是 HTTP协议
HTTP 是建立在 TCP/IP协议基础上的应用层协议，它采用统一资源标识码定位 WWW 服务器的资源，并获取它。
统一资源标识（ URI)
URI是资源定位的语法标准，其形式为：
scheme:path
URL是 URI的特殊形式，它用于定位
WWW服务器上的资源如：
http://www.tsinghua.edu.cn/default.html
HTTP请求
[m e thod ] [ ta r get _uri] [H TT P/1.n ]
heade r1,value 1
heade r2,value 2
…
heade rN,valueN
空一行
M IME o b ject客户端请求客户端请求表头客户端上传的
MIME对象
HTTP响应
[H TT P/1,n ] [ respo nse #m essa ge]
heade r1,value 1
heade r2,value 2
…
heade rN,valueN
空一行
M IME o b ject服务器响应状态服务器端请求表头服务器响应的
MIME对象
HTTP认证
HTTP Client HTTP Server
匿名请求状态 401
认证请求响应请求或状态 405
Cookie
用于存储客户端的状态，其流程为：
（ 1）当客户端请求一 URI时，服务器在响应的表头中附加数个 Set-Cookie表头
（ 2）客户端收到此表头时将 Cookie信息存储在硬盘中
（ 5）当客户再次请求相同的 URI时，将 Cookie信息发往服务器
（ 4）服务器根据客户的 Cookie信息决定其下一步的操作并将新的 Set-Cookie送往客户端
5.2标记语言
SGML标准
HTML
VRML
XML
SGML标准
SGML(Standard for General Markup
Language,)是 ISO在 1986年公布的文字处理标准（ ISO8879),它提出了一套通用的、
一般化的标记语言规范。
SGML的结构
元素（ Elements)
<tag>Element</tag>
内容模型（ Content model)
<Report>
<Title>
…
</Title>
<Abstract>
…
</Abstract>
<Body>
…
</Body>
</Report>
SGML的组成
SGML声明
文件形式定义（ DTD)
SGML文件实体
HTML
什么是 HTML
HTML的文件结构什么是 HTML
HTML是 WWW用于描述其超文本文件的标记语言，是 SGML的一个应用。 其主要功能包括：
定义文档的显示格式
在文档中插入图形
建立超级链接
建立框架
用表单 (form)输入用户数据
建立样式表 (CSS)
HTML的文件结构
HTML标题
(HEAD)
HTML主体
（ Body)
控制信息文件内容
HTML的文件结构举例
<HTML>
<HEAD>
<TITLE>本篇标题 </TITLE>
</HEAD>
<BODY>
<H1>本篇内容 </H1>
这是一篇 HTML范例
</BODY>
</HTML>
VRML
虚拟现实造型语言 (VRML:Virtual Reality
Modeling Language)是用于建构人与计算机交互式的环境，这种环境具有以下特性：
（ 1）能够给用户以三维立体的虚拟境界。
（ 2）应该给使用者以第一人称的感受，并有实时任意活动的自由。
（ 5）用户能够通过一些控制装置实时地操纵和改变用户所进入的虚拟境界。
XML
XML是 SGML的一个简化子集,是新一代的 WWW的语言
<Computer>
<CPU>PII 400</CPU>
<MainBoard>华硕 P5W</MainBoard>
<HardDisk>IBM15.6G</HardDisk>
<DRAM>现代 128M</DRAM>
<Display>三星 550B</Display>
</Computer>
XML与 HTML的区别
HTML的主要目标是提供文档的显示模式 (POP)
XML的主要目标是提供文档的结构与内容 (MOM)
HTML的 DTD是基本固定的，难于扩展
XML的 DTD是可设的，很容易扩展。
XML在电子商务中的应用
作为企业与企业之间信息交换的标准语言（替代 EDI)。
作为不同平台，不同程序之间交换数据的标准。
5.5基于 Web的网络计算
网络计算模型
基于 Web的网络计算
客户端技术
服务端技术网络计算模式
集中式结构（ Monolithic)
客户 /服务结构 (C/S)
三层式结构（ Three Tie)
分布式计算平台（ Distributed Computing)
集中式结构（ Monolithic)
主机终端终端终端终端 终端终端 终端客户 /服务结构 (C/S)
服务器 服务器客户机 客户机 客户机 客户机三层式结构（ Three Tie)
浏览器
Web服务器与应用服务器 数据服务器分布式计算平台（ Distributed
Computing)
分布式计算平台分布式计算应用程序 A
分布式计算应用程序 B
分布式计算应用程序 C
基于 Web的网络计算模型
HTTP
客户浏览器 Web服务器客户浏览器中间件 数据库传统应用客户端技术
对象嵌入技术
Java Applet技术
客户端脚本程序技术对象嵌入技术将 Applet对象 或 ActiveX控件作为对象插入到 HTML文档中，由浏览器执行。
如：
<Object
classid=“clsid:B16555C0-06DB-101B…”
id=Spin Button
width=15
…
>
Java Applet技术
Java Applet 是下载到浏览器端上执行 Java
小程序，可实现响应用户操作、播放实时音频或视频的功能。如：
<Applet Code=Class1.class HEIGHT=200
WIDTH=200>
脚本程序技术
在 HTML文件中插入脚本语言程序，实现网页的动态特性。
主要脚本语言包括,JavaScript,VBScript
如：
<SCRIPT LANGUAGE= language>
…
</SCRIPT>
服务端技术
服务器端的脚本程序技术
中间件技术服务器端的脚本程序技术
在服务器端解释执行的脚本程序如：
<HTML>
<BODY>
<%Tsym=Request.QueryString(“TickerSymbol”)
SetNobj=Server.CreatObject(“NASDAQ.TICKerObj”)%>
…
</BODY>
</HTML>
中间件技术
CGI
ISAPI
ActiveX 服务组件
Java Bean
CGI
Web服务器
（ Server)
客户浏览器
（ Client)
CGI程序
CGI程序
CGI程序数据库服务器主机
ISAPI
Web服务器
（ Server)
客户浏览器
（ Client)
ISAPI DLL
ISAPI DLL
ISAPI DLL
ISAPI
服务器主机数据库
ISAPI Filter
ActiveX服务组件
Web服务器
ASP.DLL
ASP文件
（ HTML+Scripting) Active 服务组件
Active 服务组件数据库COM/
DCO
M
客户浏览器应用程序
Java Bean
Web服务器
Java servlet
JSP文件
（ HTML+Script) Java Bean
Java Bean
数据库客户浏览器应用程序
5.4 WWW的开发与应用平台
Microsoft Active 平台
IBM Websphere 平台
Microsoft Active 平台
Active桌面
（ IE）
Active服务器 数据服务器
Active桌面（ IE)
HTML文件脚本程序语言控制组件服务协议统一的用户界面多媒体电子邮件 视频会议 网络传输 远程管理安全
Active服务器
HTML文件服务脚本程序语言服务组件服务协议
Acti ve 系统服务组件服务 目录服务 网络传输管理 安全
IBM Websphere 平台
Web Server
Servlet Server
Enterprise
Java
Bean
Web Browser Applet
HT
TP
Data Base
IIO
P
IIOP
JD
BC
JD
BC
Client Platform
Middle Tier
5rd-Tier
WebSphere 产品家族
WebSphere Studio
NetObjects Fusion
NetObjects BeanBuilder
NetObjects ScriptBuilder
WebSphere Application
Enhanced Servlet API
JSP Integration
Database Integration
Servlet management tools
VisualAge for Java
5.5电子商务网站的开发
电子商务网站的组成
电子商务网站的开发过程
电子商务网站的管理
电子商务网站可靠性与可伸缩性电子商务网站的组成信息发布产品目录顾客登录用户购物用户留言顾客管理信息维护产品维护订单处理支付处理顾客数据库产品数据库订单数据库顾客顾客界面 业务处理 企业数据电子商务系统的开发过程
需求分析
体系结构设计
选择平台
原型系统的设计
系统实现
测试
运行电子商务网站的管理
系统管理
网站管理
内容管理
交易管理
顾客管理电子商务网站可靠性与可伸缩性
冗余
负载平衡电子商务网站可靠性与可伸缩性浏览器
Web服务器数据库电子商务网站的运作
测试与发布
监视
灾难恢复电子商务网站开发的人员配备
项目经理
系统设计师
创造性指导 /信息设计师
安全设计师
数据库开发者
组件开发者
界面开发者电子商务网站管理的人员配备
Web站点管理员
硬件与网络技师
备份操作员
数据库管理员
安全检测员
