搭建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 相关文章推荐
一个用于MySQL的PHP XML类
Oct 09 PHP
用PHP和ACCESS写聊天室(一)
Oct 09 PHP
php创建多级目录代码
Jun 05 PHP
php中长文章分页显示实现代码
Sep 29 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
Jun 17 PHP
php防止网站被刷新的方法汇总
Dec 01 PHP
Thinkphp框架开发移动端接口(2)
Aug 18 PHP
PHP读取Excel类文件
May 15 PHP
php读取本地json文件的实例
Mar 07 PHP
php+ajax实现文件切割上传功能示例
Mar 03 PHP
php将字符串转换为数组实例讲解
May 05 PHP
PHP实现两种排课方式
Jun 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
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
php生成短网址示例
2014/05/05 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
js操作select控件的几种方法
2010/06/02 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
2017/06/11 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
小程序实现授权登陆的解决方案
2018/12/02 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
2019/11/06 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
python socket 超时设置 errno 10054
2014/07/01 Python
跟老齐学Python之复习if语句
2014/10/02 Python
Python自定义线程类简单示例
2018/03/23 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
Python必须了解的35个关键词
2020/07/16 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
python开发入门——列表生成式
2020/09/03 Python
教师实习的自我鉴定
2013/10/26 职场文书
政府采购方案
2014/06/12 职场文书
谢师宴邀请函
2015/02/02 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
详解使用内网穿透工具Ngrok代理本地服务
2022/03/31 Servers