首頁  >  文章  >  php教程  >  使用Apache+Dreamweaver(或H-builder)搭建php開發環境

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

高洛峰
高洛峰原創
2016-10-13 10:13:151404瀏覽

1.使用得工具說明 php+Apache伺服器+Dreamweaver+mysql資料庫

2.下載安裝好wamp,可以在網路上直接百度下載,為了方便,我給放個百度雲的連結。 wamp下載:連結:http://pan.baidu.com/s/1jH6FbtO 密碼:zeo6
3.下載並安裝好,沒有什麼大問題,一路回車就好。有一個步驟是選擇瀏覽器,預設IE,如果想chrome,自己更改一下就可以

4.php環境搭建
整合開發環境,也叫IDE環境。 web伺服器+php解釋器+資料庫 都是配置好的,直接用就可以,不需要我們自己再去設定。
wamp的環境是指:Windows+Apache+mysql+php,如果之前電腦安裝過IIS就會和Apache衝突

wamp目錄介紹
開啟wamp的安裝目錄,可以看到以下資料夾
1)WWW目錄:是預設的網站的根目錄,所有的網站都必須放在這個目錄或子目錄下面,在我們造訪的時候會是這個樣子
                    http://localhost/   這樣造訪的是網站的根目錄
                    http://localhost/test/test.html  這樣存取的是www目錄下方的,test資料夾下面的,test.html檔案
2)mysql目錄:在wamp的安裝目錄下面,還有一個與www目錄同級的資料夾,這就是我們mysql資料庫的資料夾。
                 在mysql目錄下面有一個叫做data的資料夾,這是mysql伺服器上面資料庫的目錄,data下面每個檔案對應的就是一個資料庫,在裡面建一個資料夾  操作,A同學建了一個資料庫,B同學想拿過來用,這時候我們就可以直接在A同學的data目錄下面,把對用的文件夾直接拷貝過來
               放到B同學對應的文件夾下。



5.修改wamp的設定檔(例如修改連接埠號,修改網站的根目錄)

1)修改wamp的連接埠號
雙擊運行我們的wamp,點擊我們的小半圓圖標,如圖所顯示:

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

在頁面選擇Config files--httpd.conf這個就是Apache的主設定檔

右鍵進入這個文件,開啟以後是這麼一個頁面

使用Apache+Dreamweaver(或H-builder)搭建php開發環境#

沒有生效,ctrl+F搜索一下listen,一直搜索,搜索到一個不帶#號的Listen80,如圖所示

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

這句話是什麼意思呢,就是我們的Apache現在監聽的是80端口,如果你想把它換為別的端口,在這裡修改就行。隨意更改,但是不要有衝突,改完以後,Ctrl+s保存一下,但是現在還是不能用的,需要我們重新啟動一下Apache,我們可以雙擊小半圓,選擇,Apache---Restart Service,還可以雙擊小半圓--Restart All Serveice


2)修改Apache的根目錄,不用www目錄,改成別的
還是單擊小半圓,選擇Config files--httpd.conf--搜尋document,出現這個:DocumentRoot“ D:/wamp/www」講這個目錄改一下就行。如圖所示

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

其他的一些配置,我們可以自己百度搜尋:Apache設定檔 httpd.conf說明,按照他更改就可以。除此之外,php: php_ini核心設定選項說明,也可以百度


3)php的一大難點:如何檢視或修改php的設定檔--php.ini  php的所有設定都在這裡進行 


php的工作原理

用戶在客戶端瀏覽器輸入網址:http://www.xxx.com/test.php------>回車之後,就把請求發送給了Apache伺服器-- -->Apache收到請求後,會去尋找test.php(如果不存在就會回傳404錯誤,,你請求的資源不存在;如果有的話,test.php裡面有腳本,Apache不認識,Apache就會把它傳送給php解釋器,php解釋器就會把所有的php解釋成html,然後把它送到Apache,然後Apache就會把它傳送給客戶端瀏覽器,客戶端瀏覽器就會把頁面渲染出來呈現給使用者)


搭建php開發環境(不管怎麼搭建,都必須放在www目錄下面,要想搭建多個網站,必須在www目錄下建立子資料夾)
1)使用Dreamweaver搭建本地開發環境
    開啟Dreamweaver,在頁面在上面選擇  站點--新站點

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

