34-引 论 1

第 10 讲 网页设计与编程（一）

动态网页设计的基本概念参考资料：《基于开放平台的网页设计与编程》 程向前编著 清华大学出版社 2002.8

34-引 论 2

概述 在过去的几年中，万维网（ Web ）技术的飞

速发展融汇了大量的信息，从商品广告到人才招聘；从学术交流到娱乐新闻…。万维网提供了一个可以轻松驾驭的图形化用户界面，以查阅因特网上的文档，这些文档以及它们之间的链接一起构成了一个庞大的信息网。

34-引 论 3

概述 一般来说，早期的网页完全使用 HTML （ Hy

pertext Markup Language ）编制，此类网页不会随着时间、场合等其他因素而变化，被称为“静态网页”。由于用 HTML 编制的网页仅使用普通的 ASCII 代码构成，可以跨平台（计算机及操作系统）使用。因此，无论 Web 服务器或浏览器驻留在哪一种计算机或操作系统上，其差异并不是太大。

34-引 论 4

概述 随着 Web 技术的发展，单一的 HTML 已经不

能满足网页制作的要求。例如： 用户要求在网页上产生某些动态的效果； 用户要求服务器发布其机器内部的时间信息，仅使

用 HTML 无法完成这种要求 这就需要使用程序语言来把“静态”的 HTML

网页，变成“动态”的 HTML 网页

34-引 论 5

概述 概括起来，对动态网页技术的发展要求分成两

大类： 一种是商业广告方面的要求，使得网页产生动态效

果，来吸引人们的注意力 另一种是要求完成信息收集和交互的功能，使得网

页可以成为网络信息管理系统的工具（成为网络商务平台的技术基础）

34-引 论 6

概述 动态网页的工作模式有两种，一种是将程序代

码镶嵌在 HTML 网页中，下载到用户浏览器中，由用户浏览器进程对下载的代码进行解读和执行后，将执行结果显示在浏览器屏幕上。

34-引 论 7

概述 这类动态网页标准的发展往往是由厂商自主进行的，

因此，其工作效果往往与浏览器产品有关，以常用的两种浏览器为例加以说明。

程序语言 IE6 执行 Netscape6 执行

Java 否 可

Java Script 否 可

VB Script 可 否

ActiveX 对象 可 否

34-引 论 8

概述 动态网页的另一种工作模式是由服务器执行镶

嵌在 HTML 网页中的程序，并将程序执行的结果发布到网络上，由用户浏览器并将结果在屏幕上展示。

目前，比较流行的服务器端动态网页程序设计语言有 JSP 、 ASP 、 PHP 等。

本讲的重点放在服务器执行的动态网页设计 这种基本方法广泛应用于网络事务处理、电子

商务等应用领域。

Web 网页的三种工作模式

Browser 执行程序

Browser 解读网页

Server执行程序

静态网页工作模式 1动态网页工作模式（ ） 2动态网页工作模式（ ）

Web Server

下载网页

Web Server

下载程序

Web Server

下载结果

Browser 解读网页

34-引 论 10

Browser

DatabaseFuncti on

DatabaseServerProcess

NOS

Web Server

Mi ddl eware Database

普通网站的基本构成

I nternet

HTMLfi l es

34-引 论 11

本讲的实验基础 Web 服务器（ Apache for UNIX, Xitami for Win

dows ） 中间件（ PHP ） 数据库（ MySQL ）

这些系统环境的安装，在前序和本课程的实验环节中已经进行

本讲的主要内容对服务器端的动态网页设计的基本原理和过程进行阐述

34-引 论 12

Browser

MySQLFuncti on

MySQLProcess

Windows

Xi tami

PHPMySQL

Database

Wi ndows PHP (CGI )基于 的 与数据库访问模式之一 方式

Internet

34-引 论 13

本课程的实验平台 PHP[1]是一种在服务器端执行的脚本语言。这意味着

它可以很好地和 HTML 融合，产生需要的文档。 选择 PHP 作为学习动态网页的程序设计语言，主要

是它的简便易用，用近乎自然的方式使用数据库，保持系统平台的无关性。

选择 PHP ，可以在 MS Windows 下开发、调试动态网页，然后将其发布到 UNIX 下的网页服务器上。

[1] PHP 的正式定义为“ PHP Hypertext Preprocessor” 。

34-引 论 14

本课程的实验平台 (续 ) 选择 PHP 作为动态网页设计的语言的另一个原因是它的实用性。据统计，在 2000 年，全世界已经有 360 万余个域名和 60 万余个 IP 使用 PHP 编程。

使用 PHP 可以执行很多任务，从简单地创建信息收集表单、发送电子邮件给网站管理员，由数据库驱动的文档管理系统、帮助系统、电子商务应用程序等等。

34-引 论 15

本课程的实验平台 (续 ) PHP 的语言特点基本上源于 C 语言，而其对数据库的内在支持更使之成为 ASP （微软的服务器端动态网页的解决方案）的强大对手。

作为一种服务器内置式的脚本语言，语法混合了 C 、 JAVA 、 Perl 以及 PHP 式的新语法。它的出现使得在 Unix 上更快速地开发动态网页成为现实。

34-引 论 16

本课程的实验平台 (续 ) 用 PHP写出的 Web 服务器端 CGI 代码，可

以很轻易地移植到不同的平台上。例如，用 Linux 系统的网站，在系统负荷过高时，可以快速地将整个系统移到 Sun 工作站上，不用重新修订 CGI 程序。

面对快速发展的因特网，这是长期规划的最好选择之一。

34-引 论 17

本课程的实验平台 (续 ) 当网站发展时，用户可能会遇到这样的问题：

网站内容膨胀，使得访问者不能很快地得到他们所需的资料。 网站管理者需要收集访问者的信息，而且这些信息必须保存

以备不时之需。 这两个问题，可以通过建立数据库系统来解决。在 W

WW 的世界中，数据库无处不在。大到像新浪、搜狐，小到一个简单的留言簿，都可以看到数据库的用武之地。可以这样说，数据库是所有万维网高级应用的基础。

34-引 论 18

本课程的实验平台 (续 ) 几乎所有主要的商业网站的数据库都是基于结构化查

询语言 (Structured Query Language ， SQL ）的，其中应用最为广泛的可能得算 Oracle 了。

SQL 的出现使得信息的存储、查询、更新更容易。例如，可以用 SQL 语言为一个网站检索产品信息及存储顾客信息。

在最近的几年中，一些公司发布了“开放代码”的 SQL 应用程序，其中最比较著名的要数MySQL 了。它对非商业性应用开发来说是免费的，对于一般的中小型数据库应用来说，其表现并不比 Oracle逊色。

34-引 论 19

本课程的实验平台 (续 ) MySQL 是一个真正的多用户、多线程 SQL数据库。

MySQL 是由一个客户机 / 服务器结构来实现，它由一个服务器守护程序 mysqld 和很多不同的客户程序和库组成，同时 MySQL 足够快速和灵活以便允许你存储记录文件和图像。

34-引 论 20

本课程的实验平台 Linux 、 Apache 、 PHP 、 MySQL 组合是本课程所建议的实验平台之一。

该实验平台的优点是性能稳定，响应速度快，该平台的建立也为学生提供了进行 UNIX 操作系统的操作训练、多用户系统中的个人网页发布平台、使用 FTP 上传网页等重要实验的实验环境 , http://202.117.35.70/

34-引 论 21

本讲小结 万维网的基本概念，静态网页和动态网页的基

本概念 开放平台的基本概念和主要技术及软件 本课程的学习方法和学习环境