PHP网站开发项目式教程（微课版）（第2版）任务2 搭建PHP程序的运行环境

PHP网站开发项目式教程（微课版）（第2版）任务2

搭建PHP程序的运行环境

PHP作为一种动态网站编程技术，其程序的运行需要Web服务器环境和数据库技术。本任务围绕服务器环境安装、配置及应用过程等相关内容展开讲解，帮助读者为后续学习PHP程序的开发和运行做好准备。

本任务介绍集成开发环境phpStudy和XAMPP的安装和使用方法，供各种不同需求的读者参考。

本任务提供的安装包如图2-1所示。

本任务提供的安装包包含VisualC++2015（以下简称VC14）++2015的32位和64位安装包，集成环境phpStudy2016和XAMPP，开发工具选用红色版本的HBuilder。图2-1

安装包任务2-1搭建与配置集成化的开发环境phpStudy需要解决的核心问题怎样安装phpStudy？如何单独启动或停止phpStudy环境下的Apache或者MySQL？“运行模式”中的“系统服务”和“非服务模式”分别指什么？怎样在phpStudy中对MySQL数据库进行操作？phpStudy中的默认主目录是什么？Apache的配置文件是什么？如何改变Web服务器的主目录及使用的端口号？如何得到PHP的配置文件？配置文件中的注释符号是什么？PHP中默认的时区是什么？如何修改？

为了提高环境搭建效率，方便广大用户使用，很多软件（如大家经常使用的phpStudy、WampServer、XAMPP等）提供了一键搭建PHP安装环境的功能，可一键进行PHP环境配置，大大节省搭建PHP+MySQL环境的时间。本节主要介绍的是phpStudy的安装及应用。2.1.1phpStudy的安装

phpStudy程序包集成Apache+nginx+lighttpd+PHP+MySQL+

phpMyAdmin+ZendOptimizer+ZendLoader，可一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。

下载phpStudy的较新版本的安装包，本书选用的是phpStudy_

2016.11.03.zip，将其解压之后，可得到文件夹phpStudy_

2016.11.03，其内容如图2-2所示。图2-2

phpStudy_2016.11.03文件夹内容

运行图2-2中的phpStudy20161103.exe文件，安装phpStudy。在安装过程中，通常需要重新选择安装路径，如图2-3所示，单击对话框右侧的文件夹按钮，更换安装路径，此处选择的安装路径为E:\phpstudy。图2-3

phpStudy的安装路径2.1.2phpStudy的主界面

安装完成之后系统会自动弹出phpStudy主界面，初始时默认的PHP版本是5.4.45，如图2-4所示。图2-4

phpStudy主界面1．“启动”“停止”和“重启”按钮

图2-4所示界面的“phpStudy启停”中，有3个按钮分别用于实现程序的启动、停止和重启。另外，在这些按钮上单击鼠标右键，可以单独对Apache和MySQL进行启动、停止和重启。例如，在停止phpStudy之后，用鼠标右键单击“启动”按钮时，会弹出快捷菜单，如图2-5所示。图2-5

phpStudy单独启动菜单2．运行模式

图2-4所示界面的“运行模式”中有“系统服务”和“非服务模式”两个选项。选择“系统服务”选项，在计算机开机后，该程序将在后台自动运行，在这种模式下，可直接使用phpStudy运行PHP程序；若选择“非服务模式”，那么在运行PHP程序前，必须先运行安装文件夹中的phpStudy.exe文件，如图2-6所示。图2-6

phpStudy的启动文件

图2-4中的“运行模式”右侧有绿色文本“切换版本”，单击“切换版本”会弹出PHP版本以及Web服务器组合选择面板，读者可以选择自己需要的组合，如图2-7所示。

选择图2-7中的“php-7.0.12-nts+Apache”版本组合，会得到图2-8所示的主界面。图2-7

PHP版本以及Web服务器组合

图2-8切换为PHP7.0.12后的主界面3．MySQL管理器

单击phpStudy主界面中的“MySQL管理器”，弹出图2-9所示的快捷菜单。图2-9

MySQL管理器操作命令

MySQL-Front是一个数据库管理工具，选择“MySQL-Front”，进入图2-10所示的操作界面，在该界面中可以完成数据库的创建与删除、表的创建与删除、浏览数据、查询数据、删除数据等操作。图2-10

MySQL管理器操作界面

phpMyAdmin也是一个数据库管理工具，与MySQL-Front不同的是，phpMyAdmin可以实现远程管理。

要导入与导出MySQL数据库时，需要选择图2-9所示的快捷菜单中的“MySQL导入导出”命令，进入图2-11所示的界面，之后就可以完成数据库的导入导出操作。图2-11

MySQL导入导出界面图4．其他选项菜单

单击phpStudy主界面的“其他选项菜单”按钮，会弹出图2-12所示的菜单。

