搭建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产生动态的影像图
Oct 09 PHP
js下函数般调用正则的方法附代码
Jun 22 PHP
php cookis创建实现代码
Mar 16 PHP
php解析html类库simple_html_dom(详细介绍)
Jul 05 PHP
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
May 15 PHP
在PHP中使用X-SendFile头让文件下载更快
Jun 01 PHP
Linux下安装PHP MSSQL扩展教程
Oct 24 PHP
php获取根域名方法汇总
Oct 28 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
Nov 03 PHP
thinkPHP交易详情查询功能详解
Dec 02 PHP
php解析mht文件转换成html的实例
Mar 13 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
May 09 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
Home Coffee Roasting
2021/03/03 咖啡文化
Mysql的常用命令
2006/10/09 PHP
php文件上传的例子及参数详解
2013/12/12 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
jquery ui bootstrap 实现自定义风格
2014/11/14 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
2016/06/14 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
javascript代码实现简易计算器
2021/01/25 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
Unicode和Python的中文处理
2017/03/19 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
Django 框架模型操作入门教程
2019/11/05 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
高中自我鉴定
2013/12/20 职场文书
幼儿园家长会邀请函
2014/01/15 职场文书
个人作风剖析材料
2014/02/02 职场文书
2014年幼儿园植树节活动方案
2014/03/02 职场文书
小学综治宣传月活动总结
2014/07/02 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
党员承诺书范文2015
2015/04/27 职场文书
电影红河谷观后感
2015/06/11 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
python中如何对多变量连续赋值
2021/06/03 Python
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android