《PHP程序开发》实验指导/实验一:PHP开发环境搭建 《PHP程序开发》实验指导 实验一:PHP开发环境搭建 实验目的(5分) 1、了解 PHPstudy、 amp Server集成开发环境的工作原理; 了解 SQL、PHP在 Windows、 Linux操作系统下的安装 3、掌握 PHPstudy、 WampServer的安装和使用; 4、掌握 VSCode、 sublime text3编辑工具的安装和使用 5、掌握网站的发布目录和访问方式。 二、实验环境(5分) 1、 Windows10操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 、实验要求(5分) 、完成PHP集成环境的搭建,如 PHPstudy、 Wamp Server等集成环境; 2、完成PHP编辑工具的使用,如Ⅴ SCode、 sublime text.3等开发工具 3、完成环境中每个服务器的安装目、配置文件位置、以及启动和关闭过程 4、完成简单PHP程序的开发 四、实验原理(5分) 1、 PHPstudy、 WampServer等集成环境的下载和安装: 2、 SCode、 sublime text3等编辑编辑工具的安装和使用 3、PHP的工作原理 五、实验步骤(40分) 1、基于 PHPstudy和 VSCode环境的搭建 (1) PHPstudy的下载 nttp: //phpstudy. php. cn/ (2) PHPstudy的安装 ①双击 PHPstudy安装包,点击“是”,直到如图1-所示 PhP study 图1-1 PHPstudy的安装 理科学与工程学科/共9页第1页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 1 管理科学与工程学科 / 共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 10 操作系统的计算机； 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开发环境搭建 ②安装完成之后,点击“启动”,然后打开浏览器输入 localhost,出现如图1-2则说明 Apache 正常运行 1:网站目pa安装目录角ww站点城名/ 2错误示力面:py空装目www贴点城名 新读站在数库,FTP可在 操作,数库可在环墙中下数 2将同达序放到贴由目录时请使用量制,和切可能请成程序文件权不正 图1-2 Apache测试 (3)Ⅴ SCode的安装 ①Ⅴ SCode的下载 ②双击Ⅴ SCode安装包,如图1-3所示。点击下一步,出现如图1-4所示界面,更改安装目录。 欢迎使用 Visual studio code安装向 将在计算机上安装 Microsoft vsua Sudio Code(uker)e 速议关闭所有其他应用程序冉继续 单击下一步"以续,或单击取消以出支装程序 图1-3Ⅴ SCode安装向导 安装程序, Visual Studio Code 选择目标位置 应将 Visual Studio Coc安装到哪里? 安装程序会将 Asua Sucio Coo安装到以下文件夹 着要维续,单击下一步“。如果想选择其他文件夹,单击览 上一步时)[下步[题消 图1-4Ⅴ SCode安装目录 理科学与工程学科/共9页第2页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 2 管理科学与工程学科 / 共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所示结果。 <>c00http://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 开发环境搭建 3 管理科学与工程学科 / 共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开发环境搭建 要求 请将完成上述任务的步骤,填写到实验报告册中。 2、基于 Wamp server和 phpstorn环境的搭建 (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. Creating INI Do you wa (nternet Explorer) will be used as Browser by Wampserver [ Cance 图1-11选择浏览器 运行安装完成的程序,出现绿色图标如图表示服务正确启动,若不是绿色图标,这说明有服务没 有启动成功,需要查看端口是否占用,若修改过配置文件,可能是配置文件配置错误 管理科学与工程学科/共9页第4页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 4 管理科学与工程学科 / 共9页,第4页 要求： 请将完成上述任务的步骤，填写到实验报告册中。 2、基于 WampServer 和 phpstorm 环境的搭建 （1）WampServer 安装，如图 1-9、1-10、1-11 所示。 图 1-9 安装向导 图 1-10 选择路径界面 图 1-11 选择浏览器 运行安装完成的程序，出现绿色图标如图表示服务正确启动，若不是绿色图标，这说明有服务没 有启动成功，需要查看端口是否占用，若修改过配置文件，可能是配置文件配置错误
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 (2) PhpStorr安装 ①下载 PhpStorm Ittps://www.jetbrains.com/phpstorm/download ②双击打开 Phpstorm安装包,开始安装,如图1-12、1-13、1-14、1-15所 welcome to the Php storm Setup This wizard wil guide you through the instalation of It is recommended that you dose al Clo Next to contrue nExt>Cancel 图1-2 PhpStorn安装向导 a Php Storm Setup Choose the folder n which to install phpStorm. Destnation Folder Space requred: 652.7MB Space avalable: 19.7 Booe 图1-13选择路径 理科学与工程学科/共9页第5页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 5 管理科学与工程学科 / 共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 a Start Meru foder for the photom shortcuts. Selct the Start Menu fo der n which you would lie to create the programs shortcuts. Ye 图1-15选择菜单文件夹 (3)环境搭建 配置解析器,依次打开“file-> Defailt Setting-> Languages& Frameworks->PHP”,如果你 在电脑上单独安装过php可以将你的 php.exe安装路径选择到下面的目录中,该软件会自动识别其 版本并显示或者选择 Wampserver中的PHP,如下图1-16、1-17所示 理科学与工程学科/共9页第6页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 6 管理科学与工程学科 / 共9页,第6页 图 1-14 安装选项 图 1-15 选择菜单文件夹 （3）环境搭建 配置解析器，依次打开“file->Defailt Setting->Languages&Frameworks->PHP”,如果你 在电脑上单独安装过 php 可以将你的 php.exe 安装路径选择到下面的目录中，该软件会自动识别其 版本并显示或者选择 wampserver 中的 PHP，如下图 1-16、1-17 所示：
《PHP程序开发》实验指导/实验一:PHP开发环境搭建 图1-16配置解析器1 图1-17配置解析器2 php. ini文件配置修改 找到php安装目录下的 php. ini文件,依次点击“左键PHP- php. ini”进行修改,将游标拖到 最后,更改对应的位置,主要为以下代码,进行粘贴: xdebug. idekey=Php Storm xdebug remote enable = On xdebug remote host-localhost xdebug remote port=9000 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 debug, remote host=localhost xdebugremote_autostart=off 图1-18配置文件的修改 PhpStorn己经配置完成后,新建项目测试,如图1-19、1-20、1-21所示 理科学与工程学科/共9页第7页
《PHP 程序开发》实验指导 / 实验一：PHP 开发环境搭建 7 管理科学与工程学科 / 共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开发环境搭建 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 开发环境搭建 8 管理科学与工程学科 / 共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中PHP、 MySQL与 Apache的版本?(5分) 任务二:说明 WampServer中PHP、 MySQL与 Apache配置文件路径(5分) 要求 请将完成上述任务的步骤,填写到实验报告册中 3完成常量与变量的定义 (1)定义常量和变量 (2)代码如syl-php所示: echo Sc: (3)完成下述任务 任务一:参考上述代码,将自己的名字定义为常量,并输出“hell,某某”(5分) 任务二:定义梯形的上底、下底、高,计算梯形的面积,并输出梯形的面积以及上、下底、高的 数据类型(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页,第9页 图 1-22 测试结果 （4）完成下述任务。 任务一说明 WampServer 中 PHP、MySQL 与 Apache 的版本？（5 分） 任务二：说明 WampServer 中 PHP、MySQL 与 Apache 配置文件路径（5 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中。 3.完成常量与变量的定义 （1）定义常量和变量 （2）代码如 sy1-1.php 所示： "; echo $c; ?> （3）完成下述任务。 任务一：参考上述代码，将自己的名字定义为常量，并输出“hello,某某”（5 分） 任务二：定义梯形的上底、下底、高，计算梯形的面积，并输出梯形的面积以及上、下底、高的 数据类型（5 分） 要求： 请将主要代码填写到实验报告册中。 六、自主实验（20 分） 1、描述 LAMP 环境下配置开发环境的过程。（10 分） 2、使用 Apache 服务器，如何配置多个站点。（10 分） 七、思考与问答（20 分） 1、列举三种以上常见的 web 服务器配置环境。（5 分） 2、PHP 运行过程中，PHP 预处理器、web 服务器和数据库服务器各自的功能。（5 分） 3、简述 PHP 程序工作流程。（5 分） 4、列举三个以上的 PHP 的集成开发环境。（5 分）