使用菜单中的命令能够运行phpStudy的默认主页，在“打开配置文件”下面打开并修改PHP、Apache和MySQL的配置文件，也可以在“MySQL工具”下面修改MySQL数据库的密码和进行备份、还原等多种操作。图2-12

phpStudy其他选项菜单2.1.3安装VC14

在切换PHP版本之前，需要先安装VC14，否则切换版本可能会因为缺少文件VCRUNTIME140.dll而导致出现错误。

运行安装文件夹中的vc_redist.x86.exe，打开图2-13所示的界面。

选中图2-13所示界面中的“我同意许可条款和条件”复选框，单击“安装”按钮，打开图2-14所示的界面，然后单击“关闭”按钮。图2-13

安装VC14的初始界面

图2-14

安装VC14成功界面2.1.4phpStudy下的服务器主目录

任何一个Web服务器都会提供主目录，phpStudy集成环境下的主目录位于安装文件夹中的WWW文件夹（见图2-6），存放在该文件夹中的任何页面文件都可以通过“http://localhost/文件名”或者“/文件名”的方式运行。可以将localhost看作是到主目录WWW文件夹的映射，若主目录下面存在子文件夹，那么在浏览器中运行子文件夹中的文件时，需要在localhost后面增加子文件夹名称和子文件夹内部的页面文件名称。2.1.5phpStudy下的配置文件1．Apache配置文件

Apache配置文件是httpd.conf，它位于安装文件夹中的Apache/conf中，用记事本软件打开它之后的界面如图2-15所示。图2-15

Apache配置文件

Apache配置文件中行首的#是注释符号。

在Apache配置文件中可以修改Web服务器的主目录和端口号，修改主目录的做法如图2-16所示。图2-16

修改Web服务器的主目录

搜索documentRoot，找到相关内容后，将其后面指定的路径修改为任意一个存在的可读写的文件夹名称即可。

修改端口号的做法如图2-17所示。图2-17

修改Web服务器的端口号

搜索80或者listen等关键字，找到相关内容后，将Listen80中的80改为准备使用的端口号，如8080，即Listen8080。

修改Apache配置文件之后，必须重新启用服务器。

选择图2-9所示的快捷菜单中的“站点域名管理”命令，进入“站点域名设置”对话框，在其中可以管理站点网站、新增网站或修改网站目录、端口等，如图2-18所示。

修改图2-18中的“网站端口”，即可完成服务器端口号的修改操作。

单击图2-18中“E:\phpstudy\WWW”右侧的按钮，在弹出的图2-19所示的对话框中选择新的文件夹即可完成网站目录的修改。图2-18

phpStudy站点域名设置界面

图2-19

phpStudy网站目录选择界面2．PHP配置文件

PHP的配置文件是php.ini，位于phpStudy安装文件夹的php子文件夹中，php子文件夹中存在若干个不同PHP版本的子文件夹，如php-7.0.12-nts。对于每个版本的PHP，需要找其对应文件夹中的php.ini文件。

对PHP配置文件经常进行的修改操作是修改默认时区，PHP所取的时间默认是格林尼治标准时间，和北京时间相差8小时。采用默认时区时，若是在程序中增加了关于日期时间函数的使用，则会触发警告。

修改PHP默认时区的做法如下。

使用记事本软件打开php.ini文件，打开“编辑”菜单，选择“查找”命令，在“查找”对话框中输入“date.timezone”进行查找，如图2-20所示。图2-20

在php.ini中查找内容任务2-2搭建集成开发环境——XAMPP

需要解决的核心问题如何启用XAMPP环境下的Apache或者MySQL？在XAMPP主界面下可以完成哪些操作？XAMPP环境下的服务器主目录是什么？

安装包xamppinstaller.exe集成了Apache2.4.37、PHP7.3.1、MySQL5.0.12，可一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。2.2.1XAMPP的主界面

XAMPP安装完成后的文件夹内容如图2-21所示。图2-21

XAMPP安装完成后的文件夹内容

运行图2-21所示文件夹中的xampp-control.exe，进入XAMPP主界面，如图2-22所示。图2-22

XAMPP主界面

XAMPP主界面中的每一个服务都可以单击其所属的Start按钮启用，启用之后会显示该服务在系统中占用的端口号，同时Start按钮变为Stop按钮。启用Apache和MySQL服务后的XAMPP主界面如图2-23所示。图2-23

启用Apache和MySQL服务后的XAMPP主界面

单击图2-23中Apache行的Admin按钮，进入XAMPP的欢迎界面，如图2-24所示。图2-24

XAMPP的欢迎界面

单击图2-24所示界面菜单栏中的PHPInfo，可以查看集成环境的PHP版本信息。如图2-25所示，系统提供的集成环境XAMPP使用的PHP版本是7.3.1。图2-25

