搭建PhpStorm+PhpStudy开发环境的超详细教程


Posted in PHP onSeptember 17, 2020

刚开始接触PHP开发,搭建开发环境是第一步,网上下载PhpStorm和PhpStudy软件,怎样安装和激活就不详细说了,我们重点来看一看怎样搭配这两个开发环境。

前提:现在假设你已经安装完PhpStorm和PhpStudy软件。

我的PhpStorm使用的是默认安装目录,这个没什么疑问的,PhpStudy软件我选择解压的目录是G:\Program Files\ 。

搭建PhpStorm+PhpStudy开发环境的超详细教程

在PhpStudy软件的解压目录下的www文件夹就是我们的网站根目录。

搭建PhpStorm+PhpStudy开发环境的超详细教程

现在我们使用PhpStorm新建一个新工程。

第一步:打开PhpStorm软件,点击创建新项目,在输入框填写项目名称,项目存放地址,项目类型信息。

搭建PhpStorm+PhpStudy开发环境的超详细教程

这里我的配置信息看上图。填写完点击确定。

第二步:设置PHP项目的版本信息

搭建PhpStorm+PhpStudy开发环境的超详细教程

这里我选择的level是PHP5.6

搭建PhpStorm+PhpStudy开发环境的超详细教程

Interpreter现在默认是没有的,我们要先配置一下。

点击在Interpreter的选择框旁边的搭建PhpStorm+PhpStudy开发环境的超详细教程按钮,跳转到的界面如下图:

搭建PhpStorm+PhpStudy开发环境的超详细教程

默认没配置过的左手边的框里面是空白的,我已经配置过了,所以现在左手边有了两个Interpreter版本,现在我们要新建一个Interpreter,点击1位置的按钮添加Interpreter,在2的位置填写这个Interpreter的名称,位置3是我们要设置的php.exe文件位置,点击右手边的"...",在弹出的对话框中选择我们Phpstudy的php.exe文件位置(Phpstudy帮我们集成了php)。

搭建PhpStorm+PhpStudy开发环境的超详细教程

配置完成之后点击确定。现在我们回到前一个界面,点击下拉就可以看到我们刚才配置的Interpreter。

搭建PhpStorm+PhpStudy开发环境的超详细教程

这里选上其中一个,看你要使用什么版本咯。再点击确定,这时候创建新工程就完成了。

第三步:新建php文件

现在我们的工程是没有文件的,需要我们新建网页文件。选中项目文件右键-->新建,可以看到有好几种文件格式:

搭建PhpStorm+PhpStudy开发环境的超详细教程

我新建了两个文件如下图:

搭建PhpStorm+PhpStudy开发环境的超详细教程

文件的内容如下:

form.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PHP处理表单2</title>
</head>
<body>
<form action="welcome.php" method="post">
  名字: <input type="text" name="fname">
  年龄: <input type="text" name="age">
  <input type="submit" value="提交">
</form>
</body>

welcome.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>$_POST获取表单post信息</title>
</head>
<body>
<?php
echo "欢迎".$_POST["fname"]."!<br/>";
echo "你的年龄是".$_POST["age"]."岁。";
?>
</body>
</html>

现在打开form.html文件,鼠标点击文件内容的任意地方,会有个悬浮框出现:

搭建PhpStorm+PhpStudy开发环境的超详细教程

这个是可以选择打开form.html文件的浏览器,我们选择其中一个可以看看form.html文件的显示效果,其实只是一个简单的表单:

搭建PhpStorm+PhpStudy开发环境的超详细教程

重点来了,也是我写这篇博客的目的,我们填写表单信息之后点击“提交”按钮,我们要实现的效果是跳转到welcome.php页面,并显示form.html页面我们填写的名字和年龄信息 。问题来了,跳转之后浏览器显示“文件找不到”。这就郁闷了,为什么form.html文件也可以打开,而welcome.php文件跟form.html文件都是放同一级目录下的啊,怎么会找不到呢,折腾了一天,终于发现问题了,原来我编辑的只是本地文件,至于form.html文件能打开是因为Phpstorm软件自动帮我们把文件使用本地服务器打开所以能找到,而welcome.php文件我们并没有提交到本地服务器上。

下面是解决方式(主要是配置本地服务器);

步骤一:配置本地服务器

选择:工具-->Deployment-->Configuration

搭建PhpStorm+PhpStudy开发环境的超详细教程

初次是没有任何配置信息的:

搭建PhpStorm+PhpStudy开发环境的超详细教程

我们点击“+”添加服务器配置,在弹出框中选择“Local or mounted folder”:

搭建PhpStorm+PhpStudy开发环境的超详细教程

下面的配置很重要,关乎文件能否正常被找到,添加完服务器之后我们就要配置文件的位置了:

搭建PhpStorm+PhpStudy开发环境的超详细教程

选择 “Connection”,位置3就是刚才我们选择的服务器类型,关键是位置4和5。

“Upload/download project files”意思是上传或下载的文件目录 ,这里很关键,因为我们使用的是PhpStudy,PhpStudy有自己的网站目录,这里我设置的是PhpStudy的网站根目录,就是我们之前PhpStudy解压的位置G:\Program Files\phpStudy\WWW,待会就知道这个目录位置有什么用了。

"Browse files on server" 意思是服务器项目的访问地址(就是用浏览器可以打开项目页面的链接地址),这里可以写成PhpStudy的根地址“http://localhost/”,后面可以再指定具体的文件位置。