站點名稱:邏輯站點名,隨意取,中英文都可以,我們命名為localWeb。                    本地網站資料夾:實體網站名,必須放入www目錄下方。找到www目錄---新建一個資料夾,新建一個localWeb資料夾,選擇這個資料夾,作為我們網站的根目錄(邏輯網站名稱和實體網站名稱不必寫成一樣的,二者寫成一樣的是為了方便我們管理)。如圖:

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

此時還沒完成,完事時候我們需要點擊伺服器--選擇左下角的加號,填寫我們的基本的伺服器設定。
伺服器名稱:隨便起。   連線方法:選擇本地/網路。    伺服器資料夾:選擇我們剛才新建的。 Web URL裡面:http//localhost,這個路徑訪問到的是我們網站的根目錄(www資料夾),如果我們沒有修改連接埠號,就這麼寫就行;如果我們把80的連接埠號改為8888,就得這麼寫:http://localhost:8888,如果沒有修改,就不用修改。
注意! ! ! ! ! ! ! ! ! ! ! ! ! http://localhost只是到了www目錄,因為我們搭建的站點是localWeb,新建的站點也是這個名字,所以我們Web URL應該這麼寫 
http://localhost/localWeb,如圖所示

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

點擊儲存以後,注意還有一步,因為我們是本地測試用,所以需要把遠端的對號去掉,把測試打上對號,如圖所示。

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

如何知道我們的站點搭建好了呢?
網站搭建好了以後,在我們的目前網站下面,新建一個test.php,裡面的內容這麼寫:

phpinfo();//讀取的是pbp的設定檔php.ini
?>
然後運行一下,如果出現下面的頁面就是搭建好了。

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

我們可以看一下頁面的html結構,可以看見,我們的test.php就一行程式碼,結果我們的html就有那麼多,就可以知道,我們的瀏覽器是不能解析php的,test .php必須經過php解析之後,才能展現出來。原始碼和經過翻譯以後的程式碼是完全不一樣的,這樣做是為了安全。如圖所示

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

2)使用Dreamweaver建造我們的遠端站點。
如圖所示:站點名稱隨意取,我們叫他遠端站點;本地站點資料夾也隨意選,因為我們是將遠端伺服器上面的檔案下載到為本地,所以無所謂。

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

然後選擇伺服器這一欄,如下所示,

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

記住這一步驟完成以後,,遠端那一欄需要打對號,測試那一欄也需要打對號。這樣一個遠端站點就搭建完畢了。下面我們測試以變。如圖所示,下箭頭是將遠端網站裡面的東西下載到本機,上箭頭是上傳到伺服器。

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

接下來我們做個測試,在目前網站下方新建一個test.php頁面,內容如下:

header("content-type:text/html;charset=utf-8" );
echo"哈哈,一個php頁";
?>
寫完以後,用瀏覽器運行一下,注意! ! !這個檔案必須先上傳到伺服器,才能預覽,並且是在與空間綁定的網域下方。

(3)H-builder搭建本地開發環境

在打開的視窗中,選擇--文件--新建--web項目,出現如下的頁面

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

注意:H-builder Dreamweaver的不同

H-builder有一個自帶的內部web伺服器! ! !專案名稱還是邏輯站點名,位置還是實體站點名

注意! ! ! ! !注意! ! !

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

如上圖的這種寫法,我們創建完了以後的目錄會變成這樣:wamp/www/phpStudyHbuilder/phpStudyHbuilder 也就是重複出現了phpStudyHbuilder(也就是兩個)

phpStudyHbuilder 也就是重複出現了phpStudyHbuilder(也就是兩個)

就是我們說得寫成這樣:如下圖

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

這樣就會在www目錄下面自動新建一個phpStudyHbuilder目錄! ! ! !

寫完這個直接點擊完成就好。

站點弄完了以後 ,我們和剛才的Dreamweaver一樣,弄一個test.php的測試文件,內容還是一樣的。

由於H-builder自帶一個內建的伺服器,如果我們用自帶的開啟是這樣的,如下圖

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

此時我們想用我們自己的Apache伺服器,我們需要這麼做

點擊瀏覽器chrome圖表---web伺服器設定----外置web伺服器設置,新建一個外置伺服器,讓這個外部伺服器指定我們的Apache伺服器的位址

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

選擇新建

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

然後裡面的東西這麼寫,只需要寫localhost

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

寫完以後確定一下,現在還是不用,需要切換一下。這時候再打開我們的伺服器設定,更改一下

使用Apache+Dreamweaver(或H-builder)搭建php開發環境

全部設定為localhost,這樣就可以用我們的Apache了🎜
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn