《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 所示