搭建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 相关文章推荐
php checkbox 取值详细说明
Aug 19 PHP
用PHP将数据导入到Foxmail的实现代码
Sep 05 PHP
php中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
May 04 PHP
怎样给PHP源代码加密?PHP二进制加密与解密的解决办法
Apr 22 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
Apr 30 PHP
ThinkPHP的Widget扩展实例
Jun 19 PHP
ecshop后台编辑器替换成ueditor编辑器
Mar 03 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
Mar 18 PHP
PHP类的特性实例分析
Sep 28 PHP
php实现将base64格式图片保存在指定目录的方法
Oct 13 PHP
PHP实现的折半查找算法示例
Dec 19 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
Jul 10 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删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
js版本A*寻路算法
2006/12/22 Javascript
javascript indexOf函数使用说明
2008/07/03 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
JavaScript事件冒泡机制原理实例解析
2020/01/14 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
简单易懂的python环境安装教程
2017/07/13 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
python调用百度语音REST API
2018/08/30 Python
Python使用线程来接收串口数据的示例
2019/07/02 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
Python实现线性插值和三次样条插值的示例代码
2019/11/13 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
python设置表格边框的具体方法
2020/07/17 Python
利用python爬取有道词典的方法
2020/12/08 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
Elizabeth Gage官网:英国最好的珠宝设计之一
2020/09/26 全球购物
数控技术专业推荐信
2013/11/01 职场文书
商务英语应届生自我鉴定
2013/12/08 职场文书
十佳教师事迹材料
2014/01/11 职场文书
市场部管理制度
2014/02/02 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
优秀志愿者感言
2015/08/01 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js