2.1　使用Eclipse創建PHP網站

一個網站對應于主機中的一個文件夾，其中包含多個文件，如PHP動態網頁文件、HTML靜態網頁文件、CSS樣式表文件、JavaScript代碼文件及圖片等各種資源文件。

下面我們使用Eclipse開發環境來創建一個PHP網站。

【例2-1】創建網站并將其命名為FirstWeb，新建網頁index.php，網頁運行時顯示歡迎語句。

本案例主要介紹如何使用Eclipse創建網站，設置網頁編碼，新建PHP網頁，編輯及運行網頁的操作流程，具體步驟如下。

1．新建網站

在Eclipse集成開發環境中選擇“File”→“New”→“PHP Project”命令，如圖2-1所示。

圖2-1　選擇新建PHP網站的命令

打開圖2-2所示的新建項目窗口，在“Project name”文本框中輸入網站名稱“FirstWeb”，然后單擊“Finish”按鈕。

圖2-2　新建項目窗口

此時，網站創建成功，界面如圖2-3所示。在“Project Explorer”視圖窗口中可以看到項目對應的文件夾FirstWeb，它的名稱與網站名稱相同。

圖2-3　新建項目成功界面

2．設置項目文件編碼為UTF-8

Eclipse的文件默認采用GBK編碼，中文字符在網頁運行時將顯示為亂碼。因此，如果項目的頁面文件包含中文，其編碼就需要設置為UTF-8，以保證字符能夠正常顯示。

在“Project Explorer”視圖窗口中用鼠標右鍵單擊項目名稱FirstWeb，在彈出的快捷菜單中選擇“Properties”命令，如圖2-4所示。

圖2-4　選擇“Properties”命令

此時彈出屬性窗口，在窗口右側的“Resource”屬性面板中選擇“Text file encoding”選項組中的“Other”單選按鈕，并在下拉列表中選擇“UTF-8”，然后單擊“Apply and Close”按鈕即可完成設置，如圖2-5所示。

3．新建PHP網頁文件

在“Project Explorer”視圖窗口中用鼠標右鍵單擊項目名稱FirstWeb，在彈出的快捷菜單中選擇“New”→“PHP File”命令，如圖2-6所示。彈出“New PHP File”窗口，如圖2-7所示。設置文件名稱為“index.php”，然后單擊“Finish”按鈕，一個新的網頁文件index.php就成功地添加到了網站中。此時，Eclipse的代碼編輯器中默認打開了剛剛創建的文件讓用戶編輯代碼，如圖2-8所示。

圖2-5　設置項目文件編碼

圖2-6　選擇新建PHP網頁文件的命令

圖2-7　“New PHP File”窗口

圖2-8　新建網頁成功后的界面

4．編輯網頁文件

在代碼編輯器中輸入圖2-9所示的代碼。其中的代碼“echo"你好，歡迎使用PHP技術！"；”的作用是在網頁上輸出字符串“你好，歡迎使用PHP技術！”。

圖2-9　輸入代碼

5．運行網頁

單擊工具欄中的“Run”按鈕圖標右側的下拉箭頭，彈出圖2-10所示的快捷菜單，選擇“Run As”→“3 PHP Web Application”命令。

圖2-10　快捷菜單

此時彈出“Run PHP Web Application”對話框，設置“Launch URL”為“http://localhost/FirstWeb/index.php”，然后單擊“OK”按鈕即可運行網頁，如圖2-11所示。頁面在瀏覽器中的運行結果如圖2-12所示。

圖2-11　設置網頁URL地址

圖2-12　網頁運行結果