Web应用技术第一讲-
合集下载
Web技术应用基础(第一章)精品PPT课件
国家级精品课程 —Web技术应用基础
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
第一讲 Web应用基础
HTTP协议 HTTP协议
Web浏览器与 浏览器与Web服务器之间的一问一答的交互过程必 服务器之间的一问一答的交互过程必 浏览器与 须遵循一定的规则，这个规则就是HTTP协议 须遵循一定的规则，这个规则就是 协议 HTTP（Hypertext Transfer Protocol）是超文本传输协 （ ） 议的缩写，它用于传送WWW方式的数据 议的缩写，它用于传送 方式的数据 HTTP是无状态的协议 HTTP是无状态的协议 HTTP协议是以 协议是以TCP/IP为基础的高层协议 协议是以 为基础的高层协议 HTTP协议基于请求 响应模式 协议基于请求/响应模式 协议基于请求 响应模式(Request/Response)。客 。 户与服务器建立连接后，按照协议规定格式， 户与服务器建立连接后，按照协议规定格式，发送请求到 服务器，服务器得到请求后， 服务器，服务器得到请求后，返回响应信息给客户 HTTP使用的默认端口号，通常为80 使用的默认端口号，通常为 使用的默认端口号
举例： 举例：Accept-E例如， 有些头字段可以出现多次，例如，响应消息中可以包含有多个 “Warning”头字段 头字段
8 Process and Portfolio Management © 2005 IBM Corporation
Tomcat的 Tomcat的基本结构
bin：存放windows或Linux平台上启动和关闭 ：存放 或 平台上启动和关闭 Tomcat的脚本文件 的脚本文件 conf：存放Tomcat服务器的各种全局配置文 ：存放 服务器的各种全局配置文 其中最重要的是server.xml和web.xml 件，其中最重要的是 和 logs：存放Tomcat执行时的日志文件 logs：存放Tomcat执行时的日志文件 webapps：Tomcat的主要 ： 的主要Web发布目录，默 发布目录， 的主要 发布目录 认情况下把Web应用文件放于此目录 认情况下把 应用文件放于此目录
第1章 Web应用概述
小结
本章小结 Web应用开发概述 Java Web应用开发技术 集成开发环境和运行环境 Web开发前沿 下一章 搭建运行环境和开发环境
1.2 Java Web应用开发技术
1.2.2 面向对象程序设计思想
1.2.3 MVC模式
1.2.4 框架结构
1.2.5 XML语言
1.2.6 HTML、CSS和JavaScript
1.3 集成开发环境和运行环境
集成开发环境 Eclipse+MyEclipse NetBeans JBuilder
1.1 Web应用概述
1.1.3 Web应用发展历史 静态HTML页面 CGI技术 动态网页技术（Servlet、ASP、JSP、PHP） 模式和框架
1.2 Java Web应用开发技术
1.2.1 核心技术 JSP，进行输入输出的基本手段； JavaBean，完成功能的处理； Servlet，对应用的流程进行控制； JDBC，是与数据库进行交互不可缺少的技术； JSTL和表达式语言EL，完成JSP页面中各种信 息的控制和输出。
微软的网站、Sun公司的网站 需要使用浏览器，通过网络访问
1.1 Web应用概述
1.1.2 Web应用是如何运行的 用户操作
打开浏览器，输入某个网址。 等待（可能会持续一段时间）。 浏览器显示要访问的信息。
服务器动作（用户等待过程） 浏览器把请求发送到Web服务器 Web服务器把请求转发给应用服务器 找到文件，加载执行 应用服务器把执行结果返回给Web服务器 Web服务器再把结果返回给浏览器
第1章 Web应用概述
Java Web开发实践教程 ——从设计到实现 大连东软信息学院计算机系
《Web技术应用基础》PPT课件
11
xml-css.xml
<?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/css" href="mycss.css"?> <resume> <name>Michael Guo</name> <sex>Male</sex> <birthday>1966.7</birthday> <skill>Computer Graphics,Data mining,Teaching</skill> </resume>
第2篇 Web客户端程序设计基础
第5章 CSS
1
5.1 XML
XML的产生 HTML 遇 到 一 些 瓶 颈 问 题 ， 促 使 可 扩 展 性 标 记 语 言
XML（eXtendable Markup Language）的诞生。1996年 7 月 XML 工 作 小 组 在 W3C （ World Wide Web Consortium ） 的 赞 助 下 成 立 ， 于 1998.1.10 正 式 通 过 XML1.0规范。由于XML具有可扩展性、结构性、自我 描述性的特点，并采用数据和样式分离原则，使其在 数据的管理、交换上拥有极为卓越的性能。
用户自定义类作为选择符 定义格式：选择符.类名 selector.classname{ attributes1:values1;attributes2:v alues2;…}，例： • span.blue{color:#0000FF} span.red{color:red} 应用样式时在对应的HTML标签中加入class属性， 属性值为样式表的类名。例： • <p>这是一个引用两个不同span样式的例子， <span class="blue">蓝色span</span>与<span class="red">红色span</span></p>
xml-css.xml
<?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/css" href="mycss.css"?> <resume> <name>Michael Guo</name> <sex>Male</sex> <birthday>1966.7</birthday> <skill>Computer Graphics,Data mining,Teaching</skill> </resume>
第2篇 Web客户端程序设计基础
第5章 CSS
1
5.1 XML
XML的产生 HTML 遇 到 一 些 瓶 颈 问 题 ， 促 使 可 扩 展 性 标 记 语 言
XML（eXtendable Markup Language）的诞生。1996年 7 月 XML 工 作 小 组 在 W3C （ World Wide Web Consortium ） 的 赞 助 下 成 立 ， 于 1998.1.10 正 式 通 过 XML1.0规范。由于XML具有可扩展性、结构性、自我 描述性的特点，并采用数据和样式分离原则，使其在 数据的管理、交换上拥有极为卓越的性能。
用户自定义类作为选择符 定义格式：选择符.类名 selector.classname{ attributes1:values1;attributes2:v alues2;…}，例： • span.blue{color:#0000FF} span.red{color:red} 应用样式时在对应的HTML标签中加入class属性， 属性值为样式表的类名。例： • <p>这是一个引用两个不同span样式的例子， <span class="blue">蓝色span</span>与<span class="red">红色span</span></p>
《web应用开发》课件
展望Web应用开发领域的未来发展，分析趋势和 新兴技术。
学习资源推荐
分享一些优质的Web应用开发学习资源，帮助学 习者进一步深入研究。
了解如何在不同操作系统 上搭建和配置Web服务器， 确保Web应用的正常运行。
常见的Web应用部署 方案
介绍常用的Web应用部署 方法，如共享主机、独立 服务器和云平台。
Web应用的性能测试、 监测和调优
学习如何进行Web应用的 性能测试、监测和优化， 提供出色的用户体验。
结束语
Web应用开发的未来展望
CSS的基本语法 和样式设置
探索CSS的语法和 样式规则，了解如 何美化网页和实现 交互效果。
JavaScript的基础 语法和DOM操 作
学习JavaScript的基 本语法和DOM操作， 实现动态网页效果。
2.2 前端框架
介绍流行的前端框架，如 Bootstrap和Vue.js，帮助开 发者加快前端开发的速度。
介绍常用的数据库技术，包 括MySQL和MongoDB，存 储和管理Web应用的数据。
MySQL的基础知识和使 用
学习使用MySQL数据库，了 解SQL语法和常见操作。
MongoDB的基础知识 和使用
探索MongoDB文档型数据 库，学习其基本用法和查询 操作。
第四部分 Web应用的部署与维护
Web服务器的搭建与 配置
Django的使用
学习使用Django框 架构建高效的Web 应用，轻松处理数 据库、URL路由等。
Flask的使用
了解Flask框架的基 本用法，快速搭建 精简而高效的Web 应用。
Express.js的使 用
探索Express.js框 架的功能和特点， 快速构建可伸缩的 Web应用程序。
学习资源推荐
分享一些优质的Web应用开发学习资源，帮助学 习者进一步深入研究。
了解如何在不同操作系统 上搭建和配置Web服务器， 确保Web应用的正常运行。
常见的Web应用部署 方案
介绍常用的Web应用部署 方法，如共享主机、独立 服务器和云平台。
Web应用的性能测试、 监测和调优
学习如何进行Web应用的 性能测试、监测和优化， 提供出色的用户体验。
结束语
Web应用开发的未来展望
CSS的基本语法 和样式设置
探索CSS的语法和 样式规则，了解如 何美化网页和实现 交互效果。
JavaScript的基础 语法和DOM操 作
学习JavaScript的基 本语法和DOM操作， 实现动态网页效果。
2.2 前端框架
介绍流行的前端框架，如 Bootstrap和Vue.js，帮助开 发者加快前端开发的速度。
介绍常用的数据库技术，包 括MySQL和MongoDB，存 储和管理Web应用的数据。
MySQL的基础知识和使 用
学习使用MySQL数据库，了 解SQL语法和常见操作。
MongoDB的基础知识 和使用
探索MongoDB文档型数据 库，学习其基本用法和查询 操作。
第四部分 Web应用的部署与维护
Web服务器的搭建与 配置
Django的使用
学习使用Django框 架构建高效的Web 应用，轻松处理数 据库、URL路由等。
Flask的使用
了解Flask框架的基 本用法，快速搭建 精简而高效的Web 应用。
Express.js的使 用
探索Express.js框 架的功能和特点， 快速构建可伸缩的 Web应用程序。
第1章Web应用程序开发技术基础.ppt
三、演化模型
1. 什么是演化模型
它遵迭代的思想方法，使开发的软件在迭代过程中 逐步得到完善，一般适用于大型软件的开发。常见的 演化模型又有增量模型和螺旋模型两种。
2. 增量模型
(1) 基本思想：增量模型是瀑布模型的顺序特征与快 速原型法的迭代特征相结合的产物，该模型把软件看 作一系列相互联系的增量，每个增量是小而可运行的 程序，在开发过程的各次迭代中，每次完成一个增量。
程序设计基本上属于个人活动性质，程序员各行其 是，并无统一的方法可循； 这时的软件开发方法称为个性化软件开发。
第二阶段（ 20世纪60年代后期兴起的结构化开发方 法）：
该阶段的特点：
采用结构化的方法来编写程序，不仅可以改善程序 的清晰度，而且也能提高软件的可靠性与生产率。
有效的开发应该包括“需求分析”、“软件设计”、 “编码”等多个阶段。
4. 线性模型的特点
阶段间具有顺序性和依赖性：上一阶段的变换结果 是下一阶段变换的输入，相邻两个阶段具有因果关系， 每个阶段完成任务后，都必须进行阶段性评审，确认 之后再转入下一个阶段。 文档驱动性：要求每个阶段必须完成规定的文档;每 个阶段结束前完成文档审查,以便尽早发现问题并改 正错误。
5. 线性模型的优缺点
web11web发展历史12web应用程序的基本概念13web应用程序的体系结构14web应用程序的工作环境15web应用程序开发的技术内容16web应用程序开发模型17web应用程序开发的环境配置121web应用程序的含义122web应用程序的特点121web122web1基于http2简单统一的用户接口3非对称概率性的访问模式1312层体系结构1323层体系结构1334层体系结构141因特网初步分析142web原理分析151web应用程序开发的需求152web应用程序的执行过程153web应用程序的开发步骤154web应用程序开发技术的层次性155web应用程序开发与web工程151webweb应用程序开发的含义一方面web需要应用程序一方面应用程序需要web152web与动态万维网文档与cgi技术中提到的执行过程基本一致
智能手机Web应用开发第1课
HTML网页文档的结构
HTML文档就是对一个文档的描述，都有一个固定的结构，分为 许多个部分，每个部分都包含了一个或者多个元素。有些元素用于描述 文档的基本信息，有些则描述文档结构。 DOCTYPE元素可以省略，大多数浏览器仍能正确显示文档内容， 不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情： 1）它处理的是HTML文档； 2）用来标记文档内容的HTML所属的版本，上面的写法就表明 所用的是HTML5。 html元素是根元素，它表明文档中HTML部分的开始。lang属性 指定页面内容的默认语言，例如：en表示英语，es表示西班牙语，等。 head元素包含文档的元数据，向浏览器提供有关文档内容和标 记的信息，还可以包含脚本和对外部资源（比如CSS样式表）的引用。 body元素，文档body部分包含访问者可以看到的内容。
Sencha Touch
较之与jQuery Mobile和jQTouch，Sencha Touch学起 来难度相对比较复杂，不过有弊也有利：虽然比较复杂，但 是带来了强大的功能。作为Sencha公司的一款双许可证(商 业版和GPL/FLOSS版)产品，Sencha Touch采用了与上述的 几种移动开发框架全然不同的方法，原因在于布局和界面窗 口组件是使用出色的JavaScript库构建而成的，而该 JavaScript库恰好拥有丰富的实用特性，比如离线支持、独 特布局和轻松制作主题的功能。
万维网的核心语言、标准通用标记语言下的一个应用 超文本标记语言（HTML）的第五次重大修改。 2014年10月29日，万维网联盟宣布，经过接近8年的 艰苦努力，该标准规范终于制定完成。
移动Web
Web（World Wide Web）即全球广域网，也称为万 维网，它是一种基于超文本和HTTP的、全球性的、动态交 互的、跨平台的分布式图形信息系统。是建立在Internet上的 一种网络服务，为浏览者在Internet上查找和浏览信息提供了 图形化的、易于访问的直观界面，其中的文档及超级链接将 Internet上的信息节点组织成一个互为关联的网状结构。
Web应用开发讲义
第一讲Web应用开发语言及环境概述C／S和B／S型模式随着Internet和WWW的流行，以往的主机／终端和C／S都无法满足当前的全球网络开放、互连、信息随处可见和信息共享的新要求，于是就出现了B／S型模式，即浏览器／服务器结构。
B/S模式最大特点是：用户可以通过WWW浏览器去访问Internet上的文本、数据、图像、动画、视频点播和声音信息，这些信息都是由许许多多的Web服务器产生的，而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中。
客户端除了WWW创览器，一般无须任何用户程序，只需从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。
在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。
而各个企业可以在此结构的基础上建立自己的Intranet。
B/S（Browser/Server，浏览器/服务器）模式又称B/S结构。
它是随着Internet技术的兴起，对C/S模式应用的扩展。
在这种结构下，用户工作界面是通过IE浏览器来实现的。
B/S模式最大的好处是运行维护比较简便，能实现不同的人员，从不同的地点，以不同的接入方式（比如LAN, WAN, Internet/Intranet等）访问和操作共同的数据；最大的缺点是对企业外网环境依赖性太强，由于各种原因引起企业外网中断都会造成系统瘫痪。
web应用程序的组成web应用程序由三部分组成：传统HTML客户端程序(脚本)（Javascript）服务器端程序（asp、jsp、）第二讲visual studio 2005 编程环境介绍vs界面的组成展示一个家教网站的构成代码分离模式介绍runat=’server’如何新建一个网站虚拟的iis，网站的专用目录事件编程的概念第四讲数据验证服务器控件RequiredFieldValidator重要属性：ErrorMessage;ControlToValidate;Text; InitialValue(必须更改内容) CompareValidator重要属性：ControlToValidate; ControlToCompare;RangeValidator重要属性：type ; MaximumValue; minimumValue实验三为网站设计master实验目的：掌握母板页和内容页的概念；实验步骤：在例程网站上按照原master页面（如图所示）建立自己的master页面，要求建立另一种样式的布局，如左边栏可以放置于右边栏，建立两个内容容器区域。
web技术应用基础
第一章 web基础知识介绍一．网络基础介绍：什么是网络？可以简单的认为将一台以上的计算机通过一些部件、线缆、程序和需要共同遵守的协议连接在一起的可以完成单台计算机不能或难以完成的任务的一种形式。
组成网络必不可少的有：计算机、网络设备、网络协议和通讯系统。
网络的用途：产生网络的最基本的思路首先是实现在局部区域资源、任务等的共享----有了局域网，其次为了在更广的范围实现联系以及资源(硬件、软件、资料、信息等)共享----便有了广域网。
如果没有资源共享的要求，完全可以不用组网。
当然计算机网络发展到目前，它的应用已经超过初始设计计算机网络人员的想法。
如果放弃网络的细致划分，按一般网络的类型，大致可以分成如下两种： LAN(Local Area Network)网络类型用Windows 9.x/2kp作成的网络则属于另外一种网络----称之为“对等网(Peer to peer)”。
组成对等网络的计算机也有集线器、双绞线等各种网络部件。
不同的是：对等网络中没有明确的服务器和工作站。
在对等网中，只要在网上向其它计算机提供了服务，比如文件共享服务、打印机共享服务、光盘驱动器共享服务、拨号上网服务等，那么，这台计算机就是服务器。
在同一时刻，享受到这些服务的计算机就是工作站。
Windows 9.x/2kp组成的计算机局域网络具有：组网简单、成本低廉、实用可靠、维护方便，美中不足的是安全性和保密性较差。
通常局域网的组成必须有如下硬件和软件：作为服务器(Server)的主计算机。
因为它是为其他计算机提供共享资源服务的，因此要求它的性能较好。
在小型局域网中，由一台服务器提供所有的文件、打印、与外部的网络连接等的服务功能。
而在较大的局域网中，通常用路由器、光缆、令牌环路，多台服务器级的计算机组成计算机阵列(主控服务器、备份服务器、文件服务器、邮件服务器、通信服务器、打印机池、硬盘阵列、光盘塔等——集群系统)或中、大型机作为网络服务计算机，提供高速、不间断、大容量、有效的网络服务。
第1章Web应用开发简介.ppt
用途 实现不同应用程序之间的数据交互 对一种数据实现多种样式 实现数据的分布式处理
样式1 XML文件 样式2
交换数据
应用程序2
显示效果2 操作2 显示效果 操作3 3 显示效果 操作4 4
显示效果1 操作1
DOM 样式3
样式4
Web 服务器 Web 服务器
显示
1.2.3 XML、CSS的应用
<body> <script type="text/javascript"> <!-document.write("你好，JavaScript"); // JavaScript结束--> </script> </body>
语言特点
引用外部文件： <head> <title>问候页面</title> <script type="text/javascript" src="hello.js"></script> </head>
1.1.2 Web应用程序
Web应用程序介绍 概念
Web应用程序是一种使用HTTP作为核心通信协议、通过互联网让 Web浏览器和服务器通讯的计算机程序。
技术组成 客户端开发技术 ：HTML 、CSS 、DOM 、ActiveX 、 JavaScript 、VBScript 、Applet等 。 服务器端开发技术 ：JSP/Servlet 、PHP 、ASP 、CGI、Perl、 ISAPI等。 层次结构 表示层：采用Web浏览器实现。 业务逻辑层：由位于Web服务器上的各种服务器端程序实现。 数据服务层：由数据库服务器提供，数据库服务器例如MySQL、 SQL Server等。
1-Web技术基础PPT课件
• Apache
• 38.22 %
• IIS (by Microsoft)
• 32.80%
• nginx (by Igor Sysoev)
• 15.00%
• GWS (by Google)
• 2.30%
16
客户端-服务器架构
经典客户端-服务器模型
17
客户端-服务器C/S架构
• SQL Server – SQL Server Management Studio • BT追踪器 – BT客户端(μTorrent) • DNS服务器(bind) – DNS客户端(resolver) • DHCP服务器(无线路由固件) – DHCP客户端(手机 /
安卓DHCP客户端/)
21
• SMB服务器(Windows) – SMB客户端(Windows)
• 在真实世界中，"服务"是： • 服务提供者完成的一系列工作 • 通过输入参数，提供给用户（消费者）一些期望的 结果 • 需求和结果已知 • 易于使用 • 总是可用的 • 有量的特性（价格，执行时间，常量，等）
33
面向服务的应用
• 面向服务的应用类似真实世界中的服务-消费者模型 • 由服务提供者（服务器端）和服务消费者（客户端） 组成 • 典型示例为RIA富客户端应用 • 服务提供者提供一些服务 • 服务消费者访问服务 • 标准协议用XML, JSON, SOAP, WSDL, RSS, HTTP, …
5
Web Application网络应用
• 网站的下一个级别 • 高交互 • 高可访问性（Cloud云端） • AJAX, Silverlight, Flash, Flex, 等 • 应用通常分解为逻辑块称为"层"，每一层都扮演一种
Web技术与应用课件
Web技术与应用
学习要点： 1． 掌握Web的基本概念和基础知识。 2． 熟悉C/S模式与B/S模式的结构。 3 ．了解常用的Web开发工具。 4．了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。
第1章 Web开发技术概述
Web技术与应用
1 使用环境和使用方式 1） 单机系统 (计算技术) 单用户单任务 多用户多任务(VAX PDP) 控制台命令方式(串行运行、独占) 交互命令方式(交替串行、并发、并行 共享) 2） 网络系统(计算技术 通信技术) 多用户 多任务 （物理资源、逻辑资源共享） (C/S模式) (B/S模式)
Web技术与应用
Web访问的机理
Web技术与应用
Web开发平台的组成
.NET开发平台 2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NET Framework和Visual Studio .NET开发工具。 微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目，但分别采用自己最精通的.NET语言编写代码。
Web技术与应用
C/S模式与B/S模式
C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。
第01章 web应用基础.
1.1.1 HTML的基本概念
客户/服务器工作方式Client/Server 页面Page 统一资源定位符URL 超文本传输协议HTTP 超文本标记语言HTML
《Web应用开发技术》
2019/2/26
最简单的HTML文档 <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> This is my first page. </body> </html> 说明： <html>和</html> 开始结束标记 <head>和</head> 头信息，不被显示 <title>和</title> 文档标题，显示在标题栏 <body>和</body> 文档正文，显示在浏览器中
当需要结束一行，但又不想开始新段落时， 使用<br>标签。
<p>这又是一段，<brቤተ መጻሕፍቲ ባይዱ 但有一个换行。</p>
<br>标签不需要结束标签，它出现在哪里， 就在哪里换行。很多页面设计者更倾向于不使用 段落标签，而直接将内容放在<body>标签之间， 用<br>强制换行来形成段落，如：
内容不一定非要在段落中，<br> 只要用<br>换行就行了。
《Web应用开发技术》
2019/2/26
1.1.2 HTML元素
HTML标签用来组成HTML元素，是一些由两个尖 括号 “<”和“>”括起来的预定义标记。
第1章Web应用基础
客户端动态WEB页面
❖ 动态地改变网页的内容，为不同用户提供 个性化的服务。
客户端的动态Web页面工作原理
Web服务器 3、Web服务器定位HTML文件和指令文件
1、作者编写 的网页文件
4、HTML和指令被返回到浏览器
2、客户请求网页
5、浏览器处理 指令并将指令 转换为HTML
6、浏览器处理HTML
例如： <body bgcolor="silver" text="blue" link= "red " >
常用HTML标记符及其功能
❖ <head>…</head>：首部标记符，不包含网页 的内容，仅提供一些与网页相关的信息。
❖ <body>…</body>：主体标记符，包含网页内 的所有内容，如文字、图片及超链接等。
DB2
调用 JavaBean J2EE/EJB
调用
DLL
XML
的历史
❖ ASP（Active Server Pages），是Microsfot公司 1996年11月推出的WEB应用程序开发技术，它既 不是一种程序语言，也不是一种开发工具，而是一 种技术框架。因其简单的语法和嵌入HTML的编辑 方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地 位难以动摇。此外，它可通过ActiveX等组件技术 实现更强大的功能，如使用ADO可以轻松地访问 数据库。
提供了一个新的 ListView 数据控件，该控件可用于显示数据， 还可提供具有高度可自定义性的用户界面。
提供了一个新的 LinqDataSource 控件，该控件通过 数据源控件结构公开语言集成查询 (LINQ)。
1.1 Web应用基础
平台 所有客户端计算机要求运行 .NET Framework … …
当在Web窗体中使用时，交互或动态 图形的更新需要往返于服务器。可以 用GDI+在服务器上创建自定义图形 。 Web窗体应用程序可以利用浏览器的 DHTML功能来创建丰富的、具有响 应能力的用户界面。大多数处理需要 往返于Web服务器，而这会对应用程 序的响应产生影响
1.1 Web 应用
• B/S 和 C/S 的体系结构
1.1 Web 应用
• B/S 与 C/S 的优势与劣势 • C/S 应用服务器运行数据负荷较轻 开发代价高 维护成本高
• B/S 维护和升级方式简单 成本降低，选择更多 应用服务器运行数据负荷较重
无法满足快速操作的要求
1.2 微软 Web 应用解决方案
ASP页面中 HTML标记和程序混合在一起，而 可以将程序放在单独的文件中。
2.2 客户端脚本、服务端脚本和 的常用版本：
2.0 Visual Studio 2005 3.5 Visual Studio 2008 4.0 Visual Studio 2010
2.1 HTTP 与 HTML
XHTML 要求正确嵌套
以下是正确的嵌套： <p>布啦布啦<strong>独树一帜</strong>。</p> 以下是错误的嵌套： <p>布啦布啦<strong>独树一帜</p></strong>。
XHTML 所有元素必须关闭
在 HTML 中，比如 <p>，<li> 这些标记，你可以不写 </p>， </li>，但是在 XHTML 里，必须要求写关闭标记 (Closing Tag) 。 比如： <p>布啦布啦很认真。 应该写成: <p>布啦布啦很认真。</p>
当在Web窗体中使用时，交互或动态 图形的更新需要往返于服务器。可以 用GDI+在服务器上创建自定义图形 。 Web窗体应用程序可以利用浏览器的 DHTML功能来创建丰富的、具有响 应能力的用户界面。大多数处理需要 往返于Web服务器，而这会对应用程 序的响应产生影响
1.1 Web 应用
• B/S 和 C/S 的体系结构
1.1 Web 应用
• B/S 与 C/S 的优势与劣势 • C/S 应用服务器运行数据负荷较轻 开发代价高 维护成本高
• B/S 维护和升级方式简单 成本降低，选择更多 应用服务器运行数据负荷较重
无法满足快速操作的要求
1.2 微软 Web 应用解决方案
ASP页面中 HTML标记和程序混合在一起，而 可以将程序放在单独的文件中。
2.2 客户端脚本、服务端脚本和 的常用版本：
2.0 Visual Studio 2005 3.5 Visual Studio 2008 4.0 Visual Studio 2010
2.1 HTTP 与 HTML
XHTML 要求正确嵌套
以下是正确的嵌套： <p>布啦布啦<strong>独树一帜</strong>。</p> 以下是错误的嵌套： <p>布啦布啦<strong>独树一帜</p></strong>。
XHTML 所有元素必须关闭
在 HTML 中，比如 <p>，<li> 这些标记，你可以不写 </p>， </li>，但是在 XHTML 里，必须要求写关闭标记 (Closing Tag) 。 比如： <p>布啦布啦很认真。 应该写成: <p>布啦布啦很认真。</p>
第1章Web应用程序开发技术基础.ppt
三、演化模型
1. 什么是演化模型
它遵迭代的思想方法，使开发的软件在迭代过程中 逐步得到完善，一般适用于大型软件的开发。常见的 演化模型又有增量模型和螺旋模型两种。
2. 增量模型
(1) 基本思想：增量模型是瀑布模型的顺序特征与快 速原型法的迭代特征相结合的产物，该模型把软件看 作一系列相互联系的增量，每个增量是小而可运行的 程序，在开发过程的各次迭代中，每次完成一个增量。
②软件危机，使许多产业界人士认识到必须把软件生
产从个人化方式改变为工程化方式，从而导致了软件 工程的诞生。
二、软件工程
1. 软件工程的概念
软件工程的基本理念是“按工程的概念、原理、技 术和方法开发与维护计算机软件”。
“软件工程”一词，首先是1968年北大西洋公约组 织（NATO）在联邦德国召开的一次会议上提出的。
1.2.1 Web应用程序的含义 1.2.2 Web应用程序的特点
1.2.1 Web应用程序的含义
1.2.2 Web应用程序的特点
（1）基于HTTP （2）简单、统一的用户接口 （3）非对称、概率性的访问模式
1.3 Web应用程序的体系结构
1.3.1 2层体系结构 1.3.2 3层体系结构 1.3.3 4层体系结构
人们从不同的角度，给软件工程下过各种定义。但 是不论有多少种说法，它的中心思想，是把软件当作 一种工业产品，要求“采用工程化的原理与方法对软 件进行计划、开发和维护”。
软件工程的三个要素：方法、工具、过程
2. 软件工程的基本原则
软件工程围绕工程设计、工程支持以及工程管理， 提出了以下四条基本原则：
第1章 Web应用程序开发技术基础
1.1 Web发展历史 1.2 Web应用程序的基本概念 1.3 Web应用程序的体系结构 1.4 Web应用程序的工作环境 1.5 Web应用程序开发的技术内容 1.6 Web应用程序开发模型 1.7 Web应用程序开发的环境配置
第1章Web应用基础ppt课件-PPT精品文档
Web服务器
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
01第1章 web应用基础1
1.3.3.2 事件驱动及事件处理
JavaScript采用事件驱动 采用事件驱动(Event-Driven)的 采用事件驱动 的 机制对用户输入做出响应。在图形界面环境下， 机制对用户输入做出响应。在图形界面环境下， 通常称鼠标或键盘的动作为事件(Event)。 通常称鼠标或键盘的动作为事件(Event)。在 JavaScript中，对事件的处理通常由函数完成， 中 对事件的处理通常由函数完成， 称为事件处理函数。 称为事件处理函数。
1.3.2 JavaScript基本数据类型 基本数据类型
基本数据类型： 基本数据类型：
数字 文本字符串 布尔型 null(空) 空 undefined(未定义 未定义) 未定义
复合数据类型： 复合数据类型：
对象 数组
1.3.2 JavaScript基本数据类型 基本数据类型
常量： 的常量通常又称字面常量， 常量：JavaScript的常量通常又称字面常量，是其值不能 的常量通常又称字面常量 改变的数据。 改变的数据。 整型常量：可以使用十六进制、 整型常量：可以使用十六进制、八进制和十进制表示 其值。 其值。 实型常量：实型常量由整数部分加小数部分组成， 实型常量：实型常量由整数部分加小数部分组成，也 可以使用科学表示法。 可以使用科学表示法。 布尔常量： 布尔常量：true和false。 和 。 字符型常量：使用单引号(‘)或双引号 或双引号(“)括起来的多个 字符型常量：使用单引号 或双引号 括起来的多个 (可以是 个)字符。 可以是0个 字符 字符。 可以是 空值： 空值：null，表示什么也没有。 ，表示什么也没有。 未定义： 未定义：undefined。 。
1.3.3 函数与事件驱动
1.3.3.1 函数 1.3.3.2 事件驱动及事件处理 1.3.3.3 基于对象的 基于对象的JavaScript语言 语言 1.3.3.4 内部对象 1.3.3.5 窗口及输入输出
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
息只有文本形式。Web可以提供将图形、音频、视频信息集合于一 体的特性。同时，Web是非常易于导航的，只需要从一个连接跳到
另一个连接，就可以在各页各站点之间进行浏览了。
二、WEB与平台无关
无论你的系统平台是什么，你都可以通过 Internet 访问 WWW 。 浏览WWW对你的系统平台没有什么限制。无论从Windows平台、
anet 的、全球连接的、分布的、动态的、多平台的交互式超文本查
询系统， 在进入21世纪以来, 其作为网络化信息服务的基础得到了 迅速发展。
网站的信息资源组织形式都是以一个主页 (Home Page) 为首,
其他 Web 页面为节点，在每个 Web 页面中都包含了相关的信息及 超链接, 用超链接把主页与 Web 页面以及 Web 页面之间链接成一 个树状结构的信息链。其中主页作为用户进入 Web 站点的入口， 用户可以通过超链接很方便地浏览其他的 Web
1、就Web应用技术而言，您认为Web的发展历程和变迁是“技 术”的升级还是应用模式等“理念”的变革？请举例说明。
2、举例说明您所知道的基于因特网的应用和服务。
3、您个人认为目前在您进行的基于因特网的应用和服务时，尚有 什么不尽人意之处？
END
低版本 HTML 和老式浏览器的制约, Web 页面只能包含单纯的文本内容, 因而在
浏览器中只能显示呆板的固定的文字信息。由于 HTML 标识不断扩充, Microsof t 公司的 Internet Explore 等浏览器不断改进, 才使得 Web 页面逐渐对各种媒体
文件进行支持。如图1-1Web系统结构所示。
随着Internet对商业应用的开放，它已成为一种十分出色的电子化商业 媒介。众多公司、企业不仅把它作为市场销售和客户支持的重要手段，而且 把它作为传真、快递及其他通信手段的廉价替代品，借以形成与全球客户保 持联系和降低日常的运营成本。如：电子邮件、IP电话、网络传真、VPN和 电子商务等等的日渐受到人们的重视便是最好例证。
所形成的瓶颈。并且客户提交的请求（任务）可以从单个功能服务器
到整个服务器系统都可伸缩地运行在一个或多个服务器上, 动态地平衡 客户端的请求负载。
第二节 Web 的特点
一、WEB是图形化的和易于导航的（NAVIGATE）
Web 非常流行的一个很重要的原因就在于它可以在一页上同
时显示色彩丰富的图形和文本的性能。在Web 之前 Internet上的信
（3）互联全球化 Internet虽然已有三十来年的发展历史，但早期主要是限于美国国内的 科研机构、政府机构和它的盟国范围内使用。现在不一样了，随着各国纷纷 提出适合本国国情的信息高速公路计划，已迅速形成了世界性的信息高速公 路建设热潮，各个国家都在以最快的速度接入Internet。
13
（4）互联宽带化 随着网络基础的改善、用户接入方面新技术的采用、接入方式的 多样化和运营商服务能力的提高，接入网速率慢形成的瓶颈问题将 会得到进一步改善，上网速度将会更快，带宽瓶颈约束将会消除， 互联必然宽带化，从而促进更多的应用在网上实现，并能满足用户 多方面的网络需求。 （5）多业务综合平台化、智能化 随着信息技术的发展，互联网将成为图像、话音和数据“三网合 一”的多媒体业务综合平台，并与电子商务、电子政务、电子公务 、电子医务、电子教学等交叉融合。十到二十年内，互联网将超过 报刊、广播和电视的影响力，逐渐形成“第四媒体”。
Web应用与开发技术
学习目标
1. 了解Web应用技术发展概况 2. 掌握Web的概念和技术特点 3. 了解Web应用和互联网发展的内在联系
第一讲 WEB应用技术概述
基本概念 Internet采用超文本和超媒体的信息组织 方式，将信息的链接扩展到整个 Internet上。Web就是一种
超文本信息系统，Web的一个主要的概念就是超文本连接，
Web 技术已经从最初简单的文档浏览发展到了当今复杂的电子商务应用。W eb 的发展过程大致可以划分为三个阶段, 即静态页面阶段、动态交互页面阶段和 实时可伸缩的事务处理阶段。 1．静态页面阶段 在此阶段, Web 技术主要用于简单静态 Web 页面的浏览, 静态 Web 页面都 是由 HTML (Hyper Text Market Language) 语言编写的。用户使用客户端的浏 览器,通过站点主页进入 Internet 上的各个 Web 站点进行访问, 此时, 由于受到
甚至无法预知信息的多少。对于Web没有必要把所有信息都放在
一起，信息可以放在不同的站点上。只需要在浏览器中指明这个 站点就可以了。使在物理上并不一定在一个站点的信息在逻辑上
一体化，从用户来看这些信息是一体的。
四、WEB 是动态的
最后，由于各WEB站点的信息包含站点本身的信息，信息的提供 者可以经常对站上的信息进行更新。如某个协议的发展状况，公司 的广告等等。一般各信息站点都尽量保证信息的时间性。所以WEB 站点上的信息是动态的。经常更新的。这一点是由信息的提供者保 证的。WEB动态的特性还表现在WEB是交互的。WEB的交互性首先 表现在它的超连接上，用户的浏览顺序和所到站点完全由他自己决 定。另外通过FORM的形式可以从服务器方获得动态的信息。用户 通过填写FORM可以向服务器提交请求，服务器可以根据用户的请 求返回相应信息。
Web 浏览器 http Web 浏览器 Internet http Web 服务器
图1-1 Web系统结构
2．动态交互页面阶段 由于静态文档无法与用户交互, 所以用户仅是被动地使用 Web 服务器
所提供的静态页面，即预先设定好的固定信息。另一方面, 对于网络管理员
来说, 维护静态的 Web 页面也是一件很麻烦的事, 需要不断地创建新的 We b 页面并且不断删除与修改已有的 Web 页面, 这些越来越不能满足人们的 进一步要求。 在动态交互页面阶段初期, 只是对用户简单的交互信息进行处理, 按照用 户的要求对主页进行有限的控制。随着动态信息内容的不断加大和数据库 信息资源发布的需求, 越来越多的技术人员认识到 Web 与数据库连接的重 要性。网络数据库技术是本阶段最重要的技术核心。Web 与数据库互连结 构图如图1-2 所示。
Internet发展经历了研究网、运行网和商业网3个阶段。至今， 全世界没有人能够知道Internet的确切规模。Internet正以当初人们 始料不及的惊人速度向前发展，今天的Internet已经从各个方面逐渐 改变人们的工作和生活方式。人们可以随时从网上了解当天最新的 天气信息、新闻动态和旅游信息，可看到当天的报纸和最新杂志， 可以足不出户在家里炒股、网上购物、收发电子邮件，享受远程医 疗和远程教育等等。 Internet的意义并不在于它的规模，而在于它提供了一种全新的 全球性的信息基础设施。当今世界正向知识经济时代迈进，信息产 业已经发展成为世界发达国家的新的支柱产业，成为推动世界经济 高速发展的新的源动力，并且广泛渗透到各个领域，特别是近几年 来国际互联网络及其应用的发展，从根本上改变了人们的思想观念 和生产生活方式，推动了各行各业的发展，并且成为知识经济时代 的一个重要标志之一。Internet已经构成全球信息高速公路的雏形和 未来信息社会的蓝图。纵观Internet的发展史，可以看出Internet的 发展趋势主要表现在如下几个方面：
第三节 Web 的应用
互联网（Internet）给全世界带来了非同寻常的机遇。人类经历 了农业社会、工业社会，当前正在迈进信息社会。信息作为继材料、 能源之后的又一重要战略资源，它的有效开发和充分利用，已经成 为社会和经济发展的重要推动力和取得经济发展的重要生产要素， 它正在改变着人们的生产方式、工作方式、生活方式和学习方式。 首先，网络缩短了时空的距离，大大加快了信息的传递．使得社会 的各种资源得以共享。 其次，网络创造出了更多的机会，可以有效 地提高传统产业的生产效率，有力地拉动消费需求，从而促进经济 增长。推动生产力进步。 第三，网络也为各个层次的文化交流提供 了良好的平台。
UNIX平台、Macintosh还是别的什么平台我们都可以访问WWW。
对 WWW 的访问是通过一种叫做浏览器（ browser ）的软件实现 的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的
Explorer等。
三、WEB是分布式的
大量的图形、音频和视频信息会占用相当大的磁盘空间，我们
（1）运营产业化 以Internet运营为产业的企业迅速崛起，从1995年5月开始，多年资助I nternet研究开发的美国科学基金会（NSF）退出Internet，把NSF net的经 营权转交给美国3家最大的私营电信公司（即Sprint、MCI和ANS），这是 Internet发展史上的重大转折。 （2）应用商业化
它使得文本不再像一本书一样是固定的线性的。而是可以从 一个位置跳到另外的位置。你可以从中获取更多的信息。可
以转到别的主题上。想要了解某一个主题的内容只要在这个
主题上点一下，就可以跳转到包含这一主题的文档上。正是 这种多连接性我们才把它称为Web。
第一节 Web 的产生及发展
WWW (World Wide Web,也称万维网) ,是基于 Internet/Intr
Web 浏览器 Internet 客户端应用 Java Applet Web 服务器 中间件 CGI/API 数据库 服务器
图1-2 Web与数据库互连结构图
3. 实时可伸缩的事务处理阶段
随着 Internet 用户的迅速增加, 人们渴望网络能给他们的生活带来 更多的便利, 电子商务的出现对商家和用户都产生了深远的影响 , 也使 Web 的应用深入到人们日常生活的每个角落。为了在 Web 上进行实 时可伸缩的事务处理, 实现电子商务, Web 必须解决几个关键问题, 即 如何实现实时的事务处理、可伸缩性、可扩展性、安全性与客户认证 等技术难题。 Web 对象技术是最新一代 Web 应用的关键技术, 它通过分布对象 技术允许客户机直接同相关服务器联系, 开销小且避免了 Web 服务器
另一个连接，就可以在各页各站点之间进行浏览了。
二、WEB与平台无关
无论你的系统平台是什么，你都可以通过 Internet 访问 WWW 。 浏览WWW对你的系统平台没有什么限制。无论从Windows平台、
anet 的、全球连接的、分布的、动态的、多平台的交互式超文本查
询系统， 在进入21世纪以来, 其作为网络化信息服务的基础得到了 迅速发展。
网站的信息资源组织形式都是以一个主页 (Home Page) 为首,
其他 Web 页面为节点，在每个 Web 页面中都包含了相关的信息及 超链接, 用超链接把主页与 Web 页面以及 Web 页面之间链接成一 个树状结构的信息链。其中主页作为用户进入 Web 站点的入口， 用户可以通过超链接很方便地浏览其他的 Web
1、就Web应用技术而言，您认为Web的发展历程和变迁是“技 术”的升级还是应用模式等“理念”的变革？请举例说明。
2、举例说明您所知道的基于因特网的应用和服务。
3、您个人认为目前在您进行的基于因特网的应用和服务时，尚有 什么不尽人意之处？
END
低版本 HTML 和老式浏览器的制约, Web 页面只能包含单纯的文本内容, 因而在
浏览器中只能显示呆板的固定的文字信息。由于 HTML 标识不断扩充, Microsof t 公司的 Internet Explore 等浏览器不断改进, 才使得 Web 页面逐渐对各种媒体
文件进行支持。如图1-1Web系统结构所示。
随着Internet对商业应用的开放，它已成为一种十分出色的电子化商业 媒介。众多公司、企业不仅把它作为市场销售和客户支持的重要手段，而且 把它作为传真、快递及其他通信手段的廉价替代品，借以形成与全球客户保 持联系和降低日常的运营成本。如：电子邮件、IP电话、网络传真、VPN和 电子商务等等的日渐受到人们的重视便是最好例证。
所形成的瓶颈。并且客户提交的请求（任务）可以从单个功能服务器
到整个服务器系统都可伸缩地运行在一个或多个服务器上, 动态地平衡 客户端的请求负载。
第二节 Web 的特点
一、WEB是图形化的和易于导航的（NAVIGATE）
Web 非常流行的一个很重要的原因就在于它可以在一页上同
时显示色彩丰富的图形和文本的性能。在Web 之前 Internet上的信
（3）互联全球化 Internet虽然已有三十来年的发展历史，但早期主要是限于美国国内的 科研机构、政府机构和它的盟国范围内使用。现在不一样了，随着各国纷纷 提出适合本国国情的信息高速公路计划，已迅速形成了世界性的信息高速公 路建设热潮，各个国家都在以最快的速度接入Internet。
13
（4）互联宽带化 随着网络基础的改善、用户接入方面新技术的采用、接入方式的 多样化和运营商服务能力的提高，接入网速率慢形成的瓶颈问题将 会得到进一步改善，上网速度将会更快，带宽瓶颈约束将会消除， 互联必然宽带化，从而促进更多的应用在网上实现，并能满足用户 多方面的网络需求。 （5）多业务综合平台化、智能化 随着信息技术的发展，互联网将成为图像、话音和数据“三网合 一”的多媒体业务综合平台，并与电子商务、电子政务、电子公务 、电子医务、电子教学等交叉融合。十到二十年内，互联网将超过 报刊、广播和电视的影响力，逐渐形成“第四媒体”。
Web应用与开发技术
学习目标
1. 了解Web应用技术发展概况 2. 掌握Web的概念和技术特点 3. 了解Web应用和互联网发展的内在联系
第一讲 WEB应用技术概述
基本概念 Internet采用超文本和超媒体的信息组织 方式，将信息的链接扩展到整个 Internet上。Web就是一种
超文本信息系统，Web的一个主要的概念就是超文本连接，
Web 技术已经从最初简单的文档浏览发展到了当今复杂的电子商务应用。W eb 的发展过程大致可以划分为三个阶段, 即静态页面阶段、动态交互页面阶段和 实时可伸缩的事务处理阶段。 1．静态页面阶段 在此阶段, Web 技术主要用于简单静态 Web 页面的浏览, 静态 Web 页面都 是由 HTML (Hyper Text Market Language) 语言编写的。用户使用客户端的浏 览器,通过站点主页进入 Internet 上的各个 Web 站点进行访问, 此时, 由于受到
甚至无法预知信息的多少。对于Web没有必要把所有信息都放在
一起，信息可以放在不同的站点上。只需要在浏览器中指明这个 站点就可以了。使在物理上并不一定在一个站点的信息在逻辑上
一体化，从用户来看这些信息是一体的。
四、WEB 是动态的
最后，由于各WEB站点的信息包含站点本身的信息，信息的提供 者可以经常对站上的信息进行更新。如某个协议的发展状况，公司 的广告等等。一般各信息站点都尽量保证信息的时间性。所以WEB 站点上的信息是动态的。经常更新的。这一点是由信息的提供者保 证的。WEB动态的特性还表现在WEB是交互的。WEB的交互性首先 表现在它的超连接上，用户的浏览顺序和所到站点完全由他自己决 定。另外通过FORM的形式可以从服务器方获得动态的信息。用户 通过填写FORM可以向服务器提交请求，服务器可以根据用户的请 求返回相应信息。
Web 浏览器 http Web 浏览器 Internet http Web 服务器
图1-1 Web系统结构
2．动态交互页面阶段 由于静态文档无法与用户交互, 所以用户仅是被动地使用 Web 服务器
所提供的静态页面，即预先设定好的固定信息。另一方面, 对于网络管理员
来说, 维护静态的 Web 页面也是一件很麻烦的事, 需要不断地创建新的 We b 页面并且不断删除与修改已有的 Web 页面, 这些越来越不能满足人们的 进一步要求。 在动态交互页面阶段初期, 只是对用户简单的交互信息进行处理, 按照用 户的要求对主页进行有限的控制。随着动态信息内容的不断加大和数据库 信息资源发布的需求, 越来越多的技术人员认识到 Web 与数据库连接的重 要性。网络数据库技术是本阶段最重要的技术核心。Web 与数据库互连结 构图如图1-2 所示。
Internet发展经历了研究网、运行网和商业网3个阶段。至今， 全世界没有人能够知道Internet的确切规模。Internet正以当初人们 始料不及的惊人速度向前发展，今天的Internet已经从各个方面逐渐 改变人们的工作和生活方式。人们可以随时从网上了解当天最新的 天气信息、新闻动态和旅游信息，可看到当天的报纸和最新杂志， 可以足不出户在家里炒股、网上购物、收发电子邮件，享受远程医 疗和远程教育等等。 Internet的意义并不在于它的规模，而在于它提供了一种全新的 全球性的信息基础设施。当今世界正向知识经济时代迈进，信息产 业已经发展成为世界发达国家的新的支柱产业，成为推动世界经济 高速发展的新的源动力，并且广泛渗透到各个领域，特别是近几年 来国际互联网络及其应用的发展，从根本上改变了人们的思想观念 和生产生活方式，推动了各行各业的发展，并且成为知识经济时代 的一个重要标志之一。Internet已经构成全球信息高速公路的雏形和 未来信息社会的蓝图。纵观Internet的发展史，可以看出Internet的 发展趋势主要表现在如下几个方面：
第三节 Web 的应用
互联网（Internet）给全世界带来了非同寻常的机遇。人类经历 了农业社会、工业社会，当前正在迈进信息社会。信息作为继材料、 能源之后的又一重要战略资源，它的有效开发和充分利用，已经成 为社会和经济发展的重要推动力和取得经济发展的重要生产要素， 它正在改变着人们的生产方式、工作方式、生活方式和学习方式。 首先，网络缩短了时空的距离，大大加快了信息的传递．使得社会 的各种资源得以共享。 其次，网络创造出了更多的机会，可以有效 地提高传统产业的生产效率，有力地拉动消费需求，从而促进经济 增长。推动生产力进步。 第三，网络也为各个层次的文化交流提供 了良好的平台。
UNIX平台、Macintosh还是别的什么平台我们都可以访问WWW。
对 WWW 的访问是通过一种叫做浏览器（ browser ）的软件实现 的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的
Explorer等。
三、WEB是分布式的
大量的图形、音频和视频信息会占用相当大的磁盘空间，我们
（1）运营产业化 以Internet运营为产业的企业迅速崛起，从1995年5月开始，多年资助I nternet研究开发的美国科学基金会（NSF）退出Internet，把NSF net的经 营权转交给美国3家最大的私营电信公司（即Sprint、MCI和ANS），这是 Internet发展史上的重大转折。 （2）应用商业化
它使得文本不再像一本书一样是固定的线性的。而是可以从 一个位置跳到另外的位置。你可以从中获取更多的信息。可
以转到别的主题上。想要了解某一个主题的内容只要在这个
主题上点一下，就可以跳转到包含这一主题的文档上。正是 这种多连接性我们才把它称为Web。
第一节 Web 的产生及发展
WWW (World Wide Web,也称万维网) ,是基于 Internet/Intr
Web 浏览器 Internet 客户端应用 Java Applet Web 服务器 中间件 CGI/API 数据库 服务器
图1-2 Web与数据库互连结构图
3. 实时可伸缩的事务处理阶段
随着 Internet 用户的迅速增加, 人们渴望网络能给他们的生活带来 更多的便利, 电子商务的出现对商家和用户都产生了深远的影响 , 也使 Web 的应用深入到人们日常生活的每个角落。为了在 Web 上进行实 时可伸缩的事务处理, 实现电子商务, Web 必须解决几个关键问题, 即 如何实现实时的事务处理、可伸缩性、可扩展性、安全性与客户认证 等技术难题。 Web 对象技术是最新一代 Web 应用的关键技术, 它通过分布对象 技术允许客户机直接同相关服务器联系, 开销小且避免了 Web 服务器