选择“Mappings”,如下图配置:

搭建PhpStorm+PhpStudy开发环境的超详细教程

这里注意位置2是被选上的,成灰色不可点击。

位置3就是项目源文件的地址,我的项目文件是放在“G:\Php-workspace\MyTest”目录下。

位置4是项目在本地服务器的详细文件夹位置(相对于我们在 “Connection”设置的“Upload/download project files”位置,就是我们待会把源代码上传部署到服务器的文件位置),这里我指定为“/phpStudyTest”,待会工程上传的时候就会上传到“G:\Program Files\phpStudy\WWW\phpStudyTest”这个phpStudyTest文件夹下。

位置5是相对于我们在 “Connection”设置的"Browse files on server"的位置,我们的项目现在放到了“localhost”的根位置phpStudyTest文件夹下了,所以设置为“/phpStudyTest”。

位置6就是我们可以用浏览器打开项目的链接地址预览。

关键是要理解清楚这几个文件夹的意思,不然是访问不到网页文件的。

配置完之后点击“确定”,现在我们还是没有把工程上传到服务器的,下一步就是设置上传工程的配置。

步骤二:配置运行调试环境

点击编辑结构:

搭建PhpStorm+PhpStudy开发环境的超详细教程

展开 Default -> PHP Web Application,现在是<no server>状态,如下图:

搭建PhpStorm+PhpStudy开发环境的超详细教程

点击“...”按钮,在弹出框中点击“+”添加服务器信息

搭建PhpStorm+PhpStudy开发环境的超详细教程

搭建PhpStorm+PhpStudy开发环境的超详细教程

位置1 填写配置的名称,位置2填写我们本地服务器的地址,这里是“localhost”,端口默认是80,Debugger默认就好了,也可以去配置Xdebug,这里不重点讲。填写完成之后点击:应用->确定。

回到上一个页面,在Server下拉就可以看到我们配置名称:

搭建PhpStorm+PhpStudy开发环境的超详细教程

位置2是我们默认的链接开始位置,这里填“/”就好了。

位置3是我们用于调试的默认浏览器类型。

现在一切都配置好了。OK!!!!!!!!!!!!!!

部署工程到服务器

点击工程右键也可以的,我们选择点击工具栏,点击位置如下图:

搭建PhpStorm+PhpStudy开发环境的超详细教程

上传成功之后,控制台输出;

搭建PhpStorm+PhpStudy开发环境的超详细教程

如果不想每次都手动上传,可以设置自动模式,自动模式下当我们修改了文件并保存之后,软件自动把修改的文件上传到服务器。设置如下:

搭建PhpStorm+PhpStudy开发环境的超详细教程

现在我们来看看效果:

搭建PhpStorm+PhpStudy开发环境的超详细教程

点击运行form.html

搭建PhpStorm+PhpStudy开发环境的超详细教程

再点击提交,现在能正常跳转了:

搭建PhpStorm+PhpStudy开发环境的超详细教程

工程源码:

好了,本文结束了,希望能帮到还在寻找解决方法的同学。这也是本人通过实践得出来的总结,希望尊重别人的劳动成果,写这么长不容易的,转载记得要标上原文链接地址。

如果有什么写得不好的地方欢迎指出,谢谢。

到此这篇关于搭建PhpStorm+PhpStudy开发环境的超详细教程的文章就介绍到这了,更多相关PhpStorm+PhpStudy开发环境内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

PHP 相关文章推荐
BBS(php &amp; mysql)完整版(七)
Oct 09 PHP
php字符串截取中文截取2,单字节截取模式
Dec 10 PHP
PHP循环获取GET和POST值的代码
Apr 09 PHP
php miniBB中文乱码问题解决方法
Nov 25 PHP
用php实现的下载css文件中的图片的代码
Feb 08 PHP
深入探讨<br />和 \r\n两者有什么区别??
Jun 05 PHP
header导出Excel应用示例
Jan 24 PHP
PHP中使用Imagick操作PSD文件实例
Jan 26 PHP
php返回当前日期或者指定日期是周几
May 21 PHP
PHP微信API接口类
Aug 22 PHP
php使用yield对性能提升的测试实例分析
Sep 19 PHP
tp5.1 框架join方法用法实例分析
May 26 PHP
深入浅析安装PhpStorm并激活的步骤详解
Sep 17 #PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
Sep 17 #PHP
PHPstorm启用自动换行的方法详解(IDE)
Sep 17 #PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
Sep 17 #PHP
phpstorm激活码2020附使用详细教程
Sep 25 #PHP
phpStorm2020 注册码
Sep 17 #PHP
PHPstorm激活码2020年5月13日亲测有效
Sep 17 #PHP
You might like
php分割合并两个字符串的函数实例
2015/06/19 PHP
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
jquery+json实现数据列表分页示例代码
2013/11/15 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
Python函数学习笔记
2008/10/07 Python
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
python基于三阶贝塞尔曲线的数据平滑算法
2019/12/27 Python
python实现对变位词的判断方法
2020/04/05 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
《小小雨点》教学反思
2014/02/18 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
校运会口号
2014/06/18 职场文书
商铺门前三包责任书
2014/07/25 职场文书
15个值得收藏的JavaScript函数
2021/09/15 Javascript
用Python生成会跳舞的美女
2022/01/18 Python
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技