《PHP程序开发》实验指导/实验一:PHP开发环境搭建 《PHP程序开发》实验指导 实验一:PHP开发环境搭建 实验目的(5分) 1、了解 PHPstudy、 WampServer集成开发环境的工作原理 2、了解 Apache、 MySQL、PHP在 Windows、 Linux操作系统下的安装 3、掌握 PHPstudy、 Wamp Server的安装和使用; 4、掌握Ⅴ SCode、 sublime text3编辑工具的安装和使用; 5、掌握网站的发布目录和访问方式。 二、实验环境(5分) 1、 Windows xp/ Windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 、实验要求(5分) 完成PHP集成环境的搭建,如 PHPstudy、 WampServer等集成环境: 2、完成PHP编辑工具的使用,如Ⅴ SCode、 sublime text3等开发工具 3、完成环境中每个服务器的安装目、配置文件位置、以及启动和关闭过程; 4、完成简单PHP程序的开发 四、实验原理(5分) 1、 PHPstudy、 WampServer等集成环境的下载和安装; 2、 VSCode、 sublime text3等编辑编辑工具的安装和使用 3、PHP的工作原理。 五、实验步骤(40分) 1、基于 PHPstudy和 VSCode环境的搭建 (1) PHPstudy的下载 nttp: //phpstudy. php. cn/ (2) PHPstudy的安装 ①双击 PHPstudy安装包,点击“是”,直到如图1-所示。 9 php Study 2018 PHP-54.45 运行状态 sstudy启停 提示信息 运行模式切换版本 Aade已经停止…21:17:27 O系统服务 ◎非服务模式 e已经岩 My5Q已经启动 1:17:32 打开工具箱快捷键型 其他选项菜单 图1-1 PHPstudy的安装 管理科学与工程学科/共9页第1页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 1 页 《PHP 程序开发》实验指导 实验一：PHP 开发环境搭建 一、实验目的（5 分） 1、了解 PHPstudy、WampServer 集成开发环境的工作原理； 2、了解 Apache、MySQL、PHP 在 Windows、Linux 操作系统下的安装； 3、掌握 PHPstudy、WampServer 的安装和使用； 4、掌握 VSCode、sublime text3 编辑工具的安装和使用； 5、掌握网站的发布目录和访问方式。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成 PHP 集成环境的搭建，如 PHPstudy、WampServer 等集成环境； 2、完成 PHP 编辑工具的使用，如 VSCode、sublime text3 等开发工具； 3、完成环境中每个服务器的安装目、配置文件位置、以及启动和关闭过程； 4、完成简单 PHP 程序的开发。 四、实验原理（5 分） 1、PHPstudy、WampServer 等集成环境的下载和安装； 2、VSCode、sublime text3 等编辑编辑工具的安装和使用； 3、PHP 的工作原理。 五、实验步骤（40 分） 1、基于 PHPstudy 和 VSCode 环境的搭建。 （1）PHPstudy 的下载 http://phpstudy.php.cn/ （2）PHPstudy 的安装 ①双击 PHPstudy 安装包，点击“是”，直到如图 1-1 所示。 图 1-1 PHPstudy 的安装
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 2 ②安装完成之后,点击“启动”,然后打开浏览器输入 localhost,出现如图1-2则说明 Apache 正常运行 p中又网探针动 ot于想显水D阅射 Ooe PHP 图1-2 Apache测试 (3) VSCode的安装 ① SCode的下载 https://code.visualstudio.com/ ②双击Ⅴ SCode安装包,如图1-3所示。点击下一步,出现如图1-4所示界面,更改安装目录 Q安装程序 Visual Studio Cod 欢迎使用 Visual studio Code安装向 这将在计算机上安装 Microsoft Msud Sudio Code(User) 议关闭所有其他应用程序冉继续 单击下一步以绀续,或单击取消以出安装程序 图1-3 SCode安装向导 安装程星序- Visual Studio code 择目标位置 应将 Visual Studo C安装到哪里 安装程序会将 vsua Studio Code安装到以下文件夹 着要维续,单击下一步。如果想选择其他文件夹,单击览 兩要至少2058N可用球盘空间 上-步)[下一步0消 图1-4 VSCode安装目录 管理科学与工程学科/共9页第2页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 2 页 ②安装完成之后，点击“启动”，然后打开浏览器输入 localhost，出现如图 1-2 则说明 Apache 正常运行 图 1-2 Apache 测试 （3）VSCode 的安装 ①VSCode 的下载 https://code.visualstudio.com/ ②双击 VSCode 安装包，如图 1-3 所示。点击下一步，出现如图 1-4 所示界面，更改安装目录。 图 1-3 VSCode 安装向导 图 1-4 VSCode 安装目录
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 3 ③安装完成后,双击快捷方式,即可打开界面,如图1-5所示。 图1-5运行界面 ④新建项目,输入如图1-6所示的代码。 图1-6编写代码界面 ⑤配置路径,将上述文件存放在主目录下,运行程序,出现如图1-7所示结果 >c 0 0httP:/localhost/demo.php 收、口手机收夹w网址导的D影视大全如百度一下国头条新闻圆宝3 hello world ★定内 图1-7程序运行结果 (4)完成下述任务。 任务一:安装 PHPstudy,并说明 PHPstudy的版本?(5分) 任务二:选择一种开发工具进行安装,说明开发工具的名称?(5分) 任务三:配置完成后,运行 hello world程序。(5分 任务四:配置域名,通过域名www.test.com访问helloworld页面。(5分) 管理科学与工程学科/共9页第3页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 3 页 ③安装完成后，双击快捷方式，即可打开界面，如图 1-5 所示。 图 1-5 运行界面 ④新建项目，输入如图 1-6 所示的代码。 图 1-6 编写代码界面 ⑤配置路径，将上述文件存放在主目录下，运行程序，出现如图 1-7 所示结果。 图 1-7 程序运行结果 （4）完成下述任务。 任务一：安装 PHPstudy，并说明 PHPstudy 的版本？（5 分） 任务二：选择一种开发工具进行安装，说明开发工具的名称？（5 分） 任务三：配置完成后，运行 hello world 程序。（5 分） 任务四：配置域名，通过域名 www.test.com 访问 hello world 页面。（5 分）
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 4 要求 请将完成上述任务的步骤,填写到实验报告册中 2、基于 Wamp server和 phpstorm环境的搭建 (1) WampServer安装,如图1-9、1-10、1-11所示 0 Setup. Wampserver64 @ WampServer Ths w nstl Wamgserver 64300 on your computer ended that you dee HP7.0.0 图1-9安装向导 here should Wampeerver64 be retaled To contnue, dck Next If you would e to selct a dfferent folder, dio Bromse At east 621. 0 ME of free dsk space is requred. Cancel 图1-10选择路径界面 ase wat whle Setup nstals Wampserver 64 on your computer. Do you wa (nternet Explorer) will be used as Browser by Wampserver [ Cance 图1-11选择浏览器 运行安装完成的程序,出现绿色图标如图表示服务正确启动,若不是绿色图标,这说明有服务 没有启动成功,需要査看端口是否占用,若修改过配置文件,可能是配置文件配置错误 管理科学与工程学科/共9页第4页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 4 页 要求： 请将完成上述任务的步骤，填写到实验报告册中。 2、基于 WampServer 和 phpstorm 环境的搭建 （1）WampServer 安装，如图 1-9、1-10、1-11 所示。 图 1-9 安装向导 图 1-10 选择路径界面 图 1-11 选择浏览器 运行安装完成的程序，出现绿色图标如图表示服务正确启动，若不是绿色图标，这说明有服务 没有启动成功，需要查看端口是否占用，若修改过配置文件，可能是配置文件配置错误
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 5 (2) PhpStorm安装 ①下载 Phpst Ittps://www.jetbrains.com/phpstorm/download ②双击打开 PhpStorm安装包,开始安装,如图1-12、1-13、1-14、1-15所示。 welcome to the Php storm Setup It is recommended that you dose al Clo Next to contrue > 图1-12 PhpStorm安装向导 Choose the folder n which to install phpStorm. Destnation Folder Space requred: 652.7MB Space avalable: 19.7 图1-13选择路 管理科学与工程学科/共9页第5页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 5 页 （2）PhpStorm 安装 ① 下载 PhpStorm https://www.jetbrains.com/phpstorm/download ② 双击打开 PhpStorm 安装包，开始安装，如图 1-12、1-13、1-14、1-15 所示。 图 1-12 PhpStorm 安装向导 图 1-13 选择路径
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 2 PhpStorm Setup Configure your Prestorm instalation Create Desctoo shortout v 32-bit launcher launche Create ascodatons html 图1-14安装选项 2 PhpStorm Setup choose ctad oo calder Choose a Start Menu folder for the phostorm shortcuts. Select the Start Menu fo der in which you would loe to create the progams shortcuts. You rol Center 图1-15选择菜单文件夹 (3)环境搭建 配置解析器,依次打开“file-> Defailt Setting-> Languages& Frameworks->PHP”,如果你 在电脑上单独安装过php可以将你的php.exe安装路径选择到下面的目录中,该软件会自动识别其 版本并显示或者选择 wampserver中的PHP,如下图1-16、1-17所示 管理科学与工程学科/共9页第6页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 6 页 图 1-14 安装选项 图 1-15 选择菜单文件夹 （3）环境搭建 配置解析器，依次打开“file->Defailt Setting->Languages&Frameworks->PHP”,如果你 在电脑上单独安装过 php 可以将你的 php.exe 安装路径选择到下面的目录中，该软件会自动识别其 版本并显示或者选择 wampserver 中的 PHP，如下图 1-16、1-17 所示：
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 7 图1-16配置解析器1 图1-17配置解析器2 php. ini文件配置修改 找到php安装目录下的 php. ini文件,依次点击“左键PHP-php.ini”进行修改,将游标拖到 最后,更改对应的位置,主要为以下代码,进行粘贴 xdebug. idekey=Php Storm xdebug remote host=localhost xdebug remote handler=dbgp 如图1-18 XDEBUG Extension zend_extension phpToStudy/wamp/bin/php/php5. 5. 12/zend ext/php xdebug-225-5.5- xdebug profiler_enable =off xdebug, profiler_output_name=cachegrind,out.%t%p xdebugprofiler_output_dir="E: /phpToStudy/wamp/tmp debug show local y xdebugremote_autostart=off 图1-18配置文件的修改 PhpStorn己经配置完成后,新建项目测试,如图1-19、1-20、1-21所示 管理科学与工程学科/共9页第7页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 7 页 图 1-16 配置解析器 1 图 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开发环境搭建 8 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服务器。 管理科学与工程学科/共9页第8页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 8 页 图 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分) 任务二:说明 Wamp Server中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分) 管理科学与工程学科/共9页第9页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 管理科学与工程学科 / 共 9 页,第 9 页 图 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 分）