XAMPP使用的PHP版本信息

单击图2-24所示界面菜单栏中的phpMyAdmin，或者单击图2-23中MySQL行中的Admin按钮，打开MySQL数据库的操作界面，如图2-26所示。图2-26

MySQL数据库的操作界面2.2.2XAMPP下的服务器主目录

XAMPP集成环境下的服务器主目录是位于安装文件夹中的htdocs文件夹，即图2-21所示的安装文件夹中的第1列第6个文件夹。2.2.3XAMPP下的配置文件

在图2-21所示的安装文件夹中的第1列第2个文件夹apache内部存有httpd.conf配置文件，在第2列第3个文件夹php内部存有php.ini配置文件。XAMPP下的配置文件的用法及配置修改方法与phpStudy下的是一样的。任务2-3使用PHP程序的开发工具

需要解决的核心问题如何在HBuilder中安装PHP插件，以支持PHP代码编辑？如何在HBuilder中设置外部Web服务器？

编辑PHP代码的工具有很多，例如，大家熟悉的Dreamweaver、ZendStudio、PhpStorm、SublimeText等，甚至使用记事本软件也可以。本书介绍的教学项目开发中除了要写PHP代码，还要写HTML、CSS和JavaScript代码等，为方便各类代码的编写，本书选用了综合、实用的HBuilder开发环境。2.3.1安装及使用HBuilder

图2-1中的压缩包HBuilder.9.1.29.windows.zip解压之后的HBuilder文件夹内容如图2-27所示。图2-27

HBuilder文件夹内容

运行图2-27中文件夹内第1行第2列的HBuilder.exe文件，即可启用HBuilder，由文件图标的颜色可知，这是红色版本的HBuilder，其比绿色版本的功能更强大。

启用HBuilder后得到的初始界面如图2-28所示。

选择“暂不登录”，进入HBuilder主窗口，如图2-29所示。

HBuilder的主窗口左侧是项目管理器，右侧是代码编辑区，大家可以将需要的任意级别的文件夹直接从“文件资源管理器”窗口拖到“项目管理器”中，图2-29中已经将集成环境XAMPP中的主目录文件夹htdocs和phpStudy的主目录文件夹WWW都拖到了“项目管理器”中，为创建、编辑PHP文件做好准备。图2-28

HBuilder的初始界面图2-29

HBuilder主窗口2.3.2在HBuilder中配置PHP的编辑和运行环境1．安装PHP插件

当前的HBuilder环境对PHP的代码编辑支持程度很低，基本不提供代码提示等功能。需要为其安装PHP插件才能更好地使用它。

选择图2-29所示窗口中的“工具”→“插件安装”命令，弹出图2-30所示的“插件安装”对话框。图2-30

“插件安装”对话框

选中图2-30中的第一个选项Aptanaphp插件右侧的“选择”复选框，单击“安装”按钮，安装完成之后需要重新启动HBuilder，如此就可以方便、快捷地编辑PHP程序了。2．设置外部Web服务器

设置外部Web服务器是为了能够在HBuilder主窗口中观察PHP程序的运行效果。

选择图2-29中所示窗口的“运行”→“浏览器运行”→“设置web服务器”命令，如图2-31所示，打开图2-32所示的“Web服务器设置”界面。图2-31

选择“设置web服务器”命令图2-32

“Web服务器设置”界面

单击图2-32所示界面的“外置Web服务器设置”，弹出图2-33所示的“外置Web服务器”界面。图2-33

“外置Web服务器”界面

因为此时不存在外置的Web服务器，所以界面中间的文本框是空白的。单击图2-33所示界面的“新建”按钮，弹出“编辑Web服务器配置”对话框，如图2-34（a）所示。

在图2-34（a）所示的对话框中输入信息。“名称”文本框的内容可以随意填写，此处输入“php”；“浏览器运行URL”文本框中的内容大家应根据自己计算机的配置设置，此处输入“localhost”；对于“URL包含项目名称”，如果选择“包含”，则上面设置的“浏览器运行URL”需要包含项目所在的文件夹名称，如果选择“不包含”，则不需要提供文件夹名称，此处选择“不包含”，输入信息之后的效果如图2-34（b）所示。（a）

（b）图2-34

输入内容前后的“编辑Web服务器配置”对话框

单击图2-34（b）中的“确定”按钮，得到图2-35所示的“外置Web服务器”界面，此时在界面中已经存在了名称为php、URL为http://localhost的外置Web服务器。图2-35

“外置Web服务器”界面

单击图2-35中的“确定”按钮，重新打开图2-32所示的“Web服务器设置”界面，在“PHP类文件”下拉列表中选择刚刚创建的外部Web服务器“php(http://localhost)”，如图2-36所示。图2-36

更改PHP类文件的外部Web服务器