PHP+Ajax+jQuery网站开发项目式教程
上QQ阅读APP看书,第一时间看更新

任务二 开发环境搭建

1. 准备开发工具

在开发PHP动态网站之前,需要先在本机中搭建开发环境。由于PHP是一种运行于服务器端的语言,并且需要访问数据库,因此需要在本机中安装服务器软件来运行PHP程序。在开发时,需要选用合适的代码编辑器和浏览器。接下来,介绍一些在PHP开发过程中需要用到的工具。

(1)服务器软件

目前流行的Web服务器软件平台主要有LAMP、J2EE和.Net,其中LAMP平台开发的项目在软件方面的投资较低,开发速度快,受到了整个IT界的关注。LAMP是一个由开源软件组成的平台,由Linux操作系统、Apache服务器、MySQL数据库和PHP软件组成,如图1-5所示。其中Apache、MySQL和PHP也可以在Windows操作系统中运行,Windows用户可以很方便地在本机部署PHP网站开发环境。

图1-5 LAMP软件平台

(2)代码编辑器

代码编辑器是一种专门为编写代码而设计的文本编辑工具,为开发人员提供了语法高亮、错误检查、智能补全等功能,提高代码编写的效率。常用的PHP代码编辑器有EditPlus、NotePad++、NetBeans、PHPStorm和ZendStudio等。其中EditPlus和NotePad++的特点是小巧,占用资源较少,建议读者在初学阶段使用,有一定基础后再使用较为复杂的编辑器。EditPlus的软件界面如图1-6所示。

图1-6 EditPlus编辑器

(3)浏览器

浏览器是访问网站必备的工具,目前流行的浏览器有IE(Internet Explorer)、Google Chrome、火狐(FireFox)、Safari等。由于浏览器的种类和版本众多,网站的开发人员应对各类常见浏览器进行测试,避免出现兼容问题而影响用户体验。

在网站的开发阶段,建议使用对Web标准执行比较严格的火狐浏览器。目前该浏览器的新版本集成了非常实用的开发者工具,可以很方便地对网页进行调试。用户可以通过F12键启动开发者工具,如图1-7所示。

图1-7 火狐的开发者工具

从图1-7中可以看出,火狐浏览器提供了查看器、控制台、调试器、样式编辑器等多种工具,其中“网络”页面显示了打开网页时发送的每个请求的详细信息。

2. 安装Apache

Apache HTTP Server(简称Apache)是Apache软件基金会发布的一款Web服务器软件,由于其开源、跨平台和安全性的特点被广泛使用。目前Apache有2.2和2.4两种版本。本书以Apache 2.4版本为例,讲解Apache软件的安装步骤。

(1)获取Apache

