搭建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 全局变量范围分析
Aug 07 PHP
php中实现简单的ACL 完结篇
Sep 07 PHP
CodeIgniter框架中_remap()使用方法2例
Mar 10 PHP
Laravel 5框架学习之Eloquent 关系
Apr 09 PHP
php获取指定范围内最接近数的方法
Jun 02 PHP
smarty模板判断数组为空的方法
Jun 10 PHP
PHP使用array_merge重新排列数组下标的方法
Jul 22 PHP
yii实现model添加默认值的方法(2种方法)
Jan 06 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
Feb 23 PHP
mysql alter table命令修改表结构实例详解
Sep 24 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
Feb 28 PHP
Laravel的加密解密与哈希实例讲解
Mar 24 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
人族 Terran 基本策略
2020/03/14 星际争霸
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
学JavaScript七大注意事项【必看】
2016/05/04 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
jQuery树控件zTree使用方法详解(一)
2017/02/28 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
layer弹出子iframe层父子页面传值的实现方法
2018/11/22 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
package.json中homepage属性的作用详解
2020/03/11 Javascript
Python中编写ORM框架的入门指引
2015/04/29 Python
python根据京东商品url获取产品价格
2015/08/09 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
python使用正则筛选信用卡
2019/01/27 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
岗位职责风险防控
2014/02/18 职场文书
家长寄语大全
2014/04/02 职场文书
党旗在我心中演讲稿
2014/09/15 职场文书
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
能让Python提速超40倍的神器Cython详解
2021/06/24 Python
面试中canvas绘制图片模糊图片问题处理
2022/03/13 Javascript