Web程序设计(第4版)_第1章

1、Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：9787121260360“十二五十二五”普通高等教育本科国家级规划教材普通高等教育本科国家级规划教材Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：9787121260360第第 1 章章 Web编程基础知识编程基础知识 第第 2 章章 Web应用程序开发与运行环境应用程序开发与运行环境 第第 3 章章 HTML与与XML 第第 4 章章 层叠样式表层叠样式表CSS 第第 5 章章 Web客户端程序设计客户端程序设计第第 6 章章 Web服务器端程序设计服务器端

2、程序设计 第第 7 章章 Web数据库程序设计数据库程序设计 第第 8 章章 ASP.NET综合应用实例综合应用实例 Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：9787121260360第第 1 1 章章 WEBWEB编程基础知识编程基础知识1.1 什么是什么是Web1.2 Web的工作原理的工作原理1.3 Internet网络协议网络协议1.4 IP地址、域名和地址、域名和URL1.5 动态网页设计技术简介动态网页设计技术简介1.6 .NET框架简介框架简介Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN

3、：97871212603601.1 什么是什么是Web Web 全称为全称为World Wide Web，缩写为，缩写为WWW。也称环球。也称环球网、万维网、全球信息网等。网、万维网、全球信息网等。 Web是一种体系结构，通过它可以访问分布于是一种体系结构，通过它可以访问分布于Internet主主机上的链接文档。几层含义：机上的链接文档。几层含义： Web是是Internet提供的一种服务。提供的一种服务。 Web是存储在全世界是存储在全世界Internet计算机中、数量巨大的文档计算机中、数量巨大的文档的集合。的集合。 Web上的海量信息是由彼此关联的页面（上的海量信息是由彼此关联的页面（P

4、age）组成的。）组成的。 Web的内容保存在的内容保存在Web站点（站点（Web服务器）中，用户可通服务器）中，用户可通过浏览器访问过浏览器访问Web站点。站点。 Web以一些简单的操作方式连接全球范围的超媒体信息。以一些简单的操作方式连接全球范围的超媒体信息。Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：9787121260360Web的特点的特点（1）Web是一种超文本信息系统。是一种超文本信息系统。（2）Web是图形化的和易于导航的。是图形化的和易于导航的。（3） Web与平台无关。与平台无关。（4）Web是分布式的。是分布式的。（5）Web

5、具有新闻性。具有新闻性。（6）Web是动态的、交互的。是动态的、交互的。Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.2 Web的工作原理的工作原理 浏览器浏览器/服务器服务器(Browser/Server，B/S)体系结构体系结构 客户端浏览器客户端浏览器 Web服务器服务器 数据库服务器数据库服务器 HTTP (HyperText Transfer Protocol)协议实现浏协议实现浏览器和览器和Web服务器的信息交换服务器的信息交换 Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，

6、ISBN：9787121260360Web服务器服务器 两个层面的含义两个层面的含义 指安装了指安装了Web服务程序的计算机服务程序的计算机 指指Web服务器程序，可以管理各种服务器程序，可以管理各种Web文件，并为提出文件，并为提出HTTP请求的浏览器提供响应。请求的浏览器提供响应。 Web服务器的配置服务器的配置 配置服务器操作系统配置服务器操作系统 UNIX、Windows Server 、Linux等网络操作系统等网络操作系统 安装专门的信息服务器程序安装专门的信息服务器程序 IIS（Internet Information Server）、）、 Apache服务器等服务器等Web程序

7、设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：9787121260360Web服务器提供服务的过程服务器提供服务的过程 （1）用户在浏览器中指定一个）用户在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便向该，统一资源定位器），浏览器便向该URL所指向所指向的的Web服务器发出请求。服务器发出请求。（2）Web服务器接到浏览器的请求后，把服务器接到浏览器的请求后，把URL转换成页转换成页面所在服务器的文件路径名。面所在服务器的文件路径名。（3）如果）如果URL指向的是普通的指向的是普通的HTML（Hypert

8、ext Markup Language，超文本标记语言）文档，超文本标记语言）文档，Web服务服务器将直接把它传送给浏览器。器将直接把它传送给浏览器。HTML文档中可能包含用文档中可能包含用Java、JavaScript、ActiveX、VBScript等编写的程序，等编写的程序，服务器也将它们随服务器也将它们随HTML文档一道传送到浏览器，在浏览文档一道传送到浏览器，在浏览器所在的机器上执行。器所在的机器上执行。（4）如果）如果HTML文档中嵌有程序，那么文档中嵌有程序，那么Web服务器就运行服务器就运行该程序，并将结果传送至浏览器。该程序，并将结果传送至浏览器。Web程序设计程序设计(第第

9、4版版)，电子工业出版社，电子工业出版社，2015，ISBN：9787121260360 客户端编程客户端编程 程序员把客户端代码编写到程序员把客户端代码编写到HTML文件中。文件中。 当用户提出对某个网页的请求时，这些客户端代当用户提出对某个网页的请求时，这些客户端代码和码和HTML文件代码一起以响应方式返回提出请求文件代码一起以响应方式返回提出请求的浏览器。的浏览器。 常见的客户端编程技术常见的客户端编程技术 VBScript JavaScript Java applet等。等。 Web客户端编程客户端编程 Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，I