Apache在官方网站(http://httpd.apache.org)上提供了软件源代码的下载,但是没有提供编译后的软件下载。可以从Apache公布的其他网站中获取编译后的软件。以Apache Lounge网站为例,该网站提供了VC10、VC11、VC14等编译版本的软件下载,如图1-8所示。

图1-8 从Apache Lounge获取软件

在网站中找到“httpd-2.4.16-win32-VC11.zip”这个版本进行下载。VC11是指该软件使用Microsoft Visual C++ 2012进行编译,在安装Apache前需要先在Windows系统中安装Microsoft Visual C++ 2012运行库。目前最新版本的Apache已经不支持XP系统,XP用户可以选择VC9编译的旧版本Apache使用。

(2)解压文件

首先创建“C:\web\apache2.4”作为Apache的安装目录,然后打开“httpd-2.4.16-win32-VC11.zip”压缩包,将里面的“Apache24”目录中的文件解压到“C:\web\apache2.4”路径下,如图1-9所示。

图1-9 Apache安装目录

在查看Apache目录结构后,下面通过表1-2对Apache常用的目录进行介绍。

表1-2 Apache目录说明

在表1-2中,htdocs和conf是需要重点关注的两个目录。当Apache服务器启动后,通过浏览器访问本机时,就会看到htdocs目录中的网页文档。而conf目录是Apache服务器的配置目录,包括主配置文件httpd.conf和extra目录下的若干个辅配置文件。默认情况下,辅配置文件是没有开启的。

(3)配置Apache

在安装Apache前,需要先进行配置。Apache的配置文件位于“conf\httpd.conf”,使用文本编辑器可以打开它。安装前的具体配置步骤如下。

① 配置安装目录

在配置文件中执行文本替换,将“c:/Apache24”全部替换为“c:/web/apache2.4”,如图1-10所示。

图1-10 Apache安装目录

② 配置服务器域名

搜索“ServerName”,找到下面一行配置。

#ServerName www.example.com:80

上述代码开头的“#”表示该行是注释文本,应删去“#”使其生效,如下所示。

ServerName www.example.com:80

经过上述操作后,Apache已经配置完成。为了使读者更好地理解Apache配置文件,下面通过表1-3对其常用的配置项进行解释。

表1-3 Apache的常用配置

对于上述配置,读者可根据实际需要进行修改,但要注意,一旦修改错误,会造成Apache无法安装或无法启动,建议在修改前先备份“httpd.conf”配置文件。

(4)开始安装

Apache的安装是指将Apache安装为Windows系统的服务项,可以通过Apache的服务程序“httpd.exe”来进行安装,具体步骤如下。

① 启动命令行工具

打开【开始菜单】→选择【所有程序】→选择【附件】→找到【命令提示符】并单击鼠标右键,选择【以管理员身份运行】方式,启动命令行窗口。

② 在命令模式下,切换到Apache安装目录下的bin目录:

cd C:\web\apache2.4\bin

③ 输入以下命令代码开始安装。

httpd.exe -k install

在上述代码中,“httpd.exe -k install”为安装命令,“C:\web\apache2.4\bin”为可执行文件httpd.exe所在的目录。安装效果如图1-11所示。

图1-11 通过命令行安装Apache

④ 如果需要卸载Apache,可以使用“httpd.exe –k uninstall”命令进行卸载。

(5)启动Apache服务

将Apache安装后,就可以作为Windows的服务项进行启动或关闭了。Apache提供了服务监视工具“Apache Service Monitor”,用于管理Apache服务,程序位于“bin\Apache Monitor.exe”。

打开“ApacheMonitor.exe”,Windows系统任务栏右下角状态栏会出现Apache的小图标管理工具,在图标上单击鼠标左键可以弹出控制菜单,如图1-12所示。

图1-12 启动Apache服务

从图1-12中可以看出,通过Apache Service Monitor可以快捷地控制Apache服务的启动、停止和重新启动。单击【Start】可以启动服务,当图标由红色变为绿色时,表示启动成功。

通过浏览器访问本机站点“http://localhost”,如果看到图1-13所示的画面,说明Apache正常运行。

图1-13 在浏览器中访问localhost

图1-13所示的“It works!”是Apache默认站点下的首页,即“htdocs\index.html”这个网页的显示结果。读者可以将其他网页放到“htdocs”目录下,然后通过“http://localhost网页文件名”进行访问。

3. 安装PHP

安装Apache之后,开始安装PHP模块,它是开发和运行PHP脚本的核心。在Windows中,PHP有两种安装方式:一种方式是使用CGI应用程序;另一种方式是作为Apache模块使用。其中,第二种方式较为常见。接下来,讲解PHP作为Apache模块的安装方式。

(1)获取PHP

PHP的官方网站(http://php.net)提供了PHP最新版本的下载,如图1-14所示。

图1-14 PHP官方网站

从图1-14中可以看出,PHP目前正在发布5.4、5.5、5.6三个版本,比5.4更早的版本已经停止维护。本书选择使用PHP 5.5.28版本进行讲解。需要注意的是,PHP提供了Thread Safe(线程安全)与Non Thread Safe(非线程安全)两种选择,在与Apache搭配时,应选择“Thread Safe”版本。

(2)解压文件

将从PHP网站下载到的“php-5.5.28-Win32-VC11-x86.zip”压缩包解压,保存到“C:\web\php5.5”目录中,如图1-15所示。

图1-15 PHP安装目录

图1-15所示是PHP的目录结构,其中“ext”是PHP扩展文件所在的目录,“php.exe”是PHP的命令行应用程序,“php5apache2_4.dll”是用于Apache的DLL模块。“php.inidevelopment”是PHP预设的配置模板,适用于开发环境。“php.ini-production”也是配置模板,适合网站上线时使用。

(3)配置PHP

PHP提供了开发环境和上线环境的配置模板,模板中有一些内容需要手动进行配置,以避免以后使用过程中出现问题。具体步骤如下。

① 创建php.ini

在PHP的初学阶段,选择开发环境的配置模板。复制一份“php.ini-development”文件,并命名为“php.ini”,该文件将作为PHP的配置文件。

② 配置扩展目录

使用文本编辑器打开“php.ini”,搜索文本“extension_dir”找到下面一行配置。

;extension_dir = "ext"

在PHP配置文件中,以分号开头的一行表示注释文本,不会生效。这行配置用于指定PHP扩展所在的目录,应将其修改为以下内容。

extension_dir = "c:\web\php5.5\ext"

③ 配置PHP时区

搜索文本“date.timezone”,找到下面一行配置。

;date.timezone =

时区可以配置为UTC(协调世界时)或PRC(中国时区)。配置后如下所示。

date.timezone = PRC

(4)在Apache中引入PHP模块

打开Apache配置文件“C:\web\apache2.4\conf\httpd.conf”,添加对Apache 2.x的PHP模块的引入,具体代码如下所示。

LoadModule php5_module "c:/web/php5.5/php5apache2_4.dll"
<FilesMatch "\.php$">
   setHandler application/x-httpd-php
</FilesMatch>
PHPIniDir "c:/web/php5.5"

在上述代码中,第1行配置表示将PHP作为Apache的模块来加载;第2~4行配置是添加对PHP文件的解析,告诉Apache将以“.php”为扩展名的文件交给PHP处理;第5行是配置php.ini的位置。配置代码添加后如图1-16所示。

图1-16 httpd.conf配置文件

接下来配置Apache的索引页。索引页是指访问一个目录时,自动打开哪个文件作为索引页。例如,访问“http://localhost”实际上访问到的是“http://localhost/index.html”,这是因为“index.html”是默认索引页,所以可以省略索引页的文件名。

在配置文件中搜索“DirectoryIndex”,找到以下代码。

<IfModule dir_module>
   DirectoryIndex index.html
</IfModule>

上述代码第2行的“index.html”即默认索引页,将“index.php”也添加为默认索引页:

<IfModule dir_module>
   DirectoryIndex index.html index.php
</IfModule>

上述配置表示在访问目录时,首先检测是否存在“index.html”,如果有,则显示,否则就继续检查是否存在“index.php”。如果一个目录下不存在索引页文件,Apache会显示该目录下所有的文件和子文件夹(前提是允许Apache显示目录列表)。

(5)重新启动Apache服务器

修改Apache配置文件后,需要重新启动Apache服务器,才能使配置生效。先单击右下角Apache服务器图标,选择【Apache2.4】,单击【Restart】就可以重启成功,如图1-17所示。

图1-17 重新启动Apache服务器

(6)测试PHP模块是否安装成功

以上步骤已经将PHP安装为Apache的一个扩展模块,并随Apache服务器一起启动。如果想检查PHP是否安装成功,可以在Apache服务器的Web站点目录“C:\web\apache2.4\htdocs”下,使用文本编辑器创建一个名为“test.php”的文件,并在文件中写入下面的内容。

<?php
   phpinfo();
?>

上述代码用于将PHP的配置信息输出到网页中。将代码编写完成后保存为“.php”扩展名,如图1-18所示。

图1-18 保存test.php

然后使用浏览器访问地址“http://localhost/test.php”。如果看到图1-19所示的PHP配置信息,说明上述配置成功。否则,需要检查上述配置操作是否有误。

图1-19 测试PHP是否安装成功

4. 安装MySQL

MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于甲骨文(Oracle)公司所有。由于MySQL具有体积小、速度快、开源免费等特点,许多中小型网站都选择使用MySQL作为数据库服务器。

MySQL软件目前使用双授权政策,分为社区版和商业版。社区版是通过GPL协议授权的开源软件,包含MySQL的最新功能,而商业版只包含稳定之后的功能。本书以MySQL 5.5社区版为例,讲解MySQL的安装和基本使用。

(1)获取MySQL

MySQL的官方网站(www.mysql.com)提供了软件的下载,在网站中找到MySQL 5.5社区版(MySQL Community Server)的下载地址,如图1-20所示。

图1-20 MySQL官方网站

MySQL提供了MSI(安装版)和ZIP(压缩包)两种打包的下载版本。本书以MSI版本为例进行讲解。

(2)安装MySQL

① 双击从MySQL网站下载到的“mysql-5.5.45-win32.msi”安装文件,会弹出MySQL安装向导界面,如图1-21所示。

图1-21 MySQL安装界面

② 单击图中的【Next】按钮进行下一步操作,然后会显示用户许可协议界面,如图1-22所示。

图1-22 MySQL许可协议

③ 勾选图1-22中所示的“I accept the terms in the License Agreement”(我同意许可协议)选项,然后单击【Next】按钮,进入选择安装类型界面,如图1-23所示。

图1-23 MySQL安装类型

④ 在图1-23所示的界面中,MySQL有三种安装类型,“Typical”表示典型安装,“Custom”表示定制安装,“Complete”表示完全安装。为了熟悉安装过程,这里选择定制安装,如图1-24所示。

图1-24 MySQL定制安装

在图1-24所示的界面中,可以选择所需组件和安装目录。“MySQL Server”是MySQL软件的安装目录,将其修改为“C:\web\mysql5.5”。“Server data files”是数据库文件的保存目录,也将其修改为“C:\web\mysql5.5”(MySQL会自动将数据库文件放入“data”子目录中)。

⑤ 修改安装目录后,单击【Next】按钮进入下一步,然后单击【Install】按钮即可进行安装,如图1-25所示。

图1-25 准备安装界面

⑥ 等待安装进度条完成后,会弹出MySQL介绍窗口。继续单击【Next】按钮,就会显示MySQL的安装完成界面,如图1-26所示。

图1-26 安装完成界面

⑦ 从图1-26中可以看出,MySQL的安装已经完成。此时,勾选“Launch the MySQL Instance Configuration Wizard”选项并单击【Finish】按钮,可以进入MySQL的配置向导界面。

(3)配置MySQL

① MySQL安装完成后,还需要进行配置。可以通过配置向导(文件位于“C:\web\mysql5.5\bin\ MySQLInstanceConfig.exe”)来完成对MySQL的配置,如图1-27所示。

图1-27 MySQL配置向导

② 单击图1-27中的【Next】按钮,进入选择配置类型界面,如图1-28所示。

图1-28 选择配置类型

在图1-28所示的界面中,MySQL向导提供了两种配置类型,“Detailed Configuration”是详细配置,“Standard Configuration”是标准配置。这里选择标准配置即可。

③ 单击【Next】按钮进入设置Windows选项界面,这一步会将MySQL安装为Windows服务,并配置环境变量,如图1-29所示。

图1-29 设置MySQL服务

在图1-29所示的界面中,勾选“Install As Windows Service”(安装为Windows服务)、“Launch the MySQL Server automatically”(设置MySQL服务器自启动)和“Include Bin Directory in Windows PATH”(将MySQL的bin目录添加到系统环境变量中)。

④ 单击【Next】按钮进入安全设置页面,如图1-30所示。

图1-30 MySQL安全设置

在图1-30所示的界面中,“Modify Security Settings”用于设置root用户的密码,这里设置为“123456”;“Enable root access from remote machines”表示是否允许root用户在远程机器上登录,考虑到安全性,不建议勾选该项;“Create An Anonymous Account”用于创建匿名账户,不需要勾选该项。

⑤ 单击【Next】按钮后完成设置,进入准备执行配置的界面,如图1-31所示。

图1-31 准备执行界面

⑥ 单击图1-31所示界面中的【Execute】按钮,让配置向导执行一系列的配置任务,配置完成后会显示相关的摘要信息,如图1-32所示。

图1-32 MySQL配置完成

在图1-32中,配置向导显示了MySQL配置文件已经创建,MySQL服务已经安装,服务已经启动,安全设置已经应用。单击【Finish】按钮关闭向导即可。

(4)管理MySQL服务

正确安装MySQL并进行配置之后,MySQL服务就已经启动了,可以通过Windows服务管理器手动启动或停止MySQL服务,如图1-33所示。

图1-33 管理MySQL服务

当正确启动MySQL服务后,本机就是一台MySQL服务器,通过IP地址和端口号3306即可访问MySQL服务。

(5)访问MySQL数据库

当MySQL服务启动后,就可以通过MySQL管理工具访问数据库了。常用的MySQL管理工具有Navicat for MySQL、phpMyAdmin等,也可以使用MySQL自带的命令行工具进行管理。下面以MySQL命令行工具为例进行讲解。

① 打开命令提示符窗口,输入命令启动MySQL命令行工具并登录root用户,具体命令如下。

mysql –h localhost –u root –p

在上述命令中,“mysql”是启动MySQL命令行工具的命令,它表示运行“C:\web\mysql5.5\bin\mysql.exe”这个程序;“-h localhost”表示登录的服务器主机地址为localhost(本地服务器),也可以换成服务器的IP地址,如127.0.0.1;“-u root”表示以root用户的身份登录;“-p”表示该用户需要输入密码才能访问。

② 当输入上述命令后,程序会提示“Enter password”(请输入密码),输入前面配置好的密码“123456”即可。成功登录MySQL服务器后,效果如图1-34所示。

图1-34 登录MySQL数据库

③ 当成功登录MySQL数据库后,可通过SQL语句查看数据库中现有的数据库,具体命令如下。

show databases;

当上述SQL语句执行后,命令行的提示结果如图1-35所示。

图1-35 显示所有数据库

从图1-35中可以看出,已经有了4个数据库存在于MySQL数据库中。这些是MySQL自带的数据库,与MySQL的功能有关,建议读者不要随意修改。

④ MySQL的使用

MySQL是通过SQL语句管理数据的,在基于PHP+MySQL的网站开发中,需要使用SQL语句对数据库进行添加、删除、修改、查询等操作。本书后面的章节会对常用SQL语句进行简要讲解,建议读者搭配MySQL相关的书籍或教材学习这方面的内容。

⑤ 退出MySQL数据库

如果要退出MySQL服务器,在命令行中输入“exit”和“quit”命令即可。