第四章电子商务的 WEB技术
4.1 WEB框架
4.1.1 WEB结构图,
浏览器
http
Internet 服务器
http
? WEB框架组成,
o 浏览器（ IE,NETSCAPE）
o 服务器（ Windows,Linux,Unix等）
o HTTP协议
4.1.2 HTTP协议
? 是在 Internet上传输文档的协议，基于
TCP/IP面向请求 /应答式的协议；
? HTTP协议是无状态，不纪录和保存任何
信息，为弥补该缺陷，采用 cookie和
session技术；
4.1.3 Cookie技术
? Cookie技术
o 浏览器使用 cookie，每次会生成相关的 cookie文
件；
o Cookie的生成是由服务器端程序实现，通常由两
部分构成：用户名和 password；
o cookie的有效期截止于该次连接的终止；
o cookie由客户端保存，每次客户端访问服务器时，
将服务器在第一次连接时送到客户端的 cookie传
送给服务器端，对 cookie信息校验后，合法则会
响应该次请求；
4.1.3 Cookie技术
NG013sohu.com/0199401984029497585359714376029
484565*NG022sohu.com/019940198402949758535972
4376029484565*NG031000sohu.com/01994019840294
97585359724376029484565*NG041sohu.com/0199401
984029497585359724376029484565*NG058sohu.com/
0199401984029497585359734376029484565*NG061so
hu.com/0199401984029497585359734376029484565*
NG0722sohu.com/019940198402949758535974437602
9484565*NG00zmlcatsohu.com/019940198402949758
5359644376029484565*
4.1.4 Session技术
? Session 技术
o 服务器端使用 session技术，每次连接会生成
session对象；
o Session至少由两部分构成：用户名和 password；
o Session的有效期截止于该次连接的终止；
o Session由服务器端存储，客户第一次访问时生成
session对象，当客户端在后续访问的页面进行权
限校验时，服务器访问该 session对象，检验合法
则响应请求；
4.2 HTML和 XML
4.2.1 HTML
? HTML(Hyper Text Markup Language),
SGML(Standard Generallized Markup Language)
的简化版本。
? HTML的特点,
– 结构简洁,tag通用
– 将外观与内容分离
? HTML的局限性,
– Tag固定，不具有可扩展性
– HTML注重文档的结构，用户并不知道最终显示的面貌
4.2.2 XML
? XML(Extenable Markup Language)
是 SGML的优化子集；
? 任一个 XML文件都需要有一个
DTD(Document Type Definetion)文件；
? DTD文件含有,
文
档
结
构
定
义
标
记
定
义
属
性
定
义
4.2.2 XML
? DTD使用注意,
o,dtd文件和,xml文件分别存储；
o 每个 xml文件都要含有该 xml文件所遵循的 DTD文件的定
义；每个 xml文件可以共享一个 DTD文件；
o 规范行业 xml标准，使得 DTD文件定义的该行业的
element,attruba趋于一致；
? DTD特点,
o 可扩展性，可利用 xml设计标准语言；
o 灵活性；
o 自描述性，由于 DTD文件的存在，是计算机能解读 xml
文件；
4.3 客户端技术和服务器端技术
4.3.1 客户端技术
? 定义：在客户端浏览器被解释执行的技术。
如,Vbscript,JAVAscript。
大部分 BL(商业逻辑 )在服务端
处理，客户端处理少量的,
甚至不处理 BL。
廋客户端体系 结构
一部分甚至大部分 BL在
客户端被解释执行。
胖客户端体系结构
4.3.1 客户端技术
? 廋，胖客户端体系结构比较,
客户端
资源
网络传
输时间
安全性 下载时间 平台
兼容性
廋客户体
系
胖客户体
系
少
多
少
多
高
低
少
多
不兼容
兼容
4.3.1 客户端技术
? Java Applet例子,
o JDK环境：是 Java源代码编写编译及预执行的
环境。
o JavaApplet,
– 建立源代码
– 在 Java的 JDK环境中预编译
– 编写 HTML文件，使用该 Applet
– 运行显示该 HTML文件
4.3.1 客户端技术
Java Applet源代码
import java.applet.*;
import java.awt.*;
// note,in order to compile the applet,you
// must set this file as "Main" - select it
// in the project window,and then press F8,
// If you want to run the application version,
// set Tester.java as main,
// To run the applet,choose "Run Applet",or press
// Shift+F5,To run the application,press F5
public class TestApplet extends Applet
{ public void init()
{ this.setLayout(new BorderLayout());
this.add(new DrawCanvas(),"Center");}}
4.3.1 客户端技术
编译过程
<HTML>
<HEAD>
<TITLE>Sample Applet</TITLE>
</HEAD>
<BODY>
<H1>FreeJava Sample Applet</H1>
<APPLET CODE="TestApplet.class" WIDTH=300 HEIGHT=300>
</APPLET>
<HR>
Don't forget to visit the
<a href="http://www.damold.dircon.co.uk/freejava/index.html">
FreeJava web site,
</BODY>
</HTML>
4.3.1 客户端技术
运行显示 HTML文件
4.3.2 服务器端技术
? 定义：在服务器端被解释执行的技术。
o CGI (Commom Gateway Interface),
c,perl,php等均可实现，编程结构简单 。
o API (Application Programming Interface),
c语言支持且编写复杂 。
o ASP,JSP,NET.DATA,
嵌入了 SQL语句的 HTML语言。
4.3.3 动态服务模式和静态服务模式
? 定义,
o 动态服务模式,页面内容会
根据数据库的内容变更，自动
生成需访问的数据库。
o 静态服务模式 ---页面每次显示的内容固定，
无需访问数据库。
动态页面,
静态页面,
4.4 WEB网站的建立
? 建立周期,
计划
设计
生产
发布和维护
第四章 小结
? WEB框架（浏览器,HTTP，服务器，
cookie,session）
? HTML和 XML特点
? 区别廋，胖客户体系结构
? JavaApplet的使用过程
? 网站建立过程
4.1 WEB框架
4.1.1 WEB结构图,
浏览器
http
Internet 服务器
http
? WEB框架组成,
o 浏览器（ IE,NETSCAPE）
o 服务器（ Windows,Linux,Unix等）
o HTTP协议
4.1.2 HTTP协议
? 是在 Internet上传输文档的协议，基于
TCP/IP面向请求 /应答式的协议；
? HTTP协议是无状态，不纪录和保存任何
信息，为弥补该缺陷，采用 cookie和
session技术；
4.1.3 Cookie技术
? Cookie技术
o 浏览器使用 cookie，每次会生成相关的 cookie文
件；
o Cookie的生成是由服务器端程序实现，通常由两
部分构成：用户名和 password；
o cookie的有效期截止于该次连接的终止；
o cookie由客户端保存，每次客户端访问服务器时，
将服务器在第一次连接时送到客户端的 cookie传
送给服务器端，对 cookie信息校验后，合法则会
响应该次请求；
4.1.3 Cookie技术
NG013sohu.com/0199401984029497585359714376029
484565*NG022sohu.com/019940198402949758535972
4376029484565*NG031000sohu.com/01994019840294
97585359724376029484565*NG041sohu.com/0199401
984029497585359724376029484565*NG058sohu.com/
0199401984029497585359734376029484565*NG061so
hu.com/0199401984029497585359734376029484565*
NG0722sohu.com/019940198402949758535974437602
9484565*NG00zmlcatsohu.com/019940198402949758
5359644376029484565*
4.1.4 Session技术
? Session 技术
o 服务器端使用 session技术，每次连接会生成
session对象；
o Session至少由两部分构成：用户名和 password；
o Session的有效期截止于该次连接的终止；
o Session由服务器端存储，客户第一次访问时生成
session对象，当客户端在后续访问的页面进行权
限校验时，服务器访问该 session对象，检验合法
则响应请求；
4.2 HTML和 XML
4.2.1 HTML
? HTML(Hyper Text Markup Language),
SGML(Standard Generallized Markup Language)
的简化版本。
? HTML的特点,
– 结构简洁,tag通用
– 将外观与内容分离
? HTML的局限性,
– Tag固定，不具有可扩展性
– HTML注重文档的结构，用户并不知道最终显示的面貌
4.2.2 XML
? XML(Extenable Markup Language)
是 SGML的优化子集；
? 任一个 XML文件都需要有一个
DTD(Document Type Definetion)文件；
? DTD文件含有,
文
档
结
构
定
义
标
记
定
义
属
性
定
义
4.2.2 XML
? DTD使用注意,
o,dtd文件和,xml文件分别存储；
o 每个 xml文件都要含有该 xml文件所遵循的 DTD文件的定
义；每个 xml文件可以共享一个 DTD文件；
o 规范行业 xml标准，使得 DTD文件定义的该行业的
element,attruba趋于一致；
? DTD特点,
o 可扩展性，可利用 xml设计标准语言；
o 灵活性；
o 自描述性，由于 DTD文件的存在，是计算机能解读 xml
文件；
4.3 客户端技术和服务器端技术
4.3.1 客户端技术
? 定义：在客户端浏览器被解释执行的技术。
如,Vbscript,JAVAscript。
大部分 BL(商业逻辑 )在服务端
处理，客户端处理少量的,
甚至不处理 BL。
廋客户端体系 结构
一部分甚至大部分 BL在
客户端被解释执行。
胖客户端体系结构
4.3.1 客户端技术
? 廋，胖客户端体系结构比较,
客户端
资源
网络传
输时间
安全性 下载时间 平台
兼容性
廋客户体
系
胖客户体
系
少
多
少
多
高
低
少
多
不兼容
兼容
4.3.1 客户端技术
? Java Applet例子,
o JDK环境：是 Java源代码编写编译及预执行的
环境。
o JavaApplet,
– 建立源代码
– 在 Java的 JDK环境中预编译
– 编写 HTML文件，使用该 Applet
– 运行显示该 HTML文件
4.3.1 客户端技术
Java Applet源代码
import java.applet.*;
import java.awt.*;
// note,in order to compile the applet,you
// must set this file as "Main" - select it
// in the project window,and then press F8,
// If you want to run the application version,
// set Tester.java as main,
// To run the applet,choose "Run Applet",or press
// Shift+F5,To run the application,press F5
public class TestApplet extends Applet
{ public void init()
{ this.setLayout(new BorderLayout());
this.add(new DrawCanvas(),"Center");}}
4.3.1 客户端技术
编译过程
<HTML>
<HEAD>
<TITLE>Sample Applet</TITLE>
</HEAD>
<BODY>
<H1>FreeJava Sample Applet</H1>
<APPLET CODE="TestApplet.class" WIDTH=300 HEIGHT=300>
</APPLET>
<HR>
Don't forget to visit the
<a href="http://www.damold.dircon.co.uk/freejava/index.html">
FreeJava web site,
</BODY>
</HTML>
4.3.1 客户端技术
运行显示 HTML文件
4.3.2 服务器端技术
? 定义：在服务器端被解释执行的技术。
o CGI (Commom Gateway Interface),
c,perl,php等均可实现，编程结构简单 。
o API (Application Programming Interface),
c语言支持且编写复杂 。
o ASP,JSP,NET.DATA,
嵌入了 SQL语句的 HTML语言。
4.3.3 动态服务模式和静态服务模式
? 定义,
o 动态服务模式,页面内容会
根据数据库的内容变更，自动
生成需访问的数据库。
o 静态服务模式 ---页面每次显示的内容固定，
无需访问数据库。
动态页面,
静态页面,
4.4 WEB网站的建立
? 建立周期,
计划
设计
生产
发布和维护
第四章 小结
? WEB框架（浏览器,HTTP，服务器，
cookie,session）
? HTML和 XML特点
? 区别廋，胖客户体系结构
? JavaApplet的使用过程
? 网站建立过程
