第1章Web技术简介
合集下载
Web 开发技术 第一章 绪论
14/42
TCP/IP模型
• TCP/IP参考模型是4层结构：
– 网络接口层：也称数据链路层，通常包括操作系统中的设备驱 动程序和计算机中的网卡，一起处理与电缆 (或其他任何传输 媒介) 的物理接口细节 – 互联网层：也称网络层，其作用是处理分组在网络中的活动， 例如分组的选路。在TCP/IP协议族中，网络层协议包括IP协 议 (网际协议) ，ICMP协议 (互联网控制报文协议) ，以及 IGMP协议 (互联组管理协议)
Web是一种体系结构,通过它可以访问遍布于Internet主机上的链接文档
Web是存储在全世界Internet主机中数量巨大的文档的集合
Web 上的信息由彼此关联的文档组成,这些文档称为主页或页面 Web的内容保存在Web站点中,用户可通过浏览器访问站点
3/42
1.2 Web的架构（B/S模式）
通过这些文字或图象，可以跳转至其它位置。
超文本链接
超文本链接（Hypertext Link）是指超文本中用以链接到其它文件的 文字或图像，简称超链接；超文本中的任何文字或图像都可以被指定 为超链接。
IP地址和域名
IP地址和域名是Internet使用的网络地址，符合TCP/IP协议规定的地址 方案，与日常生活中涉及的通信地址和电话号码相似。TCP/IP协议要 求每一个主机都有惟一的一个网络地址，简称IP地址。在Internet中， 域名可以通过域名服务系统 (DNS) 映射为IP地址，以方便人们记忆。
7/42
• HTTP
超文本传输协议HTTP(Hypertext Transport Protocol)是Web浏 览器与Web服务器之间进行数据传输的应用层通信协议， 它建立在TCP/IP协议的基础上，用以传输超文本文档。 在WWW中，“客户”与“服务器”是一个相对的概念， 只存在于一个特定的连接期间，即在某个连接中的客户在 另一个连接中可能作为服务器。 基于HTTP协议的客户/服务器模式的信息交换过程，它分 四个过程：建立连接、发送请求信息、发送响应信息、关 闭连接。
Web基础知识
2）客户端动态技术3
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
第1章_Web数据库技术概述
模型1：JSP+JavaBean阶段
把业务处理代码从JSP中提取出来，然后形成 JavaBean；JSP完成输入、输出和控制功能； 需要的时候JSP调用JavaBean的功能。
JSP页面
JavaBean
优点：处理功能从JSP页面中分离出来，由 JavaBean完成，减少了页面中的代码。 缺点：页面中仍然存在用于控制的代码。
Java企业级应用架构
Java Web技术的发展历史
Servlet技术 JSP技术 模型1：JSP+JavaBean 模型2：JSP+JavaBean+Servlet 框架 可视化开发
Servlet技术阶段
Java技术中最早的Web解决方案，页面中的所 有信息需要通过输出语句来生成。
基于Java的Web数据库访问技术 Java Applet：将Java 小程序（Applet）从服务 器端下载到客户端Web浏览器中执行，通过 JDBC驱动程序访问服务器端的数据库。 Java servlet：Java Servlet是运行于Web服务器 端的小程序，其作用类似于CGI程序，但比 CGI程程序的效率更高。利用Java Servlet可以 实现网页中很多交互式效果，在动态网页设计 中具有广泛应用。用户通过Web浏览器访问服 务器端的Java servlet程序，Java servlet负责实 现对数据库的访问，并动态生成HTML格式的 结果文件，交给Web浏览器显示。
--Servlet技术：用于系统流程控制。 -- JavaBean技术：完成核心功能，是一个比较特 殊的Java类，编写方法与普通Java类相同。 --JDBC技术：Java访问数据库的中间件，完成与 数据库的交互。 --XML技术： Java Web应用中的配置文件采用 XML文件的形式，另外JSP页面也可以采用 XML文档的形式。
第一章Web技术概述
13.通道(Tunnel)：是作为两个连接中继的中介程序。一旦激活，通道 便被认为不属于HTTP通讯，尽管通道可能是被一个HTTP请求初始化的。 当被中继的连接两端关闭时，通道便消失。当一个门户(Portal)必须存 在或中介(Intermediary)不能解释中继的通讯时通道被经常使用。
14.缓存(Cache)：反应信息的局域存储。
Internet（Inter Network）译为“因特网”， 也称国际互 联网，简称互联网。因特网是一个把世界范围内的众多计算 机、人、数据库、软件和文件连接在一起的，通过一个共同 的通信协议(TCP/IP协议)相互会话的网络。
14
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种不同的 计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间的地 址解析工作
网络病毒、保密、黑客(Huckman)
16
路由器 路由器
R
校园网子网
校园网
R
路由器 路由器
电子商务网站
R R
路由器
路由器
Internet
具有上网功能的手机 PDA掌上电脑 卫星接收系统
路由器
路由器
ISP网络
R R
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
17
WWW的核心-HTTP
HTTP协议简介
20
10.源服务器(Originserver)：是一个给定资源可以在其上驻留或被创 建的服务器。
11.代理(Proxy)：一个中间程序，它可以充当一个服务器，也可以充当 一个客户机，为其它客户机建立请求。请求是通过可能的翻译在内部或 经过传递到其它的服务器中。一个代理在发送请求信息之前，必须解释 并且如果可能重写它。
第01章 Web基础
7/19
分层是为了实现“高内聚、低耦合”。采用“分而治之”的思想，
把问题划分开来各个解决，这样易于控制，易于延展，易于分配资源。 (1)表示层：负责直接跟用户进行交互，一般也就是指系统的界面， 用于数据录入、数据显示等。 (2)业务逻辑层：用于做一些有效性验证 的工作，以更好地保证程序运行的健壮性， 例如完成数据添加、修改和查询业务；不允 许指定的文本框中输入空字符串，数据格式
4/19
1.1.3
C/S结构简介
C/S（Client/Server）结构即客户机和服务器结构。它是软件系 统的体系结构，通过它可以充分利用两端硬件环境的优势，将任务合 理分配到Client端和Server端来实现，降低了系统的通信开销。目前 许多应用软件正从Client/Server模式向分布式的Web应用发展。
14/19
（3）隔离驱动模式
用隔离驱动模式设计时，陈述层和数据层被独立地开发，常常是平行开发。 这两层在设计时没有任何的相互干扰，所以不会存在人为的约束和有害的设计元
素。当这两层都设计完成后，再设计业务层。业务层的责任就是在对数据层和陈
述层的需求没有发生变化的基础上完成所有的转换。 因为现在陈述层和数据层是完全独立的，当业务层需求改变的时候，陈述层 和数据层都可以做相应的修改而不影响对方。改变两个在物理上不相邻的层不会 直接对其他层产生影响或发生冲突，这就允许数据层进行结构的调整或者陈述层 根据用户的需求做相应的变化，而不需要系统做很大的调整或者修改。隔离驱动 模式如下所示。
ECMAScript标准。
3/19
1.1.2
B/S结构简介
B/S（Browser/Server）结构即浏览器和服务器结构，是WEB兴起后的
一种网络结构模式，WEB浏览器是客户端最主要的应用软件。 B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的 软件，只要有一台能上网的电脑就能使用，客户端零维护，系统的扩展非 常容易。
1 Web开发技术概述
24-32
网页制作工具
Fireworks也是由Macromedia公司开发的一种工 具。它以处理网页图片为特长，并可以轻松创作 GIF动画。它的出现使Web作图发生了革命性的变 化。Fireworks是专为网络图像设计而开发，内 建丰富的支持网络出版功能，比如Fireworks能 够自动切图、生成鼠标动态感应的javascript。 而且Fireworks 具有十分强大的动画功能和一个 几乎完美的网络图像生成器(Export功能)。它增 强了与Dreamweaver的联系，可以导出为配合CSS 式样的网页及图片。
B/S模式是一种基于Web的协同计算模式，是一种 三层架构的瘦客户机/肥服务器的计算模式。第 一层为客户端表示层，与C/S结构中的“肥”客 户端不同，三层架构中的客户层只保留一个Web 浏览器，不存放任何应用程序，其运行代码可以 从位于第二层Web服务器下载到本地的浏览器中 执行，几乎不需要任何管理工作。第二层是应用 服务器层，由一台或多台服务器（Web服务器也 位于这一层）组成，处理应用中的所有业务逻辑 ，包括对数据库的访问等工作，该层具有良好的 可扩充性，可以随着应用的需要任意增加服务的 数目。第三层是数据中心层，主要由数据库系统 组成。
2-32
第1章 Web开发技术概述
1．掌握Web的基本概念和基础知识。 2．熟悉C/S模式与B/S模式的结构。 3．了解常用的Web开发工具。 4．了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。
3-32
Web开发技术概述
互联网的快速发展对人们的工作、学习和生活带 来了重大影响。人们利用互联网的主要方式就是 通过浏览器访问网站，以便处理数据、获取信息 。当人们通过浏览器打开各式各样的网站进行信 息处理、享受互联网带给人们巨大便利的同时， 好奇的读者也许非常想知道其背后所隐藏的所有 实现技术。涉及到的技术是多方面的，包括网络 技术、数据库技术、面向对象技术、图形图像处 理技术、多媒体技术、网络和信息安全技术、互 联网技术、Web开发技术等等。其中Web开发技术 是互联网应用中最为关键技术之一。
网页制作工具
Fireworks也是由Macromedia公司开发的一种工 具。它以处理网页图片为特长，并可以轻松创作 GIF动画。它的出现使Web作图发生了革命性的变 化。Fireworks是专为网络图像设计而开发，内 建丰富的支持网络出版功能，比如Fireworks能 够自动切图、生成鼠标动态感应的javascript。 而且Fireworks 具有十分强大的动画功能和一个 几乎完美的网络图像生成器(Export功能)。它增 强了与Dreamweaver的联系，可以导出为配合CSS 式样的网页及图片。
B/S模式是一种基于Web的协同计算模式，是一种 三层架构的瘦客户机/肥服务器的计算模式。第 一层为客户端表示层，与C/S结构中的“肥”客 户端不同，三层架构中的客户层只保留一个Web 浏览器，不存放任何应用程序，其运行代码可以 从位于第二层Web服务器下载到本地的浏览器中 执行，几乎不需要任何管理工作。第二层是应用 服务器层，由一台或多台服务器（Web服务器也 位于这一层）组成，处理应用中的所有业务逻辑 ，包括对数据库的访问等工作，该层具有良好的 可扩充性，可以随着应用的需要任意增加服务的 数目。第三层是数据中心层，主要由数据库系统 组成。
2-32
第1章 Web开发技术概述
1．掌握Web的基本概念和基础知识。 2．熟悉C/S模式与B/S模式的结构。 3．了解常用的Web开发工具。 4．了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。
3-32
Web开发技术概述
互联网的快速发展对人们的工作、学习和生活带 来了重大影响。人们利用互联网的主要方式就是 通过浏览器访问网站，以便处理数据、获取信息 。当人们通过浏览器打开各式各样的网站进行信 息处理、享受互联网带给人们巨大便利的同时， 好奇的读者也许非常想知道其背后所隐藏的所有 实现技术。涉及到的技术是多方面的，包括网络 技术、数据库技术、面向对象技术、图形图像处 理技术、多媒体技术、网络和信息安全技术、互 联网技术、Web开发技术等等。其中Web开发技术 是互联网应用中最为关键技术之一。
第1章 Java Web概述
虚拟目录配置
配置JavaWebExample的虚拟目录，方法如下：
1．前期准备工作
① 在D盘建立D:\WorkSpace\JavaWebExample的文件夹 （也可以建立在其他磁盘）。 ② 在JavaWebExample文件夹中新建index.html文件，输入 “欢迎”二字。
2. 配置Tomcat虚拟目录 ① 打开Tomcat的安装目录下conf文件夹的server.xml文件。 在<Host>和</Host>标签之间加上虚拟目录配置标签，即 <Context path=”/JavaWebExample” docBase=”D:\WorkSpace\JavaWebExample”/>，其中 path属性值为虚拟目录名称，docBase属性值为虚拟目录指向 的物理目录。修改后如图1-16所示。这里path保存的值是你在 浏览器中输入的值即虚拟目录，docBase保存的值是你要访问的 文件的物理绝对路径。
现有项目导入、导出、发布打包
4.项目导入 项目导入可直接将文件拷贝至相应文件夹中，也可导入War文件。 下面先来介绍第一种方法 1. 文件拷贝 2. 导入War文件
5.发布打包 选择要打包的项目，右键单击Export(导出)，选择WAR file— >Next，在Web project选项中默认为当前项目名称，也可自行 修改。在Destination选项中选择项目打包后的存储路径。如图 1-38所示。单击Finish完成打包，完成可在存储位置查看文件， 如图1-39所示。
3.工具联合开发调试项目 使用Eclipse开发程序时，虽然系统框架结构会给你带来方便， 但并不太适合于开发Web显示界面，而Dreamweaver开发 Web页面时可以实现所见即所得的效果，页面也遵循W3C国际 标准。因此，可以利用这些开发工具各自的优点，结合开发Web 程序，从而提高开发效率。
第1章 Web前端开发基础-Web前端开发-刘敏娜-清华大学出版社
1.4 Web页面在地址栏中输入要访问的网 页的url，通过http协议向url 所在的服务器发起服务请求
服务处理请求
根据浏览器发起的请求，把 url地址转换成网页所在服务 器上的实际路径，找到相应 的网页文件
3
反馈网页
网页中仅包含html标记，服 务器直接通过http协议将文 档发送到客户端，如果还包 括jsp程序或者其他动态网站 程序，则通过服务器执行后 将运行结果发送给客户端
3
1.1 web介绍
Web起源
WWW的开发阶段 WWW的发展阶段 WWW商业化阶段 无所不在的WWW
Web版本
Web 1.0 Web 2.0 Web 3.0
4
Web前端开发基础 Contents
1 Web介绍 2 Web开发 3 Web基本概念 4 Web页面浏览过程 5 Web前端开发技术 6 主流Web浏览器 7 Web前端开发流程 8 Web前端开发工具 9 Web前端工程师从业要求 10 网站鉴赏能力培养
Web也称万维网。Web的英文全称是“World Wide Web”，简称 WWW。 Web是基于“超文本”的信息查询和发布系统。万维网将Internet 上众多的Web服务器提供的资源连接起来，组成一个海量的信 息网。 Web是英国的TimBerners-Lee 1980年在欧洲共同体的一个大型 科研机构任职时发明的。 通过Web平台，互联网上的资源在一个网页里展示出来，而且 资源之间可以建立链接。
4
客户端显示网页
浏览器解释html文档，将结 果显示在客户端浏览器
1
2
3
4
10
Web前端开发基础 Contents
1 Web介绍
2 Web开发 3 Web基本概念 4 Web页面浏览过程 5 Web前端开发技术 6 主流Web浏览器 7 Web前端开发流程 8 Web前端开发工具 9 Web前端工程师从业要求 10 网站鉴赏能力培养
Web前端开发(初级)-第1章 Web简介-Ver 1.0
1+X 证书试点 - web前端开发 课程组
1.1 Web的诞生
Internet的主要服务 E-mail：电子邮件，具有速度快、成本低、方便灵活的优点，用户 之间通过发送/接受电子邮件可以向实现信息的交换； FTP：文件传输，主要用于文件的分享，由于安全问题，使用场景有 所减少； BBS：电子公告牌，主要用以信息的共享和用户之间的互动，现代已 发展成为功能前的社区，可以实现信息公告、线上交谈、分类讨论、 经验交流、文件共享等； WWW：World Wide Web,简称WWW，也称Web,是Internet上集文本、声 音、图像、视频等多媒体信息于一身的全球信息资源网络，是 Internet上的重要组成部分。
Opera
Presto，2013年换成Blink（Chromium）
Safari
Webkit
Firefox
Gecke
Google Chrome 之前为Webkit,2013年换成Blink
联盟);
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
WWW World Wide Web的缩写，简写为W3、Web,中文名为万维网， 它是Internet上最核心的部分，是Internet上哪些支持WWW 服务和HTTP协议的服务器的集合； WWW在使用上分为Web服务器和Web客户端，用户通过Web客 户端可以访问Web服务端的页面；
现状 成为libwww库
技术出售、诞生Netscape
和IE竞争失败，正式退出历 史舞台 2016-1-12停止维护，历史 原因，依然留存 现存 现存 现存 现存 现存
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
1.1 Web的诞生
Internet的主要服务 E-mail：电子邮件，具有速度快、成本低、方便灵活的优点，用户 之间通过发送/接受电子邮件可以向实现信息的交换； FTP：文件传输，主要用于文件的分享，由于安全问题，使用场景有 所减少； BBS：电子公告牌，主要用以信息的共享和用户之间的互动，现代已 发展成为功能前的社区，可以实现信息公告、线上交谈、分类讨论、 经验交流、文件共享等； WWW：World Wide Web,简称WWW，也称Web,是Internet上集文本、声 音、图像、视频等多媒体信息于一身的全球信息资源网络，是 Internet上的重要组成部分。
Opera
Presto，2013年换成Blink（Chromium）
Safari
Webkit
Firefox
Gecke
Google Chrome 之前为Webkit,2013年换成Blink
联盟);
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
WWW World Wide Web的缩写，简写为W3、Web,中文名为万维网， 它是Internet上最核心的部分，是Internet上哪些支持WWW 服务和HTTP协议的服务器的集合； WWW在使用上分为Web服务器和Web客户端，用户通过Web客 户端可以访问Web服务端的页面；
现状 成为libwww库
技术出售、诞生Netscape
和IE竞争失败，正式退出历 史舞台 2016-1-12停止维护，历史 原因，依然留存 现存 现存 现存 现存 现存
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
第一章 Internet和World Wide Web简介
表示层的主要功能： 表示层的主要功能：
• 用于处理在两个通信系统中交换信息的 表示方式； • 数据格式变换； • 数据加密与解密； • 数据压缩与恢复。
–变换 变换 –加密 加密 –压缩 压缩
应用层的主要功能: 应用层的主要功能:
• 为应用程序提供了网络服务; • 应用层需要识别并保证通信对方的可用 性，使得协同工作的应用程序之间的同 步; • 建立传输错误纠正与保证数据完整性的 控制机制。
– NSFnet
1、Internet的定义
• Internet是指这样一个全球的信息系统：
– 使用IP或者其后续的标准作为唯一全局地址命名而逻辑 连接在一起的； – 能够通过TCP/IP或者兼容的协议进行通信的； – 基于上述定址和通信技术，提供可访问、高质量的相 关私有或者公共的服务的信息系统。
• 2010年1月13日，国务院常务会议决定加快推进电信网、 广播电视网、互联网三网融合，并审议通过了推进三网融 合的总体方案。
– 中国三网融合工作将分两个阶段进行。 – 2010年至2012年为试点阶段，以推进广电和电信业务双向阶段性 进入为重点，制定三网融合试点方案，选择有条件的地区开展试 点，不断扩大试点广度和范围；加快电信网、广播电视网、互联 网升级改造，加快培育市场主体，组建国家级有线电视网络公司， 基本形成保障三网融合规范有序开展的政策体系和体制机制。 – 2013年至2015年为推广阶段，要总结推广试点经验，全面推进三 网融合；自主创新技术研发和产业化取得突破性进展，掌握一批 核心技术，宽带通信网、数字电视网、下一代互联网的网络承载 能力进一步提升。
• Socket是对TCP/IP函数调用的封装。 • 这种封装对基于TCP/IP的编程带来了极大 的方便，因此通过Socket实现网络编程非 常简单。 • Socket告诉程序员在服务器端和客户端应 该按照某些特定的程序框架完成连接和数 据传输。
第1章 Web应用开发概述
客户端脚本技术 客户端脚本技术是指嵌入到Web页面中的程序代码，这些程序代码是一种解释性的语言，浏览器 可以对客户端脚本进行解释。通过脚本语言可以实现以编程的方式对页面元素进行控制，从而增加 页面的灵活性。常用的客户端脚本语言有JavaScript和VBScript。 说明： 目前，应用最为广泛的客户端脚本语言是JavaScript脚本，它是Ajax的重要组成部分。在本书 的第2章将对JavaScript脚本语言进行详细介绍。
图1-2 B/S体系结构 说明：B/S由美国微软公司研发，C/S由美国Borland公司最早研发。
1.1.3
两种体系结构的比较
C/S结构和B/S结构是当今世界网络程序开发体系结构的两大主流。目前，这两种结构都有自己 的市场份额和客户群。但是，这两种体系结构又各有各的优点和缺点，下面将从以下3个方面进行 比较说明。 1．开发和维护成本方面 C/S结构的开发和维护成本都比B/S高。采用C/S结构时，对于不同客户端要开发不同的程序， 而且软件的安装、调试和升级均需要在所有的客户机上进行。例如，如果一个企业共有10个客户站 点使用一套C/S结构的软件，则这10个客户站点都需要安装客户端程序。当这套软件进行了哪怕很 微小的改动后，系统维护员都必须将客户端原有的软件卸载，再安装新的版本并进行配置，最可怕 的是客户端的维护工作必须不折不扣的进行10次。若某个客户端忘记进行这样的更新，则该客户端 将会因软件版本不一致而无法工作。而B/S结构的软件，则不必在客户端进行安装及维护。如果我 们将前面企业的C/S结构的软件换成B/S结构的，这样在软件升级后，系统维护员只需要将服务器的 软件升级到最新版本，对于其他客户端，只要重新登录系统就可以使用最新版本的软件了。
图1-3 Web的工作流程图
第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)。
第一章 WWW技术简介
第三阶段：与数据库系统相结合，除提供动态网页生成和 访问之外，还提供基于Web的联机事务处理能力。
1.2 Web服务器的安装与配置
Web服务器是指专门提供Web文件保存空间，并负责传 送和管理Web文件和支持各种Web程序的服务器
1.2.1 常见的Web服务器
Microsoft Internet Information Server(IIS) Microsoft Personal Web Server(PWS) Apache HTTP Server Netscape Enterprise Server Sun ONE Web Server
1.3.2 虚拟目录的设置
单击“开始”→“控制面板”→“管理工具”→“Internet 信息服务”；展开“本地计算机”列表，展开“网站”文件 夹；右击“默认网站”，单击“新建”→“虚拟目录”。 打开“虚拟目录创建向导”对话框，单击“下一步”。
输入虚拟目录的别名，单击“下一步”。
输入虚拟目录所对应的实际文件夹的路径，单击“下一 步”。
WWW是成千上万个网站连接而成的页面式网络信息系统。
2. WWW的三要素 统一的资源命名方式：URL（统一资源定位符，即网址） 统一的资源访问方式：HTTP（超文本传输协议） 统一的信息组织方式：HTML（超文本标记语言）
3. WWW的特点
分布式的信息资源 统一的用户界面 支持各种信息资源和各种媒体的演播 广泛的用途
设置虚拟目录的访问权限。
读取：用户能读取或下载虚拟目录下的文件。 执行：用户能执行虚拟目录下的应用程序（包括脚本程序、dll和exe 文件等），一般建议不授予此权限。 运行脚本：用户在不具备执行权限的情况下能执行虚拟目录下的特 定脚本程序，如ASP等脚本。一般建议将此权限授予用户，否 则动态网页将无法正常执行。
第1章 WWW技术简介要点
protocol :// hostname[:port] / path / [;parameters][?query]#fragment – 协议类型：通过URL可以指定的主要有以下几种：http、ftp、 telnet、file等，包括新出现的ed2k、Flashget、thunder、tencent、 msnim等。 – hostname（主机名）：是指存放资源的服务器的域名系统 (DNS) 主机名或 IP 地址。有时，在主机名前也可以包含连接 到服务器所需的用户名和密码（格式：username:password）。 – path（路径）：由零或多个“/”符号隔开的字符串，一般用来 表示主机上的一个目录或文件地址。
WWW技术简介
➢HTML
HTML（Hypertext Markup Language，超级文本标记语言） 一种用来制作网络中超级文本的简单标记语言。它是在文本文件
的基础上加上一系列标记，用以描述其颜色、字体、文字大小和 格式，再加上声音、图像、动画甚至视频等形成精彩的页面。严 格来说，HTML语言并不是一种编程语言，只是一些能让浏览器 看懂的标记。当用户浏览WWW上包含HTML语言标签的网页时， 浏览器会“翻译”由这些HTML语言标签提供的网页结构、外观 和内容的信息，并按照一定的格式在屏幕上显示出来。HTML是 在客户端被执行的，它包含许多HTML标签（标记），这些标签 都包括在“<”和“>”符号里，并且大部分是成对出现的。
WWW技术简介
静态网页指的是HTML网页，即用HTML语言 编写的网页，它是所有其他网页技术的基 础。
网页中所有的对象，包括文字、图片、 超链接、Flash动画、表格、列表等都需要 通过HTML才能展现出来。
WWW技术简介
动态服务器网页是在WWW服务器端动态生 成网页的技术，ASP、JSP、PHP等都属于 动态服务器网页技术，本课程主要学习 ASP技术。
WWW技术简介
➢HTML
HTML（Hypertext Markup Language，超级文本标记语言） 一种用来制作网络中超级文本的简单标记语言。它是在文本文件
的基础上加上一系列标记，用以描述其颜色、字体、文字大小和 格式，再加上声音、图像、动画甚至视频等形成精彩的页面。严 格来说，HTML语言并不是一种编程语言，只是一些能让浏览器 看懂的标记。当用户浏览WWW上包含HTML语言标签的网页时， 浏览器会“翻译”由这些HTML语言标签提供的网页结构、外观 和内容的信息，并按照一定的格式在屏幕上显示出来。HTML是 在客户端被执行的，它包含许多HTML标签（标记），这些标签 都包括在“<”和“>”符号里，并且大部分是成对出现的。
WWW技术简介
静态网页指的是HTML网页，即用HTML语言 编写的网页，它是所有其他网页技术的基 础。
网页中所有的对象，包括文字、图片、 超链接、Flash动画、表格、列表等都需要 通过HTML才能展现出来。
WWW技术简介
动态服务器网页是在WWW服务器端动态生 成网页的技术，ASP、JSP、PHP等都属于 动态服务器网页技术，本课程主要学习 ASP技术。
第1章 Web编程基础知识
1）安装IIS ； 2）建立虚拟目录； 3）配置IIS 。
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方 法，这种描述方法不受系统平台的限制，可以在不同的平台上 使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上，可以有一些词、语句或图片等作为“链 接点（Link）”，通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含 的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节 点，通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术，包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术，可在多种平台运行。 3. 适用于开发中小型企业网站，网站运行效率佳 ，安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat，Apache，Jboss等 Web服务器上运行。 5. 开发工具： Zend Studio 、 EditPlus
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方 法，这种描述方法不受系统平台的限制，可以在不同的平台上 使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上，可以有一些词、语句或图片等作为“链 接点（Link）”，通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含 的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节 点，通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术，包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术，可在多种平台运行。 3. 适用于开发中小型企业网站，网站运行效率佳 ，安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat，Apache，Jboss等 Web服务器上运行。 5. 开发工具： Zend Studio 、 EditPlus
网页技术：Web系统概述
Web系统概述——以第一章内容为基础（1）本章内容概述本章介绍了Web系统的基本构成以及相关概念和术语，如网页、主页、网站、超级链接、URL、Web客户机、Web服务器等，还涉及Web系统的基本原理，重点介绍了HTML技术、CSS技术、客户端脚本技术，还简单介绍Web页面的开发工具、开发模式、开发流程和运营环境等。
通过本章的学习，让我们能够对Web系统的基本结构和工作原理有充分的理解和掌握，并学会网页和网站的设计以及相关开发工具的使用等。
（2）本章内容阐述WWW（world wide web万维网）由遍布在互联网中的web服务器和安装了web浏览器的计算机组成，它是一种基于超文本方式工作的信息系统。
作为一个能够处理文字，图像，声音，视频等多媒体信息的综合系统，它提供了丰富的信息资源，这些信息资源以web页面的形式分别存放在各个we b服务器上，用户可以通过浏览器选择并浏览所需的信息。
本章内容从对10个Web技术主题的讲解开始，使我们对整个Web 系统都有了进一步完整的了解。
下面，我们基于对本章内容的理解进行深层次的阐述。
○1○2首先，我们来回顾下十个Web技术主题：什么是Web Web服○3○4○5○6务的内容Web网站Web服务内容的定位超级链接Web客户○7○8○9○10机Web服务器Web代理和缓存技术Web系统基本原理Web 的主要特点。
○1什么是WebWeb本意是蜘蛛网和网的意思。
现广泛译作网络、互联网等技术领域。
表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。
Web由许多Web站点构成,每个Web站点是一组资源的集合,这些资源位于Internet/Intranet的一台或多台服务器上。
WWW服务的基础是Web页面，每个服务站点都包括若干个相互关联的页面，每个页面既可展示文本、图形图像和音频视频等多媒体信息，又可提供一种特殊的链接点。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
29
动态网页技术
为了满足人们对信息丰富性和多样性的强烈需求。 促使Web技术由静态技术向动态技术的转化。 第一种使服务器能根据运行时的具体情况，动态生 成HTML页面的技术是CGI(Common Gateway Interface，公共网关接口)技术。 1993年，CGI 1.0的标准草案由NCSA(National Center for Supercomputing Applications)提出， 1995年，NCSA开始制定CGI 1.1标准。 CGI技术允许服务端的应用程序根据客户端的请求， 动态生成HTML页面，这使客户端和服务端的动态 信息交换成为了可能。
18
第9章 JSP与JavaBean编程
9.1 JavaBean概述 9.2 JavaBean的基本用法 9.2.1 JavaBean的属性 9.2.2 访问Bean属性 9.2.3 设置Bean属性 9.3 Bean的作用域 9.4 JavaBean的使用 9.4.1 使用JavaBean访问数据库 9.4.2 JavaBean应用实例
JSP程序设计技术教程
1
参考资料
教材： 甘勇、黄敏、张志锋，JSP程序设计技术教程 ，北京：清华大学出版社，2010 ISBN：9787302231523 参考文献： • 张志锋、邓璐娟、张建伟、宋胜利等. JSP程序设计 与项目实训教程 . 北京:清华大学出版社.2012 • 张志锋、马军等. Web框架技术（ Struts2+Hibernate + Spring3）教程.北京:清华大 学出版社.2013 • 张志锋 申红雪 朱颢东 丁晓剑等编著. Struts2+ Hibernate框架技术教程. 北京:电子工业出版社 2 .2012
21
第11章 JSP标记
11.1 创建自定义标记表记库 11.1.1 组成标记库的组件 11.1.2 为标记分配属性 11.1.3 处理标记正文 11.2 常用JSTL的使用 11.2.1 JSTL简介 11.2.2 表达式语言 11.2.3 使用JSTL访问数据库
22
第12章 基于MVC模式项目实训
25
1.1 Web基础知识
1.1.1 1.1.2 1.1.3 1.1.4 Web技术的由来与发展 Web动态网页技术 Web应用程序的工作原理 Java Web编程的主要组件技术
26
1.1.1 Web技术的由来与发展
1980年，Tim Berners-Lee负责的 Enquire(Enquire Within Upon Everything的简 称)项目 是Web项目的起源。 1989年，Tim Berners-Lee 发明的分布式应用 架构，向人们提供信息和信息服务。 1990年，第一个Web服务器开始运行。 1991年，CERN正式发布了Web技术标准。
27
早期的Web应用主要是使用HTML语言编写、 运行在服务器端的的静态页面。
客户机 浏览器 网络 服务器 Web服务器
HTTP请求
HTTP响应
静态页面
浏览器请求静态页面图 28
HTML
HTML（Hypertext Markup Language，超文本标 记语言）是一种描述文档结构的语言，不能描述实 际的表现形式。 1945年，Vannevar Bush提出了文本和文本之间通 过超级链接相互关联的思想，并给出设计方案。 1960年后正式将这种信息关联技术命名为超文本 (Hypertext)技术。 1991年HTML语言正式诞生以来推出了多个不同的 版本，其中对Web技术发展具有重大影响的主要是 两个版本： 1996年推出的HTML3.2；1998年推出 的HTML4.0。 1999年W3C颁布了HTML 4.01。
参考网站
源码爱好者
/ 源码网 /software/ index.html
3
Web技术——JSP章节简介
4
第1章 Web技术简介 1.1 Web基础知识 1.1.1 Web技术的由来与发展 1.1.2 Web动态网页技术 1.1.3 Web应用程序的工作原理 1.1.4 Java Web编程的主要组件技术 1.2 JSP技术 1.2.1 JSP特点与优势 1.2.2 JSP的工作原理
第10章 JSP与Servlet编程
20
10.3 Servlet编程接口 10.3.1 与Servlet实现相关的接口 10.3.2 与Servlet配置相关的接口 10.3.3 与Servlet异常相关的接口 10.3.4 与请求和响应相关的接口 10.3.5 会话管理 10.3.6 Servlet上下文相关 10.4 Servlet部署 10.5 Servlet应用实例
5
第1章 Web技术简介
1.3 JSP开发Web的方式与体系结构 1.3.1 JSP开发Web站点的主要方式 1.3.2 JSP两种体系结构 1.4 MVC设计模式 1.4.1 MVC设计模式思想 1.4.2 MVC优缺点
6
第2章 JSP开发运行环境
2.1 JSP环境介绍 2.2 JDK安装配置 2.2.1 JDK简介与下载 2.2.2 JDK安装与配置 2.3 Netbeans开发环境 2.3.1 NetBeans简介与下载 2.3.2 NetBeans安装与使用
19
10.1 Servlet介绍 10.1.1 什么是Servlet 10.1.2 Servlet的技术特点 10.1.3 Servlet与JSP的区别 10.1.4 Servlet在Web项目中的作用 10.1.5 Servlet生命周期 10.1.6 开发一个简单的Servlet 10.2 处理客户端请求 10.2.1 从Servlet读取表单数据 10.2.2 从Servlet提取报文头 10.2.3 处理Cookie与会话跟踪
16
7.4 查询数据库 7.5 更新数据库 7.5.1 更新的SQL语句 7.5.2 JSP更新数据库 7.6 JSP在数据库应用中的相关问题 7.6.1 JSP的分页浏览 7.6.2 汉字处理 7.7 JSP中数据库应用实例 7.7.1 学生信息系统主页面设计 7.7.2 学生信息查询 7.7.3 学生信息添加 7.7.4 学生信息删除 7.7.4 学生信息修改
12.1 MVC 设计模式 12.2 项目实训（一） 12.2.1 项目设计 12.2.2 项目实现 12.3 项目实训（二） 12.3.1 项目设计 12.3.2 项目实现
23
Web技术讲解
第1章 Web技术简介
24
第1章 Web技术简介
1.1 1.2 1.3 1.4 Web基础知识 JSP技术 JSP开发Web的方式与体系结构 MVC设计模式
32
2000年以后，整合Web开发技术形成完整的 开发框架或应用模型，来满足各种复杂的应 用需求。
– MVC – Struts – Spring
– Hibernate
33
1.1 Web基础知识
1.1.1 1.1.2 1.1.3 1.1.4 Web技术的由来与发展 Web动态网页技术 Web应用程序的工作原理 Java Web编程的主要组件技术
13
第6章 JSP的内置对象
6.1 out对象 6.1.1 out对象的方法 6.1.2 out对象实例 6.2 page对象 6.2.1 page对象的方法 6.2.2 page对象实例 6.3 request对象 6.3.1 request对象的方法 6.3.2 request对象实例 6.4 response对象 6.4 .1 response对象的方法 6.4 .2 response对象实例
15
第7章 JSP中数据库操作
7.1 JDBC介绍 7.1.1 什么是JDBC 7.1.2 JDBC的结构 7.2 通过JDBC-ODBC桥访问数据库 7.2.1 通过桥访问Access 7.2.2 通过桥访问Excel 7.3 通过JDBC驱动访问数据库 7.3.1 通过JDBC驱动使用MySQL数据库 7.3.2 通过JDBC驱动使用Microsoft SQL Server数据库 7.3.3 通过JDBC驱动使用oracle数据库
10
第4章 基于脚本语言的项目实训
4.1 项目需求说明 4.2 项目总体结构与构成 4.3 项目页面开发 4.3.1 登录页面 4.3.2 项目的框架页面 4.3.3 用户管理模块页面
11
第5章 JSP基础知识
5.1 JSP的基本页面结构 5.2 JSP中的脚本元素 5.2.1 变量、方法的声明 5.2.2 表达式 5.2.3 脚本 5.3 JSP中的注释 5.3.1 隐藏注释 5.3.2 HTML注释 5.3.3 Java注释
14
6.5 session对象 6.5.1 session对象的方法 6.5.2 session对象实例 6.6 pageContext对象 6.6.1 pageContext对象的方法 6.6.2 PageContext对象实例 6.7 config对象 6.7.1 config对象的方法 6.7.2 config对象实例 6.8 exception对象 6.8.1 exception对象的方法 6.8.2 exception对象实例 6.9 application对象 6.9.1 application对象的方法 6.9.2 application对象实例
7
2.4 Eclipse开发环境 2.4.1 Eclipse 简介与下载 2.4.2 Eclipse的使用 2.5 MyEclipse开发环境 2.5.1 MyEclipse简介与下载 2.5.2 MyEclipse安装与使用 2.6 Tomcat服务器 2.6.1 Tomcat简介与下载 2.6.2 Tomcat安装与配置
8
3.1 HTML 3.1.1 HTML简介 3.1.2 HTML基本标签 3.1.3 列表 3.1.4 多媒体和超链接 3.1.5 表格 3.1.6 框架 3.1.7 表单
动态网页技术
为了满足人们对信息丰富性和多样性的强烈需求。 促使Web技术由静态技术向动态技术的转化。 第一种使服务器能根据运行时的具体情况，动态生 成HTML页面的技术是CGI(Common Gateway Interface，公共网关接口)技术。 1993年，CGI 1.0的标准草案由NCSA(National Center for Supercomputing Applications)提出， 1995年，NCSA开始制定CGI 1.1标准。 CGI技术允许服务端的应用程序根据客户端的请求， 动态生成HTML页面，这使客户端和服务端的动态 信息交换成为了可能。
18
第9章 JSP与JavaBean编程
9.1 JavaBean概述 9.2 JavaBean的基本用法 9.2.1 JavaBean的属性 9.2.2 访问Bean属性 9.2.3 设置Bean属性 9.3 Bean的作用域 9.4 JavaBean的使用 9.4.1 使用JavaBean访问数据库 9.4.2 JavaBean应用实例
JSP程序设计技术教程
1
参考资料
教材： 甘勇、黄敏、张志锋，JSP程序设计技术教程 ，北京：清华大学出版社，2010 ISBN：9787302231523 参考文献： • 张志锋、邓璐娟、张建伟、宋胜利等. JSP程序设计 与项目实训教程 . 北京:清华大学出版社.2012 • 张志锋、马军等. Web框架技术（ Struts2+Hibernate + Spring3）教程.北京:清华大 学出版社.2013 • 张志锋 申红雪 朱颢东 丁晓剑等编著. Struts2+ Hibernate框架技术教程. 北京:电子工业出版社 2 .2012
21
第11章 JSP标记
11.1 创建自定义标记表记库 11.1.1 组成标记库的组件 11.1.2 为标记分配属性 11.1.3 处理标记正文 11.2 常用JSTL的使用 11.2.1 JSTL简介 11.2.2 表达式语言 11.2.3 使用JSTL访问数据库
22
第12章 基于MVC模式项目实训
25
1.1 Web基础知识
1.1.1 1.1.2 1.1.3 1.1.4 Web技术的由来与发展 Web动态网页技术 Web应用程序的工作原理 Java Web编程的主要组件技术
26
1.1.1 Web技术的由来与发展
1980年，Tim Berners-Lee负责的 Enquire(Enquire Within Upon Everything的简 称)项目 是Web项目的起源。 1989年，Tim Berners-Lee 发明的分布式应用 架构，向人们提供信息和信息服务。 1990年，第一个Web服务器开始运行。 1991年，CERN正式发布了Web技术标准。
27
早期的Web应用主要是使用HTML语言编写、 运行在服务器端的的静态页面。
客户机 浏览器 网络 服务器 Web服务器
HTTP请求
HTTP响应
静态页面
浏览器请求静态页面图 28
HTML
HTML（Hypertext Markup Language，超文本标 记语言）是一种描述文档结构的语言，不能描述实 际的表现形式。 1945年，Vannevar Bush提出了文本和文本之间通 过超级链接相互关联的思想，并给出设计方案。 1960年后正式将这种信息关联技术命名为超文本 (Hypertext)技术。 1991年HTML语言正式诞生以来推出了多个不同的 版本，其中对Web技术发展具有重大影响的主要是 两个版本： 1996年推出的HTML3.2；1998年推出 的HTML4.0。 1999年W3C颁布了HTML 4.01。
参考网站
源码爱好者
/ 源码网 /software/ index.html
3
Web技术——JSP章节简介
4
第1章 Web技术简介 1.1 Web基础知识 1.1.1 Web技术的由来与发展 1.1.2 Web动态网页技术 1.1.3 Web应用程序的工作原理 1.1.4 Java Web编程的主要组件技术 1.2 JSP技术 1.2.1 JSP特点与优势 1.2.2 JSP的工作原理
第10章 JSP与Servlet编程
20
10.3 Servlet编程接口 10.3.1 与Servlet实现相关的接口 10.3.2 与Servlet配置相关的接口 10.3.3 与Servlet异常相关的接口 10.3.4 与请求和响应相关的接口 10.3.5 会话管理 10.3.6 Servlet上下文相关 10.4 Servlet部署 10.5 Servlet应用实例
5
第1章 Web技术简介
1.3 JSP开发Web的方式与体系结构 1.3.1 JSP开发Web站点的主要方式 1.3.2 JSP两种体系结构 1.4 MVC设计模式 1.4.1 MVC设计模式思想 1.4.2 MVC优缺点
6
第2章 JSP开发运行环境
2.1 JSP环境介绍 2.2 JDK安装配置 2.2.1 JDK简介与下载 2.2.2 JDK安装与配置 2.3 Netbeans开发环境 2.3.1 NetBeans简介与下载 2.3.2 NetBeans安装与使用
19
10.1 Servlet介绍 10.1.1 什么是Servlet 10.1.2 Servlet的技术特点 10.1.3 Servlet与JSP的区别 10.1.4 Servlet在Web项目中的作用 10.1.5 Servlet生命周期 10.1.6 开发一个简单的Servlet 10.2 处理客户端请求 10.2.1 从Servlet读取表单数据 10.2.2 从Servlet提取报文头 10.2.3 处理Cookie与会话跟踪
16
7.4 查询数据库 7.5 更新数据库 7.5.1 更新的SQL语句 7.5.2 JSP更新数据库 7.6 JSP在数据库应用中的相关问题 7.6.1 JSP的分页浏览 7.6.2 汉字处理 7.7 JSP中数据库应用实例 7.7.1 学生信息系统主页面设计 7.7.2 学生信息查询 7.7.3 学生信息添加 7.7.4 学生信息删除 7.7.4 学生信息修改
12.1 MVC 设计模式 12.2 项目实训（一） 12.2.1 项目设计 12.2.2 项目实现 12.3 项目实训（二） 12.3.1 项目设计 12.3.2 项目实现
23
Web技术讲解
第1章 Web技术简介
24
第1章 Web技术简介
1.1 1.2 1.3 1.4 Web基础知识 JSP技术 JSP开发Web的方式与体系结构 MVC设计模式
32
2000年以后，整合Web开发技术形成完整的 开发框架或应用模型，来满足各种复杂的应 用需求。
– MVC – Struts – Spring
– Hibernate
33
1.1 Web基础知识
1.1.1 1.1.2 1.1.3 1.1.4 Web技术的由来与发展 Web动态网页技术 Web应用程序的工作原理 Java Web编程的主要组件技术
13
第6章 JSP的内置对象
6.1 out对象 6.1.1 out对象的方法 6.1.2 out对象实例 6.2 page对象 6.2.1 page对象的方法 6.2.2 page对象实例 6.3 request对象 6.3.1 request对象的方法 6.3.2 request对象实例 6.4 response对象 6.4 .1 response对象的方法 6.4 .2 response对象实例
15
第7章 JSP中数据库操作
7.1 JDBC介绍 7.1.1 什么是JDBC 7.1.2 JDBC的结构 7.2 通过JDBC-ODBC桥访问数据库 7.2.1 通过桥访问Access 7.2.2 通过桥访问Excel 7.3 通过JDBC驱动访问数据库 7.3.1 通过JDBC驱动使用MySQL数据库 7.3.2 通过JDBC驱动使用Microsoft SQL Server数据库 7.3.3 通过JDBC驱动使用oracle数据库
10
第4章 基于脚本语言的项目实训
4.1 项目需求说明 4.2 项目总体结构与构成 4.3 项目页面开发 4.3.1 登录页面 4.3.2 项目的框架页面 4.3.3 用户管理模块页面
11
第5章 JSP基础知识
5.1 JSP的基本页面结构 5.2 JSP中的脚本元素 5.2.1 变量、方法的声明 5.2.2 表达式 5.2.3 脚本 5.3 JSP中的注释 5.3.1 隐藏注释 5.3.2 HTML注释 5.3.3 Java注释
14
6.5 session对象 6.5.1 session对象的方法 6.5.2 session对象实例 6.6 pageContext对象 6.6.1 pageContext对象的方法 6.6.2 PageContext对象实例 6.7 config对象 6.7.1 config对象的方法 6.7.2 config对象实例 6.8 exception对象 6.8.1 exception对象的方法 6.8.2 exception对象实例 6.9 application对象 6.9.1 application对象的方法 6.9.2 application对象实例
7
2.4 Eclipse开发环境 2.4.1 Eclipse 简介与下载 2.4.2 Eclipse的使用 2.5 MyEclipse开发环境 2.5.1 MyEclipse简介与下载 2.5.2 MyEclipse安装与使用 2.6 Tomcat服务器 2.6.1 Tomcat简介与下载 2.6.2 Tomcat安装与配置
8
3.1 HTML 3.1.1 HTML简介 3.1.2 HTML基本标签 3.1.3 列表 3.1.4 多媒体和超链接 3.1.5 表格 3.1.6 框架 3.1.7 表单