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

來源:互聯網
上載者:User

標籤:

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

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

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

  4. wamp目錄介紹
    開啟wamp的安裝目錄,可以看到以下檔案夾
    1)WWW目錄:是預設的網站的根目錄,所有的網站都必須放在這個目錄或者子目錄下面,在我們訪問的時候會是這個樣子
                        http://localhost/   這樣訪問到的就是網站的根目錄www
                        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,單擊我們的小半圓表徵圖,:

    在頁面選擇Config files--httpd.conf這個就是Apache的主設定檔
    右擊進入這個檔案,開啟以後是這麼一個頁面


    左側的#號是注釋,沒有生效,ctrl+F搜尋一下listen,一直搜尋,搜尋到一個不帶#號的Listen80,


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

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


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

    3)php的一大痛點:如何查看或者修改php的設定檔--php.ini  php的所有配置都是在這裡進行 

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

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

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


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

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


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

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



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



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


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



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


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

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

    (3)H-builder搭建本地開發環境在開啟的視窗中,選擇--檔案--建立--web項目,出現如下的頁面



    注意:H-builder和Dreamweaver的不同H-builder有一個內建的內部web伺服器!!!項目名稱還是邏輯網站名,位置還是物理網站名注意!!!!!注意!!!

    如的這種寫法,我們建立完了以後的目錄會變成這樣:wamp/www/phpStudyHbuilder/phpStudyHbuilder 也就是重複出現了phpStudyHbuilder(也就是兩個)換句話說就是我們得寫成這樣:如
    這樣就會在www目錄下面自動建立一個phpStudyHbuilder目錄!!!!寫完這個直接點擊完成就好。網站弄完了以後 ,我們和剛才的Dreamweaver一樣,弄一個test.php的測試檔案,內容還是一樣的。由於H-builder內建一個內建的伺服器,如果我們用內建的開啟是這樣的,如


    此時我們想用我們自己的Apache伺服器,我們需要這麼做點擊瀏覽器chrome圖表---web伺服器設定----外置web伺服器設定,建立一個外置伺服器,讓這個外部伺服器指定我們的Apache伺服器的地址 

    選擇建立


    然后里面的東西這麼寫,只需要寫localhost


    寫完以後確定一下,現在還是不用,需要切換一下。這時候再次開啟我們的伺服器設定,更改一下
    全部設定為localhost,這樣就可以用我們的Apache了

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.