10、SBN：9787121260360服务器端编程服务器端编程 程序员将编写的代码保存在服务器上。程序员将编写的代码保存在服务器上。 当用户提出对某个网页的请求时，这个请求所要访当用户提出对某个网页的请求时，这个请求所要访问的页面代码都在服务器端执行，并把执行结果以问的页面代码都在服务器端执行，并把执行结果以HTML文件代码的形式传回浏览器，这样浏览器接文件代码的形式传回浏览器，这样浏览器接收的只是程序执行的结果。收的只是程序执行的结果。常见的服务器端编程技术常见的服务器端编程技术 PHP JSP ASP ASP.NETWeb服务器端编程服务器端编程 Web程序设计程序设计(第第4版版)，电子工业

11、出版社，电子工业出版社，2015，ISBN：97871212603601.3 Internet网络协议网络协议 1.3.1 TCP/IP协议协议 TCP/IP协议是一个协议集，其中最重要的是协议是一个协议集，其中最重要的是TCP协议和协议和IP协议协议 TCP/IP参考模型与参考模型与OSI参考模型的对照参考模型的对照 Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.3 Internet网络协议网络协议1.3.2 HTTP协议协议 HTTP（HyperText Transfer Protocol） 专门为专门为Web设计的

12、协议设计的协议 应用层协议应用层协议 以以TCP/IP协议集中的其他协议为基础协议集中的其他协议为基础 Web浏览器和服务器用浏览器和服务器用HTTP协议来传输协议来传输Web文档文档 HTTP基于客户端请求、服务器响应的工作模式基于客户端请求、服务器响应的工作模式 Web事务处理的步骤事务处理的步骤 客户端与服务器建立连接；客户端与服务器建立连接； 客户端向服务器提出请求；客户端向服务器提出请求； 如果请求被接受，则服务器送回响应，在响应中包括状态如果请求被接受，则服务器送回响应，在响应中包括状态码和所需的文件；码和所需的文件； 客户端和服务器断开连接。客户端和服务器断开连接。 Web程序设

13、计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.3 Internet网络协议网络协议 Telnet：远程登录。远程登录。 作用：作用：使用户主机连入使用户主机连入Internet上任何一台上任何一台Telnet服务器服务器(称为远程主机称为远程主机)。 用户主机就成为该远程主机的一个终端。用户主机就成为该远程主机的一个终端。 在用户的在用户的PC键盘上输入一个键盘上输入一个Telnet子命令后，子命令后，总能在远程主机上得到服务响应，并把结果送回总能在远程主机上得到服务响应，并把结果送回到用户的到用户的终端终端上。上。1.3.3 远程

14、登录协议远程登录协议TelnetWeb程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.3 Internet网络协议网络协议1.3.4 文件传输协议文件传输协议FTP FTP既是一种文件传输协议，也是一种服务。既是一种文件传输协议，也是一种服务。 提供这种服务的设施叫做提供这种服务的设施叫做FTP服务器。服务器。 匿名匿名FTP服务器服务器用户无须拥有口令和用户名就能与匿名用户无须拥有口令和用户名就能与匿名FTP服务器实现连接并复制文件。服务器实现连接并复制文件。Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社

15、，2015，ISBN：97871212603601.4 IP地址、域名和地址、域名和URL1.4.1 IP地址地址 IP地址是识别地址是识别Internet中主机及网络设备的中主机及网络设备的唯一标识。唯一标识。 每个每个IP地址长度为地址长度为4 B（字节），共（字节），共32位位 由由两部分两部分组成：组成： 网络地址网络地址 主机地址主机地址 点分十进制记法：点分十进制记法： 由由4个用个用“.”分隔的十进制数组成分隔的十进制数组成 每个数不大于每个数不大于255 如如53Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：

16、97871212603601.4 IP地址、域名和地址、域名和URL IP地址可分成地址可分成5类，其中常用的是如下三类。类，其中常用的是如下三类。 A类：用于规模很大、主机数目非常多的网络。类：用于规模很大、主机数目非常多的网络。A类地址类地址的最高位为的最高位为0，接下来的，接下来的7位为网络地址，其余位为网络地址，其余24位为主位为主机地址。机地址。A类地址允许组成类地址允许组成126个网络，每个网络可包含个网络，每个网络可包含1 700万台主机。万台主机。 B类：用于中型和大型网络。类：用于中型和大型网络。B类地址最高两位为类地址最高两位为10，接，接下来下来14位为网络地址，其余位为

