第2章商务表达层及静态网页设计技术.ppt

第2章 商务表达层与静态网页设计技术 §2.1 商务表达层的功能实现 商务表达层 客户端：表现数据 特点：界面友好，具有通用性、易用性、灵活性 Web服务器：发布信息，与客户端和应用服务端进行交互 商务表达层的实现方式 §2.1 商务表达层的功能实现 客户端的实现 硬件设备 瘦客户端、胖客户端 胖客户端：基于传统的客户端应用程序； 瘦客户端：基于浏览器。 静态内容和动态内容 静态内容：客户端上显示的内容，预先放置在Web服务器上； 动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件（通常为动态脚本）动态产生的。 §2.2 Web系统与HTTP协议 2.2.1 Web系统 原理：商业数据被组织到一个超文本文件中，借助Http协议，通过网络来传送 §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 HTTP协议 一个实例：测试HTTP协议（程序代码） §2.2 Web系统与HTTP协议 2.2.2 HTTP协议 象DCOM和IIOP一样，HTTP层通过TCP/IP进行请求/响应通信。一个HTTP的客户端用TCP连接到Web服务器。在HTTP中使用的标准端口号是80，但任何其它端口也能被使用。在建立TCP连接后，客户端可以发送一个请求消息到服务器端。服务器在处理请求后发回一个HTTP响应消息到客户端。请求和响应消息都可以包含任意的传输体的信息，通常用Content-Length和Content-Type的 HTTP 头来标记(详细见RFC1616)。 一个合法的HTTP POST请求消息示例： POST /index.html HTTP/1.1 Host: Content-Type:text/plain Content-Length:7 brand=A 一个合法的HTTP GET请求消息示例： GET /index.html HTTP/1.1 Host: §2.2 Web系统与HTTP协议 2.2.2 HTTP协议 HTTP响应 在处理了请求之后，Web服务器将发回一个HTTP响应到客户端。响应中包括一个状态代码，表示请求的结果。 返回状态代码200，表示HTTP命令已被Web服务器成功解析； 返回状态代码400，表示Web服务器解析HTTP命令失败； 返回状态代码30X，表示Web服务器已将HTTP请求转向到另一Web服务器； 返回状态代码50X，表示Web服务器不支持此HTTP请求命令； 状态代码1XX，为Web服务器保留码 示例： 练习： 请将测试HTTP命令的VB程序改写成java程序。 2.3 静态页面的表达及其技术 2.3.1 静态页面的体系结构 静态网页的特征 静态网页的内容固定不变; 静态网页的制作比较方便； 静态网页的体系结构 2.3 静态页面的表达及其技术 2.3.2 置标语言 标准通用置标语言SGML (Standard Generalized Markup Language) 置标 标志语言 SGML 2.3 静态页面的表达及其技术 2.3.2 置标语言 超文本置标语言HTML 特点 平台兼容 文本文件 超链接 Web服务器不处理标记，由客户端浏览器解释 丰富的多媒体显示、各种布局处理 缺点 HTML更多的关注Web浏览器如何在页面上安排文本、图象和按扭等，过多的考虑外观使，缺乏对结构化数据的表示能力； HTML还有一些诸如链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点； HTML中有限的标记不能满足众多Web应用的需要 ，缺乏可扩展性 2.3 静态页面的表达及其技术 2.3.2 置标语言 超文本标记语言HTML实例 （略） 样式 样式种类：HTML样式、内嵌的CSS样式、外接的CSS样式 实例 2.3 静态页面的表达及其技术 2.3.2 置标语言 扩展标记语言XML 前言 2.3 静态页面的表达及其技术 2.3.2 置标语言 XML家族 2.3 静态页面的表达及其技术 2.3.2置标语言 扩展标记语言XML XML语法 2.3 静态页面的表达及其技术 2.3.2 置标语言 扩展标记语言XML XML语法 XML声明 元素与属性 注释 处理指令 CDATA区 2.3 静态页面的表达及其