《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 《PHP动态网站开发》实验指导 实验一:PHP开发环境搭建 实验目的(5分) 1、了解 AppServ、 erver集成开发环境的工作原理; 2、了解 Apache、 MySQL、PHP在 Windows、 Linux操作系统下的安装 3、掌握 AppServ、 Wamp Server的安装和使用; 4、掌握 PhpStorm、 sublime text3编辑工具的安装和使用 5、掌握网站的发布目录和访问方式。 二、实验环境(5分) 1、 Windows xp/ Windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 、实验要求(5分) 完成PHP集成环境的搭建,如 AppServ、 WampServer等集成环境 2、完成PHP编辑工具的使用,如 PhpStorm、 sublime text3等开发工具; 3、完成环境中每个服务器的安装目、配置文件位置、以及启动和关闭过程; 4、完成简单PHP程序的开发。 四、实验原理(5分) 1、 AppServ、 WampServer等集成环境的下载和安装; 2、 PHPstor、 sublime text3等编辑编辑工具的安装和使用 3、PHP的工作原理。 五、实验步骤(40分) 1、基于 AppSer和 ZendStudio环境的搭建。 (1) AppServ的下载 (2) Appserv的安装 ①打开 Appserv安装包,点击下一步,直到如图1-1所示,填写服务器名字、用户邮箱和 Apache 的端口号,然后点击下一步 s AppSenv 2.5.10 Setup Apache htTp Please enter your servers nformation venameea.www.appernebworkoomy Cantel 图1-1 AppServ的安装 ②如图1-2所示,设置 mysql密码123456,其他默认 管理科学与工程学科/共10页第1页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 1 页 《PHP 动态网站开发》实验指导 实验一：PHP 开发环境搭建 一、实验目的（5 分） 1、了解 AppServ、WampServer 集成开发环境的工作原理； 2、了解 Apache、MySQL、PHP 在 Windows、Linux 操作系统下的安装； 3、掌握 AppServ、WampServer 的安装和使用； 4、掌握 PhpStorm、sublime text3 编辑工具的安装和使用； 5、掌握网站的发布目录和访问方式。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成 PHP 集成环境的搭建，如 AppServ、WampServer 等集成环境； 2、完成 PHP 编辑工具的使用，如 PhpStorm、sublime text3 等开发工具； 3、完成环境中每个服务器的安装目、配置文件位置、以及启动和关闭过程； 4、完成简单 PHP 程序的开发。 四、实验原理（5 分） 1、AppServ、WampServer 等集成环境的下载和安装； 2、PHPstorm、sublime text3 等编辑编辑工具的安装和使用； 3、PHP 的工作原理。 五、实验步骤（40 分） 1、基于 AppServ 和 ZendStudio 环境的搭建。 （1）AppServ 的下载 https://www.appserv.org/ （2）Appserv 的安装 ①打开 Appserv 安装包，点击下一步，直到如图 1-1 所示，填写服务器名字、用户邮箱和 Apache 的端口号，然后点击下一步 图 1-1 AppServ 的安装 ②如图 1-2 所示，设置 mysql 密码 123456，其他默认
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 2 4 AppServ 2.5.10 Setup Configure the MysQ-Server ease enter Root password for MySQL Server. <Bad[Instal c 图1-2 MySQL的安装 ③安装完成之后,运行 Apache,然后打开浏览器输入 localhost,出现如图1-3则说明 Apache正 常运行 The App Serv Open Project-2.5.10 for Windows Vmim上103 9 Easy way to build webserver, Database Server with Appseurv:-) 图1-3 Apache测试 ④找到菜单里安装的 Appserv目录,打开如图1-4所示,则说明 mysql安装成功 HyseL Caninity dition cEP 图1-4 MySQL测试 (3) ZendStudio的安装 ① Zend studio的下载 http://www.zend.com/en/products/studio ②以136.1版本为例,打开 ZendStudio安装包,全部选择默认安装。安装完成后,运行出现如 图1-5所示界面,更改工作目录至 AppServ安装目录www下 管理科学与工程学科/共10页第2页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 2 页 图 1-2 MySQL 的安装 ③安装完成之后，运行 Apache，然后打开浏览器输入 localhost，出现如图 1-3 则说明 Apache 正 常运行 图 1-3 Apache 测试 ④找到菜单里安装的 Appserv 目录，打开如图 1-4 所示，则说明 mysql 安装成功 图 1-4 MySQL 测试 （3）ZendStudio 的安装 ①ZendStudio 的下载 http://www.zend.com/en/products/studio ②以 13.6.1 版本为例，打开 ZendStudio 安装包，全部选择默认安装。安装完成后，运行出现如 图 1-5 所示界面，更改工作目录至 AppServ 安装目录 www 下
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 3 Zend Studio uses the workspace directory to store its preferences and development artifacts. Workspace:C: \AppServwww\tes Browse M Use this as the default and do not ask again Cancel 图1-5运行界面 ③点击Fles-》new-》 local php project后,出现如图1-6所示界面,输入 project Name,之后选 择Ⅴersi Create a Local PHP Project e Project already exists in selected location. Project Name: test Location: C:\AppServ\www\test PHP Server: M Default PHP Web Server Content: Basic ZEnd Framework (void return type, class constant visibility.) 图1-6运行界面 ④如图1-7所示,输入“ Hello World”。 四·证日m·0·9·4·平中· 心P。回R日口 管理科学与工程学科/共10页第3页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 3 页 图 1-5 运行界面 ③点击 Files--》new---》local php project 后，出现如图 1-6 所示界面，输入 project Name，之后选 择 Version。 图 1-6 运行界面 ④如图 1-7 所示，输入“Hello World
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 4 图1-7编写代码界面 ⑤如图1-8所示,点击运行,然后配置路径 http://localhost8080/test/indexphp-Zendstudio-CAAppServwww\test File Edit Navigate Search Project Run Window Help An outline is not available. hello world Location 图1-8测试界面 (4)完成下述任务。 任务一:安装 AppServ,并说明 AppServ的版本?(5分) 任务二:选择一种开发工具进行安装,说明开发工具的名称?(5分) 任务三:配置完成后,运行简单程序(10分) 要求 请将完成上述任务的步骤,填写到实验报告册中 、基于 WampServer和 phpstorm环境的搭建 (1) WampServer安装,如图1-9、1-10、1-1l所示 @ by Otomatic Next>Cancel 图1-9安装向导 管理科学与工程学科/共10页第4页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 4 页 图 1-7 编写代码界面 ⑤如图 1-8 所示，点击运行，然后配置路径。 图 1-8 测试界面 （4）完成下述任务。 任务一：安装 AppServ，并说明 AppServ 的版本？（5 分） 任务二：选择一种开发工具进行安装，说明开发工具的名称？（5 分） 任务三：配置完成后，运行简单程序（10 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中。 2、基于 WampServer 和 phpstorm 环境的搭建 （1）WampServer 安装，如图 1-9、1-10、1-11 所示。 图 1-9 安装向导
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 5 e Setup. Wampserver64 Setup instal viamoserve64into the folownofolder To contnue, dok Next. If you would ke to selct a dfferent folder, dc Broase, At east 621. 0 MB of free dsk space is requred. 图1-10选择路径界面 at whle Setup nstals Wiampserver64 on your computer. Setup iexplore. exe (Internet Explorer) will be used as Browser by Wampserver 图1-11选择浏览器 运行安装完成的程序,出现绿色图标如图表示服务正确启动,若不是绿色图标,这说明有服务 没有启动成功,需要查看端口是否占用,若修改过配置文件,可能是配置文件配置错误。 5②5 (2) PhpStorm安装 ①下载 Phpstorm https://www.jetbrains.com/phpstorm/download 双击打开 Phpstorm安装包,开始安装,如图1-12、1-13、1-14、1-15所示 管理科学与工程学科/共10页第5页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 5 页 图 1-10 选择路径界面 图 1-11 选择浏览器 运行安装完成的程序，出现绿色图标如图表示服务正确启动，若不是绿色图标，这说明有服务 没有启动成功，需要查看端口是否占用，若修改过配置文件，可能是配置文件配置错误。 （2）PhpStorm 安装 ① 下载 PhpStorm https://www.jetbrains.com/phpstorm/download ② 双击打开 PhpStorm 安装包，开始安装，如图 1-12、1-13、1-14、1-15 所示
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 2 PhpStorm Setu PS come to the PhpStorm Setup wizard wil gude you through the instalation of elevant system files wthout havng to reboot yo Clc Next to contnue Next>Cancel 图1-12 PhpStorn安装向导 Choose Install Loc oose the folder n which to install PhoStorm. Mowing foder. To instal n a different folder, dck Browse Destnation Folder Space requred: 652.7ME Space avalable: 19.7 图1-13选择路径 Confoure your PhpGtorm instal abio √32 bit launcher□6+ bt launcher Create assodahons Vhtml Cancel 图1-14安装选项 管理科学与工程学科/共10页第6页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 6 页 图 1-12 PhpStorm 安装向导 图 1-13 选择路径 图 1-14 安装选项
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 7 Choose start Menu Folder Choose a Start Menu folder for the phostom sh Select the start Menu fo der n which you the progams shortcuts. Yo can also enter a name to create a ntrol Center 到cm 图1-15选择菜单文件夹 (3)环境搭建 配置解析器,依次打开“file-> Defailt Setting-> Languages& t Frameworks->PHP”,如果你 在电脑上单独安装过php可以将你的 php. exe安装路径选择到下面的目录中,该软件会自动识别其 版本并显示或者选择 wampserver中的PHP,如下图1-16、1-17所示: 图1-16配置解析器1 管理科学与工程学科/共10页第7页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 7 页 图 1-15 选择菜单文件夹 （3）环境搭建 配置解析器，依次打开“file->Defailt Setting->Languages&Frameworks->PHP”,如果你 在电脑上单独安装过 php 可以将你的 php.exe 安装路径选择到下面的目录中，该软件会自动识别其 版本并显示或者选择 wampserver 中的 PHP，如下图 1-16、1-17 所示： 图 1-16 配置解析器 1
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 8 图1-17配置解析器2 php. ini文件配置修改 找到php安装目录下的 php. ini文件,依次点击“左键-PHP- php. ini”进行修改,将游标拖到 最后,更改对应的位置,主要为以下代码,进行粘贴 xdebug. idekey=Php Storm xdebug remote enable=On xdebug remote port=9000 xdebug remote handler=dbgp xdebug remote autostart=off 如图1-18: XDEBUG Extension zend extension a E:/phpTostudy/wamp/bin/php/php5. 5. 12/zend ext/php xdebug-225-5.5 xdebug profilerenable =off xdebugprofiler_enable_trigger=off xdebug profiler_output name= cachegrind out %t %p debug show local vars=0 xdebugremote_autostart=off 图1-18配置文件的修改 Phpstor已经配置完成后,新建项目测试,如图1-19、1-20、1-21所示 管理科学与工程学科/共10页第8页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 8 页 图 1-17 配置解析器 2 php.ini 文件配置修改 找到 php 安装目录下的 php.ini 文件,依次点击“左键-PHP-php.ini”进行修改，将游标拖到 最后，更改对应的位置，主要为以下代码，进行粘贴： xdebug.idekey=PhpStorm xdebug.remote_enable = On xdebug.remote_host=localhost xdebug.remote_port=9000 xdebug.remote_handler=dbgp xdebug.remote_autostart=off 如图 1-18： 图 1-18 配置文件的修改 PhpStorm 已经配置完成后，新建项目测试，如图 1-19、1-20、1-21 所示
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 oet view All Lod Hsey 图1-19创建文件1 网 Create New PhP File e name. teston t↓ php Cancel 图1-20创建文件2 图1-21创建文件3 输入 hello world点击浏览器运行,可以看出浏览器默认使用的是 phpstorm自带的网络服务器,如 图1-22,未使用 wampserver的 Apache服务器。 管理科学与工程学科/共10页第9页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 9 页 图 1-19 创建文件 1 图 1-20 创建文件 2 图 1-21 创建文件 3 输入 hello world;点击浏览器运行,可以看出浏览器默认使用的是 phpstorm 自带的网络服务器，如 图 1-22，未使用 wampserver 的 Apache 服务器
《PHP动态网站开发》实验指导/实验一:PHP开发环境搭建 ☆亡E fello Worl 图1-22测试结果 (4)完成下述任务。 任务一:安装 WampServer,并说明版本?(5分) 任务二:说明 WampServer中PHP、 MySQL与 Apache的版本?(5分) 任务三:说明 WampServer中PHP、 MySQL与 Apache配置文件路径(5分) 任务四:如何配置 PhpStom使其使用 Apache服务。(5分) 要求 请将完成上述任务的步骤,填写到实验报告册中。 六、自主实验(20分) 1、描述LAMP环境下配置开发环境的过程。(10分) 2、使用 Apache服务器,如何配置多个虚拟站点。(10分) 七、思考与问答(20分) 1、列举常见的web服务器配置环境。(5分) 2、PHP运行过程中,PHP预处理器、web服务器和数据库服务器各自的功能。(5分) 3、简述PHP程序工作流程。(5分) 4、列举PHP的集成开发环境。(5分) 管理科学与工程学科/共10页第10页
《PHP 动态网站开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 10 页,第 10 页 图 1-22 测试结果 （4）完成下述任务。 任务一：安装 WampServer，并说明版本？（5 分） 任务二：说明 WampServer 中 PHP、MySQL 与 Apache 的版本？（5 分） 任务三：说明 WampServer 中 PHP、MySQL 与 Apache 配置文件路径（5 分） 任务四：如何配置 PhpStorm 使其使用 Apache 服务。（5 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中。 六、自主实验（20 分） 1、描述 LAMP 环境下配置开发环境的过程。（10 分） 2、使用 Apache 服务器，如何配置多个虚拟站点。（10 分） 七、思考与问答（20 分） 1、列举常见的 web 服务器配置环境。（5 分） 2、PHP 运行过程中，PHP 预处理器、web 服务器和数据库服务器各自的功能。（5 分） 3、简述 PHP 程序工作流程。（5 分） 4、列举 PHP 的集成开发环境。（5 分）