搜索
PHP和MySQLWeb开发授课教师：董燕燕联系方式：45146297@qq.com第1章Web应用程序设计与开发概述课程描述随着互联网技术的应用和普及，人类社会已经进入了信息化的网络时代，开发Web应用程序已经成为程序员的必备技能。本章介绍Web应用程序的演变、发展和工作原理，使读者从宏观上了解开发Web应用程序需要掌握哪些技术，为学习本书后面的内容奠定基础。本章知识点1.1应用网络模型的演变1.2Web应用程序的工作原理1.3Web应用程序的基本开发流程1.1应用网络模型的演变1.1.1主机/哑终端网络模型1.1.2客户机/服务器（C/S）网络模型1.1.3浏览器/服务器（B/S）网络模型1.1.1主机/哑终端网络模型主机/哑终端（mainframe/terminal）网络模型是个人计算机没产生之前比较流行的网络模型1．主机（mainframe）主机（mainframe），也称作大型主机或大型机，是19世纪60年代发展起来的计算机系统，具有一流的处理能力、稳定性和安全性，在主机/终端网络模型中，哑终端通过分时系统轮流分配使用主机的处理器和内存，因此主机的硬件配置通常很高。早期的主机甚至体积都很大。例如，1954年推出的IBM704如图1-2所示。因为成本很高，通常只有政府、金融系统和科学计算等行业使用大型机系统。2．终端（terminal）终端指端点用户与主机进行通信的设备，不具有存储和计算能力。传统的终端由键盘和显示器组成。1.1.2客户机/服务器（C/S）网络模型随着个人计算机逐渐取代终端，从主机/终端网络模型也衍生出了客户机/服务器（C/S）网络模型，其工作原理如图1-4所示。客户机必须安装操作系统和必要的客户端应用软件客户机客户机上的任务主要如下建立和断开与服务器的连接。提交数据访问请求。等待服务通告，接受请求结果或错误。处理数据库访问结果或错误，包括重发请求和终止请求。提供应用程序的友好用户界面。数据输入/输出及验证。服务器也必须安装操作系统和必要的服务器端应用软件，服务器上的任务主要如下：为多用户管理一个独立的数据库。管理和处理接收到的数据访问请求，包括管理请求队列、管理缓存、响应服务、管理结果和通知服务完成等。管理用户账号、控制数据库访问权限和其他安全性。维护数据库，包括数据库备份和恢复等。保证数据库数据的完整或为客户提供完整性控制手段。1.1.3浏览器/服务器（B/S）网络模型在C/S网络模型中，客户端和服务器都需要安装相应的应用程序，而且不同的应用程序需要安装不同的客户端程序，系统部署的工作量很大。随着互联网的应用和推广，浏览器/服务器（B/S）网络模型诞生了。Web浏览器的主要功能如下由用户向指定的Web服务器（网站）申请服务。申请服务时需要指定Web服务器的域名或ＩＰ地址以及要浏览的HTML（HTM）文件或ASP、PHP等脚本文件。从Web服务器下载申请的HTML（HTM）文件。解析并显示HTML（HTM）文件，用户可以通过Web浏览器申请指定的Web服务器Web浏览器和Web服务器使用HTTP协议进行通信。Web服务器通常需要有固定的IP地址和永久域名，其主要功能如下：存放Web应用程序。接受用户申请的服务。如果用户申请浏览ASP、PHP等脚本文件，则Web服务器会对脚本进行解析，生成对应的临时HTML（HTM）文件。如果脚本中需要访问数据库，则将SQL语句传送到数据库服务器，并接收查询结果。将HTML（HTM）文件传送到Web浏览器。1.2Web应用程序的工作原理1.2.1Web应用程序的发展历史和工作原理1.2.2Web应用程序的组成及各部分的主要功能1.2.3网页的分类与布局1.2.1Web应用程序的发展历史和工作原理1．Web应用程序产生之前2．Web应用程序的产生3．从静态页面到动态页面1．Web应用程序产生之前在Web应用程序出现之前，“客户及/服务器”（C/S）是应用程序的主流架构。C/S应用程序通过客户端程序它为用户提供管理和操作界面，而数据通常保存在服务器端。在部署C/S架构的应用程序时，需要为每个用户安装级客户端程序，升级应用程序是也同样需要升级客户端程序。这无疑增加了维护成本。2．Web应用程序的产生1990年，欧洲原子物理研究所的英国科学家TimBerners-Lee（如图1-6所示）发明了（WorldWideWeb）。通过Web，用户可以在一个网页里比较直观的表示出互联网上的资源。因此，TimBerners-Lee被称为互联网之父。3．从静态页面到动态页面Web应用程序产生之初，Web页面都是静态的，用户可以通过点击超链接等方式与服务器进行交互，访问不同的网页。1994年，RasmusLerdorf（如图1-7所示）发明了专门用于Web服务端编程的PHP（PersonalHomePageTools）语言。与以往的CGI程序不同，PHP语言将HTML代码和PHP指令结合成为完整的服务端动态页面，程序员可以用一种更加简便、快捷的方式实现动态Web功能。1995年，Netscape公司推出了一种在客户端运行的脚本语言——JavaScript。使用JavaScript语言可以在客户端的用户界面上添加一些动态的元素，例如弹出一个对话框。1996年，Macromedia公司推出了Flash，一种矢量动画播放器。它可以作为插件添加到浏览器中，从而在网页中显示动画。同样在1996年，Microsoft公司推出了ASP1.0。2002年，Microsoft正式发布.NETFramework和VisualStudio.NET开发环境。它引入了ASP.NET这样一种全新的Web开发技术。ASP.NET可以使用VB.NET、C#等编译型语言，支持WebForm、.NETServerControl、ADO.NET等高级特性。1.2.2Web应用程序的组成及各部分的主要功能Web应用程序通常由HTML文件、脚本文件和一些资源文件组成。HTML文件可以提供静态的网页内容，这也是早期最常用的网页文件。脚本文件可以提供动态网页。ASP的脚本文件扩展名为.asp，PHP的脚本文件扩展名为.php，JSP的脚本文件扩展名为.jsp。资源文件可以是图片文件、多媒体文件和配置文件等。要运行Web应用程序，还需要考虑Web服务器、客户端浏览器和HTTP通讯协议等因素。1．Web服务器运行Web应用程序需要一个载体，即Web服务器。一个Web服务器可以放置多个Web应用程序，也可以把Web服务器称为Web站点。通常服务器有两层含义，一方面它代表计算机硬件设备，用来安装操作系统和其他应用软件；另一方面它又代表安装在硬件服务器上的相关软件。Web服务器上需要安装Web服务器应用程序，用来响应用户通过浏览器提交的请求。如果用户请求执行的是PHP脚本，则Web服务器应用程序将解析并执行PHP脚本，最后将结果转换成HTML格式，并返回到客户端，显示在浏览器中。2．Web浏览器Web浏览器是用于显示HTML文件的应用程序，它可以从接收、解析和显示信息资源（可以是网页或图像等）。信息资源可以使用统一资源定位符（URL）标识，Web浏览器只能解析和显示HTML文件，而无法直接处理脚本文件。这就是为什么可以使用Web浏览器查看本地的HTML文件，而脚本文件则只有被放置在Web服务器上才能被正常浏览。3．HTTP通讯协议HTTP（HypertextTransferProtocol，超文本传输协议）是Web浏览器和Web服务器之间交流的语言。Web浏览器向服务器发送HTTP请求消息，服务器返回相应消息，其中包含请求的完整状态信息，并在消息体中包含请求的内容。1.2.3网页的分类与布局1．网页的分类2．网页的布局1．网页的分类按照编制网页所使用的语言和技术，可以将网页分为静态网页和动态网页。静态网页由HTML语言编制，扩展名为htm或html，多使用DreamWeaver等网页设计工具设计。动态网页指使用PHP、ASP等脚本编写，扩展名为asp或php等。1.2.2小节已经讨论了静态网页和动态网页的基本情况，请参照理解。一个网站中通常既有静态网页，也有动态网页。按照网页的用途，还可以将网页分为商业型、门户型、搜索引擎、论坛、博客和在线游戏等类型。2．网页的布局（1）国字型（2）拐角型（3）标题正文型（4）框架型（5）封面型（6）Flash型（1）国字型国字型网页也称为同字型网页，即网页的布局类似国字，最上面是网站的标题或横幅广告，下面的内容被分为左中右3列。中间是网页的内容，左右一般是一些栏目、广告或新闻的链接，最下面是网站的基本信息、联系方式和版权声明等。一些大型门户网站的首页多采用此种布局，例如新浪首页就属于国字型网页。（2）拐角型拐角型网页与国字型网页很相似，最上面是网站的标题或横幅广告，下面的左侧是一个窄条的链接，中间和右侧是网页的内容，最下面是网站的基本信息、联系方式和版权声明等。有一些公司的网站首页采用此种布局。（3）标题正文型这是一种简单的网页布局，即上面是标题或广告等，下面是正文。多采用此种类型的网页显示新闻或文章。（4）框架型即使用框架将页面分成上下或左右两部分的网页类型，这种结构比较清晰。图1-10是框架型网页的例子。左侧的框架中显示产品分类，右侧的框架中是产品展示。（5）封面型多用于一些公司或商务活动的首页，采用精美的图片或动画加上一些简单的链接。（6）Flash型与封面性网页类似，Flash性网页也多用于一些公司或商务活动的首页，采用精美的Flash加上一些简单的链接，Flash的功能十分强大，视觉效果明显优于图片。1.3Web应用程序的基本开发流程1.3.1准备Web服务器运行Web应用程序需要一个载体，即Web服务器。一个Web服务器可以放置多个Web应用程序，也可以把Web服务器称为Web站点。通常服务器有两层含义，一方面它代表计算机硬件设备，用来安装操作系统和其他应用软件；另一方面它又代表安装在硬件服务器上的相关软件。要配置Web应用程序，首先需要准备一台硬件服务器，如果没有特殊需要，选择普通的PC服务器即可。PC服务器的组件与普通计算机相似，主要包括主板、CPU、内存、硬盘、显卡等。只是PC服务器比普通计算机拥有更高的性能和更好的稳定性。在开发和测试阶段，或者比较小的网络环境下，也可以使用普通计算机作为Web服务器。1.3.2安装操作系统操作系统是控制其他程序运行、管理系统资源并为用户提供操作界面的系统软件的集合。准备硬件Web服务器后，需要安装适当的操作系统。本书选择的PHP和Apache等软件都是支持跨平台的开源项目，既可以工作于Windows平台下(如果需要配置Web服务器的工作机，则建议安装WindowsServer操作系统，例如WindowsServer2000、WindowsServer2003等)，也可以运行于Unix或Linux操作系统环境下。如果只是安装开发或测试环境，则可以使用WindowsXP或Windows7等流行的操作系统。本书就是在Windows7环境下编写完成的。1.3.3安装Web服务器应用程序Web服务器应用程序可以响应用户通过浏览器提交的请求。如果用户请求执行的是PHP脚本，则Web服务器应用程序将解析并执行PHP脚本，最后将结果转换成HTML格式，并返回到客户机，显示在浏览器中。常用的Web服务器应用程序包括IIS和Apache等。选择PHP作为Web应用程序的开发语言时，通常选择Apache作为Web服务器应用程序。因为它们都是开放源代码和支持跨平台的产品，可以很方便地在Windows和Unix（Linux）之间整体移植。本书将在2.1小节介绍Apache的安装和配置情况。1.3.4安装和配置脚本语言编辑工具与VisualBasic和VisualC++等高级编程语言不同，PHP没有提供一个集成的开发环境，也没有专用的编辑工