一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - PHP教程 - 搭建PhpStorm+PhpStudy開發環境的超詳細教程

搭建PhpStorm+PhpStudy開發環境的超詳細教程

2021-10-27 13:31繁星點點- PHP教程

這篇文章主要介紹了搭建PhpStorm+PhpStudy開發環境的超詳細教程,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

剛開始接觸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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
<!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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
<!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開發環境的超詳細教程

工程源碼:

http://download.csdn.net/detail/u012861467/9743767

好了,本文結束了,希望能幫到還在尋找解決方法的同學。這也是本人通過實踐得出來的總結,希望尊重別人的勞動成果,寫這么長不容易的,轉載記得要標上原文鏈接地址。

如果有什么寫得不好的地方歡迎指出,謝謝。

到此這篇關于搭建phpstorm+phpstudy開發環境的超詳細教程的文章就介紹到這了,更多相關phpstorm+phpstudy開發環境內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!

原文鏈接:https://blog.csdn.net/u012861467/article/details/54692236

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 四虎影院免费在线播放 | 外女思春台湾三级 | 欧美一级欧美三级在线 | 国产综合久久 | 九九热这里只有精品视频免费 | 亚洲黄色天堂 | 欧美cosplay极品video | 色在线亚洲视频www 色欲麻豆国产福利精品 | ai换脸明星造梦工厂忘忧草 | 99爱在线观看精品视频 | 成人四虎 | 欧美乱子伦xxxx12在线 | 亚洲色图第一页 | 4399h漫画| 啪啪大幂幂被c | 欧美x×x| 亚洲精品久久久久福利网站 | 国产爱啪啪 | 白丝爆动漫羞羞动漫网站 | 处女摘花| 亚洲免费网站在线观看 | 久久国产乱子伦免费精品 | 婷婷色伊人| 猛吸奶水的老汉 | 精品无码一区二区三区中文字幕 | 国产午夜精品福利久久 | 日本人作爰啪啪全过程 | 国产欧美国产精品第一区 | 草逼视频网址 | a级动漫| 亚洲欧美日韩精品 | 人人澡 人人澡碰人人看软件 | 亚洲欧美7777 | a级片在线播放 | 深夜激情网 | 女老板用丝袜脚夹我好爽 | 国产自拍视频一区 | 午夜第九达达兔鲁鲁 | 国产va免费精品高清在线观看 | 欧美va天堂va视频va在线 | 国产午夜成人无码免费看 |