《商务表达层与静态网页设计技术》由会员分享，可在线阅读，更多相关《商务表达层与静态网页设计技术（63页珍藏版）》请在金锄头文库上搜索。
1、第2章 商务表达层与静态网页设计技术,2.1 商务表达层的功能实现,商务表达层 客户端：表现数据 特点：界面友好，具有通用性、易用性、灵活性 Web服务器：发布信息，与客户端和应用服务端进行交互 商务表达层的实现方式,2.1 商务表达层的功能实现,客户端的实现 硬件设备 瘦客户端、胖客户端 胖客户端：基于传统的客户端应用程序； 瘦客户端：基于浏览器。 静态内容和动态内容 静态内容：客户端上显示的内容，预先放置在Web服务器上； 动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件（通常为动态脚本）动态产生的。,2.2 Web
2、系统与HTTP协议,2.2.1 Web系统 原理：商业数据被组织到一个超文本文件中，借助Http协议，通过网络来传送,Web浏览器,Web浏览器,Web浏览器,TCP/IP HTTP,Web 服务器,CGI、Script程序,数据库,2.2 Web系统与HTTP协议,2.2.1 Web系统 Web五大要素 URL 几种形式 域名+目录名+文件名 域名+目录名 域名 含有程序的网址 超文本置标语言（HTML） Web服务器 Web浏览器 超文本传输协议（HTTP）,2.2 Web系统与HTTP协议,2.2.2 HTTP协议 一个实例：测试HTTP协议,2.2 Web系统与HTTP协议,2.2.2
3、 HTTP协议 一个实例：测试HTTP协议（程序代码）,Dim str1 As String Private Sub Close_Click() Winsock1.Close End Sub Private Sub connect_Click() Winsock1.RemoteHost = ““ Winsock1.RemotePort = 80 Winsock1.Protocol = sckTCPProtocol Winsock1.connect End Sub,Private Sub get_Click() If Winsock1.State 7 Then State=0表示winsock处
4、于Close状态 State=1表示winsock处于Open状态 State=2表示winsock处于Listening状态 State=7表示winsock处于Connected状态 State=9表示winsock处于Error状态 MsgBox “还未与Web Server连接号，请等待或重新连接.“ Exit Sub Else Winsock1.SendData “GET /index.html HTTP/1.1“ + Chr(13) + Chr(10) + “Host:“ + vbCrLf + vbCrLf 发送HTTP的GET命令 End If End Sub,Private S
5、ub head_Click() Winsock1.SendData “HEAD /index.html HTTP/1.1“ + vbCrLf + “Host: “ + vbCrLf + vbCrLf End Sub Private Sub post_Click() Winsock1.SendData “POST /index.html HTTP/1.1“ + vbCrLf + “Host: “ + vbCrLf + “Content-Type:text/plain“ + vbCrLf + “Content-Length:7“ + vbCrLf + vbCrLf+“brand=A“ + vb
6、CrLf + vbCrLf End Sub Private Sub Winsock1_DataArrival(ByVal bytesTotal As Long) Winsock1.GetData str1 Text1.Text = str1 End Sub Private Sub Winsock1_Error(ByVal Number As Integer, Description As String, ByVal Scode As Long, ByVal Source As String, ByVal HelpFile As String, ByVal HelpContext As Long
7、, CancelDisplay As Boolean) MsgBox “Winsock出错!“ End Sub,2.2.2 HTTP协议 象DCOM和IIOP一样，HTTP层通过TCP/IP进行请求/响应通信。一个HTTP的客户端用TCP连接到Web服务器。在HTTP中使用的标准端口号是80，但任何其它端口也能被使用。在建立TCP连接后，客户端可以发送一个请求消息到服务器端。服务器在处理请求后发回一个HTTP响应消息到客户端。请求和响应消息都可以包含任意的传输体的信息，通常用Content-Length和Content-Type的 HTTP 头来标记(详细见RFC1616)。 一个合法的HTT
8、P POST请求消息示例： POST /index.html HTTP/1.1 Host:127.0.0.1 Content-Type:text/plain Content-Length:7 brand=A 一个合法的HTTP GET请求消息示例： GET /index.html HTTP/1.1 Host:127.0.0.1,2.2 Web系统与HTTP协议,2.2.2 HTTP协议 HTTP响应 在处理了请求之后，Web服务器将发回一个HTTP响应到客户端。响应中包括一个状态代码，表示请求的结果。 返回状态代码200，表示HTTP命令已被Web服务器成功解析； 返回状态代码400，表示We
9、b服务器解析HTTP命令失败； 返回状态代码30X，表示Web服务器已将HTTP请求转向到另一Web服务器； 返回状态代码50X，表示Web服务器不支持此HTTP请求命令； 状态代码1XX，为Web服务器保留码 示例：,2.2 Web系统与HTTP协议,400 Bad Request Content-Length: 0,200 OK Content-Type: text/plain Content-Length: 12 dlroW ,olleH,307 Temporarily Moved Location: http:/209.110.197.44/foobar Content-Length:
10、 0,练习： 请将测试HTTP命令的VB程序改写成java程序。,2.3 静态页面的表达及其技术,2.3.1 静态页面的体系结构 静态网页的特征 静态网页的内容固定不变; 静态网页的制作比较方便； 静态网页的体系结构,2.3 静态页面的表达及其技术,2.3.2 置标语言 标准通用置标语言SGML (Standard Generalized Markup Language) 置标 标志语言 SGML,SGML(Standard Generalized Markup Language)是最早的标记语言，而且是一种丰富的元语言，几乎可以用来定义无数种标记语言，HTML和XML都是在此基础上派生出来的
11、。SGML是ISO组织在1986年推出的一个用来创建标记语言的元语言标准，它源自IBM在1969年开发的GML。正如其名所言，SGML是一种用标记描述文档资料的通用语言，包含了一系列的文档类型定义（DTD,Document Type Definition），DTD中定义了标记的含义，因而SGML是可以扩充的。SGML为出版业提供了一种将数据内容与显示分离开来的数据表示方法，使得数据独立于机器平台和处理程序，在许多大型出版系统中发挥了重要作用,2.3 静态页面的表达及其技术,2.3.2 置标语言 超文本置标语言HTML 特点 平台兼容 文本文件 超链接 Web服务器不处理标记，由客户端浏览器解释
12、 丰富的多媒体显示、各种布局处理 缺点 HTML更多的关注Web浏览器如何在页面上安排文本、图象和按扭等，过多的考虑外观使，缺乏对结构化数据的表示能力； HTML还有一些诸如链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点； HTML中有限的标记不能满足众多Web应用的需要 ，缺乏可扩展性,2.3 静态页面的表达及其技术,2.3.2 置标语言 超文本标记语言HTML实例 （略） 样式 样式种类：HTML样式、内嵌的CSS样式、外接的CSS样式 实例, 无标题文档 浮雕彩色文字 浮雕彩色文字 浮雕彩色文字 ,2.3 静态页面的表达及其技术,2.3.2 置标语言 扩展标记语言XML
13、 前言,XML在SGML的基础上，去除SGML中过于复杂的东西（缺点），保留一些作为元标记语言的东西（优点），用户可以自己定义标记，自己定义的标记可以在DTD或Scheme（模式）中加以描述，并且，与SGML一定需要DTD不同，在XML中DTD可有可无，它的使用完全视使用者需要而定。用户甚至可以通过XML制定自己的标记语言，而不必得到W3C、Microsoft、Netscape的同意，因此XML的应用潜力是很明显的。,2.3 静态页面的表达及其技术,2.3.2 置标语言 XML家族,2.3 静态页面的表达及其技术,2.3.2置标语言 扩展标记语言XML XML语法,2.3 静态页面的表达及其技
14、术,2.3.2 置标语言 扩展标记语言XML XML语法 XML声明 元素与属性 注释 处理指令 CDATA区, 网页设计 王大名 590 电子商务技术基础 李立洪 120 ,2.3 静态页面的表达及其技术,2.3.2 置标语言 扩展标记语言XML XML语法 XML声明 元素与属性 注释 处理指令 CDATA区 说明： CDATA区以“!CDATA”为起始，“”为终了。区块内容中唯一不能包含的正是“”这个终止符号。其他内容，只要是合格Unicode字，都可以自由放置其中； XML中要区分大小写，因此“!CDATA” 不可写成 “!cdata” 或 “!Cdata” ； 出现在CDATA区中的
15、内容，解析器在解析时原封不动、一五一十地交给下游的程序；比较：,2.3 静态页面的表达及其技术,2.3.2 置标语言 扩展标记语言XML XML语法 编写XML的几个原则 所有的元素都要配对 标记之间不得交叉 所有属性值都得含有引号 大小写有区别 一空二空有区别,在HTML里，存在这类自成一个单元的标记，这在XML中称为空元素（empty element),因为这样的元素不含任何文字内容，只有属性。XML为空元素特别发明了一种新的表示法，如下： 若带有属性的话，则写成： ,若： 电子商务技术基础 无名氏 这就犯了”标记之间不得相交“的大忌，会被删除掉。XML中规定，所有的元素排列必须是严谨的树
16、状结构。在使用DOM、XSLT和XPointer来分别控制、转换、连接XML文件时，都需要随时对文件的内部结构了若指掌。,2.3 静态页面的表达及其技术,2.3.2 置标语言 扩展标记语言XML XML语法 名称空间（namespace） 名称空间的规定，并没有收录在XML1.0的标准中，而是透过后来一份单独的标准来增补，这份标准的全名为“Namespaces in XML”； xml1.0的标准：http:/www.w3.org/tr/rec-xml; Namespaces in XML: http:/www.w3.org/tr/rec-xml-names ),2.3 静态页面的表达及其技术,为什么需要名称空间 ？ 区分各个标记，避免与其它标记混淆, 张3 ,无法区别这两 个不同的标记,2.3 静态页面的表达及其技
