《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. <Bad[ Next> 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 选择路径