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