17、网络地址，其余16位为主机地址。位为主机地址。B类地址类地址允许组成允许组成16 384个网络，每个网络可包含个网络，每个网络可包含65 000台主机。台主机。 C类：用于小型本地网络（类：用于小型本地网络（LAN）。）。C类地址最高类地址最高3位为位为110，接下来，接下来21位为网络地址，其余位为网络地址，其余8位为主机地址。位为主机地址。1.4.1 IP地址地址Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.4 IP地址、域名和地址、域名和URL TCP/IP协议中提供了域名服务系统（协议中提供了域名服务系统（DNS

18、），允许为），允许为主机分配字符名称，即域名。主机分配字符名称，即域名。 在网络通信时由在网络通信时由DNS自动实现域名与自动实现域名与IP地址的转换。地址的转换。 例如，南京师范大学例如，南京师范大学Web服务器的域名为服务器的域名为 Internet中的域名采用分级命名，其基本结构如下：中的域名采用分级命名，其基本结构如下：计算机名计算机名.三级域名三级域名.二级域名二级域名.顶级域名顶级域名1.4.2 域名域名Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.4 IP地址、域名和地址、域名和URL 统一资源定位器统一资

19、源定位器URL（Uniform Resource Locator）通）通过定义资源位置的抽象标识来定位网络资源，其格式如下：过定义资源位置的抽象标识来定位网络资源，其格式如下：/ 是指是指Internet的协议名，包括的协议名，包括ftp（文件传（文件传输服务）、输服务）、http（超文本传输服务）等。（超文本传输服务）等。 指定一个网络主机的域名或指定一个网络主机的域名或IP地址。在有地址。在有些情况下，主机域名后还要加上端口号，域名与端口号之间些情况下，主机域名后还要加上端口号，域名与端口号之间用冒号（：）隔开。一般情况下，服务器程序采用标准的保用冒号（：）隔开。一般情况下，服务器程序采用

20、标准的保留端口号，因此在留端口号，因此在URL输入中可省略它们输入中可省略它们。 1.4.3 统一资源定位器统一资源定位器URL Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.4 IP地址、域名和地址、域名和URL以下是一些以下是一些URL的例子：的例子：http: /http: /telnet: /:70ftp: //pub/www/docgopher: /news: /comp.sys.novell wais: / 1.4.3 统一资源定位器统一资源定位器URL

21、 Web程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.5 动态网页设计技术简介动态网页设计技术简介 PHP（Hypertext Preprocessor，超文本预处理器）是，超文本预处理器）是一种跨平台的服务器端嵌入式脚本语言。一种跨平台的服务器端嵌入式脚本语言。 它是一种易于学习和使用的服务器端脚本语言，嵌入它是一种易于学习和使用的服务器端脚本语言，嵌入HTML文件，大量地借用文件，大量地借用C、Java和和Perl语言的语法，并语言的语法，并耦合耦合PHP本身的特性，形成了自己的独特风格。本身的特性，形成了自己的独特风格。

22、 PHP支持目前绝大多数的数据库，支持目前绝大多数的数据库，Web开发者使用开发者使用PHP能够快速地写出生成动态网页的脚本代码。能够快速地写出生成动态网页的脚本代码。 PHP是完全免费的，可以从是完全免费的，可以从PHP官方网站官方网站（http:/）自由下载，可以不受限制地获得）自由下载，可以不受限制地获得源代码，并可加入自己需要的功能。源代码，并可加入自己需要的功能。 1.5.1 PHPWeb程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.5 动态网页设计技术简介动态网页设计技术简介 PHP具有如下一些特点：具有如下一些特

23、点：（1）支持多种系统平台，包括）支持多种系统平台，包括Windows、UNIX和和Linux系统。系统。（2）强大的数据库操作功能。）强大的数据库操作功能。PHP提供丰富的数据库操作函数，提供丰富的数据库操作函数，它为各种流行数据库（它为各种流行数据库（ Oracle、SQL Server、 MySQL、 PostgreSQL、Solid）等都设计了专门的函数。）等都设计了专门的函数。（3）易于与现有的网页融合。它与）易于与现有的网页融合。它与HTML语言具有非常好的兼语言具有非常好的兼容性，使用者可以直接在脚本代码中加入容性，使用者可以直接在脚本代码中加入HTML标记，或者在标记，或者在H

24、TML标记中加入脚本代码从而更好地实现页面控制，提供更加标记中加入脚本代码从而更好地实现页面控制，提供更加丰富的功能。丰富的功能。（4）具有丰富的功能。）具有丰富的功能。PHP提供结构化特性、面向对象设计、提供结构化特性、面向对象设计、数据库处理、网络接口使用及安全编码机制等全面的功能。数据库处理、网络接口使用及安全编码机制等全面的功能。（5）可移植性好。只需要进行很少的修改就可将整个网站从一）可移植性好。只需要进行很少的修改就可将整个网站从一个平台移植到另一个平台上，如从个平台移植到另一个平台上，如从Windows平台移植到平台移植到UNIX平平台。台。 1.5.1 PHPWeb程序设计程序

25、设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.5 动态网页设计技术简介动态网页设计技术简介 JSP（Java Server Pages）是）是Sun公司于公司于1999年年6月推月推出的网站开发语言。它是基于出的网站开发语言。它是基于Java Servlet及整个及整个Java体体系的系的Web开发技术，利用这一技术可以建立先进、安全和开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。跨平台的动态网站。 JSP程序可以不加修改地在大多数的程序可以不加修改地在大多数的Web Server上运行，上运行，符合符合“Write onc

26、e，run anywhere”（“一次编写，多平一次编写，多平台运行台运行”）的）的Java原则，实现了程序与服务器平台的独立原则，实现了程序与服务器平台的独立性，而且基于性，而且基于JSP技术的应用程序比基于技术的应用程序比基于ASP的应用程序的应用程序更易于维护和管理。更易于维护和管理。 1.5.2 JSPWeb程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.5 动态网页设计技术简介动态网页设计技术简介 JSP具有如下一些特点：具有如下一些特点：（1）内容生成与显示分离。使用）内容生成与显示分离。使用JSP标记或小脚本来生成

27、页面上的动标记或小脚本来生成页面上的动态内容（内容是动态的，但可根据用户请求而变化）。动态生成的内态内容（内容是动态的，但可根据用户请求而变化）。动态生成的内容被封装在标记和容被封装在标记和JavaBeans组件中，并且捆绑在小脚本中，所有的组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。脚本在服务器端运行。（2）可重用的组件。绝大多数）可重用的组件。绝大多数JSP页面依赖于可重用的、跨平台的组页面依赖于可重用的、跨平台的组件来执行应用程序所要求的复杂处理，如使用件来执行应用程序所要求的复杂处理，如使用JavaBeans或或Enterprise JavaBeansTM组件。开发人员可以共

28、享各种组件。组件。开发人员可以共享各种组件。（3）采用标记简化页面开发。）采用标记简化页面开发。JSP技术使用技术使用XML标记封装了许多与动标记封装了许多与动态内容生成相关的功能，页面开发人员使用这些标记就可以进行设计。态内容生成相关的功能，页面开发人员使用这些标记就可以进行设计。（4）适应更广泛的平台。）适应更广泛的平台。JSP+JavaBean可以在大多数可以在大多数Web服务器平服务器平台下使用。台下使用。（5）易于连接数据库。）易于连接数据库。Java中连接数据库的技术是中连接数据库的技术是JDBC（Java DataBase Connectivity）。很多数据库系统，如）。很多数

29、据库系统，如Oracle、Sybase、MS SQL Server和和MS Access等，都带有等，都带有JDBC驱动程序。驱动程序。1.5.2 JSPWeb程序设计程序设计(第第4版版)，电子工业出版社，电子工业出版社，2015，ISBN：97871212603601.5 动态网页设计技术简介动态网页设计技术简介 ASP.NET采用全新的编程环境，采用全新的编程环境，ASP.NET与与ASP的主的主要区别体现在以下三个方面：要区别体现在以下三个方面：（1）效率。当）效率。当ASP程序完成之后，在每次请求时都要解释执行。程序完成之后，在每次请求时都要解释执行。ASP.NET是建立在是建立在.

30、NET框架之上的，程序在第一次执行时进行编框架之上的，程序在第一次执行时进行编译，之后的执行不需要重新编译就可以直接运行，所以速度和效译，之后的执行不需要重新编译就可以直接运行，所以速度和效率比率比ASP提高很多。提高很多。 （2）可重用性。）可重用性。ASP代码和代码和HTML混合在一起，导致代码维护困混合在一起，导致代码维护困难。难。ASP.NET则可以实现代码和内容的完全分离，使得维护更方则可以实现代码和内容的完全分离，使得维护更方便。便。（3）代码量。）代码量。ASP对所有要实现的功能均需要通过编写代码来对所有要实现的功能均需要通过编写代码来实现。在实现。在ASP.NET中，程序员只要预先说明，中，程序员只要预先说明，ASP.NET就可以自就可