牟奇春主編PHP動態網站開發項目教程（微課版）項目1會員管理系統任務1準備開發環境和編程環境子任務1.1配置PHP開發環境【知識儲備】

PHP（PageHypertextPreprocessor）即“頁面超文本預處理器”，是在服務器端執行的腳本語言，尤其適用于Web開發，并可嵌入超文本標記語言（HypertextMarkupLanguage，HTML）中。PHP的語法是在學習了C語言、吸納了Java和Perl等多種語言特色的基礎之上發展而來的，并根據它們的長項，如Java的面向對象編程，持續提升自己。當初創建PHP語言的主要目標是讓開發人員快速編寫出優質的網站。PHP同時支持面向對象和面向過程的開發，使用非常靈活。

PHP是一種在服務器端執行的Web應用程序腳本語言，其開發環境主要包括PHP解釋器、Web服務器、數據庫服務器及編輯器。PHP支持Windows和Linux等多種操作系統。PHP典型開發環境配置為Windows+Apache+MySQL+PHP（簡稱WAMP），而Linux系統下的配置為Linux+Apache+MySQL+PHP（簡稱LAMP）。

Apache（音譯為阿帕奇）可以運行在幾乎所有廣泛使用的計算機平臺上，由于其具有支持跨平臺和安全性高的優點而被廣泛使用，是最流行的Web服務器端軟件之一。它快速、可靠并且可通過簡單的應用程序接口（ApplicationProgramInterface，API）擴充，將Perl、Python等的解釋器編譯到服務器中。

MySQL是一個關系數據庫管理系統（RelationalDatabaseManagementSystem，RDBMS），由瑞典MySQLAB公司開發，屬于Oracle旗下產品。MySQL是最流行的關系數據庫管理系統之一，在Web應用方面，MySQL是最好的關系數據庫管理系統應用軟件之一。

采用PHP語言編寫完成的程序，其擴展名是.php，這種文件是不能直接在瀏覽器中運行的，需要通過配置服務器環境的方式來運行。因此，在運行PHP文件之前，必須配置PHP開發環境，以及服務器環境。

【任務實施】1.1.1安裝小皮面板

小皮面板是PhpStudy的簡稱，其官網提供了Linux和Windows兩種版本，進入小皮面板的官網后，根據自己的環境選擇下載相應的版本即可。

安裝完成后，打開安裝好的小皮面板，界面如圖1.1.1所示。圖1.1.1

安裝好小皮面板打開后的界面1.1.2配置小皮面板

進入小皮面板后，默認處于“首頁”，在右邊的“套件”欄中單擊“Apache2.4.39”后面的“啟動”按鈕，以啟動ApacheWeb服務，單擊“MySQL5.7.26”后面的“啟動”按鈕，以啟動MySQL數據庫環境。如果系統沒有沖突，則在正常情況下，這兩個軟件將會成功啟動，如圖1.1.2所示。MySQL5.7.26是默認的版本，如果需要使用MySQL8或其他版本，則只需要在左側單擊“軟件管理”，然后安裝其他版本的數據庫即可，如圖1.1.3所示。圖1.1.2

成功啟動PHP運行環境圖1.1.3

在軟件管理中安裝不同版本的數據庫

在窗口左側單擊“網站”，彈出一個對話框，可以在此配置網站，如圖1.1.4所示。在“域名”文本框中可輸入自定義的域名，如test。在“根目錄”下選擇PHP程序所在的文件夾，根據需要，可以切換PHP版本（安裝小皮面板以后，默認使用PHP7，如果要使用其他版本的PHP，則切換至“軟件管理”），然后在PHP的相關版本選項中選擇所需版本進行安裝，如圖1.1.5所示。

圖1.1.4

配置網站

圖1.1.5

安裝不同版本的PHP

網站配置成功后，即可在瀏覽器中輸入自定義的域名訪問網站。

如果要使用MySQL數據庫，則切換至“數據庫”面板，在其中可以創建新的數據庫。系統默認的數據庫管理員用戶名是root，要修改此用戶對應的密碼，可以單擊右邊的“操作”→“修改密碼”，如圖1.1.6所示。圖1.1.6

修改數據庫管理員的密碼子任務1.2使用PHP編程環境【知識儲備】

PhpStorm是JetBrains公司開發的一款商業化的PHP集成開發工具，其主要特色如下。（1）提供智能代碼輔助功能。PhpStorm是一個能夠真正“解析”所寫代碼的PHPIDE。它支持PHP5.3～PHP8.1，可以提供實時錯誤預防、最佳自動補全與代碼重構、零配置調試等功能，以及擴展的HTML、CSS和JavaScript編輯器。在處理大型項目時，PhpStorm可以顯著提高編碼效率，并節省時間。（2）提供調試、測試和性能分析功能。PhpStorm為調試、測試和分析應用程序提供了強大的內置工具。PhpStorm提供多個選項，可以利用可視化調試器調試PHP代碼。（3）PhpStorm包含WebStorm以及與HTML、串聯樣式表（CascadingStyleSheets，CSS）和JavaScript有關的所有功能。它支持所有尖端的Web開發技術，包括HTML5、CSS、Sass、Scss、Less、CoffeeScript、ECMAScriptHarmony和Jade模板等。（4）PhpStorm建立在開源的IntelliJIDEA平臺之上，產品自發布以來，JetBrains公司一直在不斷發展和完善這個平臺。【任務實施】1.2.1PhpStorm的安裝和啟動

單擊“Open”按鈕，打開PHP文件進行編輯。單擊“CreateNewProject”按鈕可以開始創建新的項目。需要注意的是，一般情況下都需要按照項目的形式來編輯文件，而不要單獨打開一個文件來進行編輯。也就是說，應該在PhpStorm中打開（Open）項目所在的根目錄，然后在PhpStorm中編輯某個文件，而不要直接打開一個具體的文件來進行編輯。圖1.2.1

PhpStorm軟件啟動界面1.2.2在小皮面板中配置網站

圖1.2.2

創建網站

圖1.2.3

打開剛創建的網站1.2.3在PhpStorm中編輯文件和配置服務器環境（1）在PhpStorm中打開E:\test目錄，如圖1.2.4所示。此時，左邊的“Project”自動顯示test，這就是當前項目的根目錄。選中test再單擊鼠標右鍵，選擇“New”→“PHPFile”命令，如圖1.2.5所示，可以創建一個新的PHP文件，將文件命名為index.php。

圖1.2.4

在PhpStorm中打開E:\test目錄

圖1.2.5在E:\test目錄中創建index.php文件

創建好PHP文件后，系統自動打開此文件。在右邊的編輯窗口中輸入圖1.2.6所示的內容。圖1.2.6

在index.php中輸入內容（2）接下來配置服務器環境。選擇“File”→“Settings”→

“Build,Execution,Deployment”→“Deployment”命令，在右邊面板中單擊“+”，再單擊“Inplace”，就創建了一個新的服務器，如圖1.2.7所示。在彈出的對話框的“Newservername”文本框中給新建的服務器取一個名字，如test，然后在右邊的“WebserverURL”文本框中輸入“http://test”即可，如圖1.2.8所示。圖1.2.7

創建新的服務器

圖1.2.8設置服務器URL根路徑（3）配置好服務器后，要運行文件查看效果時，只需將鼠標指針移至編輯窗口右邊的瀏覽器圖標并單擊即可，如圖1.2.9所示。單擊Chrome瀏覽器圖標后，系統打開Chrome瀏覽器，并自動打開index.php文件進行顯示，如圖1.2.10所示。圖1.2.9

運行程序圖1.2.10

程序運行結果【素養小貼士】

我國對知識產權保護的立場是非常堅定的。知識產權保護的相關法律規定有很多，已經形成了比較完整的體系，包括《中華人民共和國商標法》《中華人民共和國專利法》《中華人民共和國著作權法》《中華人民共和國反不正當競爭法》及一些條例解釋等。

一旦侵犯知識產權，根據具體的情況，可能需要承擔一定的民事、刑事責任，或會受到行政處罰。因此，我們應該積極抵制盜版軟件，維護知識產權，堅持購買和使用正版書刊、音像制品、電腦軟件，并主動勸親友不購買、不使用盜版制品，不閱讀、不傳播盜版讀物。如果發現有制作、販賣盜版制品和其他侵犯商標權、著作權的行為，應該積極舉報。【任務小結】

在任務1中，我們主要學習了PHP開發環境的配置和PHP編程環境的使用。

我們以小皮面板為例，學習了如何配置PHP開發環境。小皮面板簡單易用，使用靈活，幾乎可以滿足我們在程序開發中的所有要求。在生產環境中也可以使用小皮面板來部署環境。因此，掌握小皮面板的使用方法非常重要。學會使用小皮面板，再使用其他常用的PHP開發環境，也是一件比較簡單的事情。

PhpStorm是一個非常優秀的PHPIDE，其優勢非常明顯，但軟件本身的使用配置略顯復雜，大家可以通過網絡查詢其使用技巧。另外，軟件本身是英文版的，如果同學們使用起來覺得不太方便，則可以選擇“File”→“Settings”→“Plugins”命令，在其中安裝中文語言包，這樣，整個軟件就變成中文版了。牟奇春主編PHP動態網站開發項目教程（微課版）任務2項目前端開發子任務2.1項目開發前的準備工作【任務提出】

要制作項目，首先需要進行需求分析。小王同學計劃制作的第一個項目是“會員管理系統”。會員管理系統是大多數項目的必備模塊，完成這個項目對其他項目的完成將有極大的幫助。【任務實施】2.1.1項目需求設定

圖2.1.1～圖2.1.4所示為小王同學設計的會員管理系統的運行頁面。圖2.1.1

會員注冊頁面圖2.1.2

會員登錄頁面圖2.1.3

管理員頁面圖2.1.4

會員資料修改頁面2.1.2PHP的發展歷史

PHP繼承自一個名叫PHP/FI的工程。PHP/FI最早于1994年由拉斯姆斯·勒多夫（RasmusLerdorf）創建，最初只是一套簡單的Perl腳本，用來跟蹤訪問他主頁的人們的信息。到1996年發展為PHP/FI2.0，也就是它用C語言實現的第二版，在全世界已經有幾千個用戶（估計）和大約50,000個域名安裝，大約是Internet所有域名的1%。

PHP/FI2.0在經歷數個Beta版本的發布后，于1997年11月發布了官方正式版本。隨著PHP3.0的第一個Alpha版本的發布，PHP逐漸走向了成功。

1998年的冬天，PHP3.0官方正式版本發布不久，安迪·古特曼斯（AndiGutmans）和澤弗·蘇拉斯凱（ZeevSuraski）開始重新編寫PHP代碼。。新的引擎被稱為“ZendEngine”（這是Zeev和Andi的縮寫），成功地實現了這些設計目標，并在1999年中期首次引入PHP。基于該引擎并結合了更多新功能的PHP4.0，在PHP3.0發布一年多后，于2000年5月發布了官方正式版本。

PHP5.0在長時間的開發及發布了多個預發布版本后，于2004年7月發布官方正式版本。它的核心是ZendEngine2代，引入了新的對象模型和大量新功能。

2015年12月3日，PHP7.0問世了，這是PHP的一次飛躍。PHP7.0修復了大量的bug，新增了大量功能和語法糖。這些改動涉及核心包、GD庫、PDO、ZIP、ZLIB等人們熟悉和不熟悉的核心功能與擴展包。

PHP7.0移除了已經被廢棄的函數，如“MySQL_”系列函數。PHP7.0的性能高于HHVM[HipHopVirtualMachine，全稱為HipHop虛擬機，會將PHP代碼轉換成高級別的字節碼，通常稱為中間語言。在運行時，HHVM通過即時編譯器將字節碼轉換為x64的機器碼。在這些方面，HHVM十分類似于C#的公共語言運行時（CommonLanguageRuntime，CLR）和Java的Java虛擬機（JavaVirtualMachine，JVM）]，并且是PHP5.6性能的兩倍。

2020年11月26日，PHP官方發布了PHP8.0的官方正式版本。子任務2.2創建首頁【任務實施】2.2.1創建項目

各項準備工作就緒，小王同學要正式開始第一個項目的制作了。（1）在磁盤中創建一個目錄，名為member，如E:\member。（2）在小皮面板中配置一個網站，域名為“member”，如圖2.2.1所示。（3）打開PhpStorm，在啟動界面中選擇“Open”，打開E:\member目錄，如圖2.2.2所示。（4）選中項目根目錄member并單擊鼠標右鍵，在彈出的快捷菜單中選擇“New”→“PHPFile”命令，創建index.php文件。成功創建文件后，系統會自動打開此文件。在打開的文件中刪除文件中默認的代碼，然后在文件中輸入“html:5”，再按“Tab”鍵，系統會自動創建HTML5格式文檔基礎標簽代碼（這是PhpStorm中的鍵盤快捷方式，類似的操作還有很多，可以通過網絡查詢，了解更多快捷方式）。圖2.2.1

配置網站域名圖2.2.2

使用PhpStorm打開項目（5）將title修改為“會員管理系統”，然后在頁面中創建1個標題和5個導航菜單項，并添加相應的CSS樣式。圖2.2.3

預覽項目首頁效果2.2.2部署項目

在PhpStorm中選擇“File”→“Settings”→“Build,

Execution,Deployment”→“Deployment”命令，如圖2.2.4所示。圖2.2.4

在PhpStorm中部署項目

在右邊單擊“+”，選擇“Inplace”命令，然后在彈出的對話框的“Newservername”文本框中輸入服務器的名字，這個名字可以自定義，小王同學就直接輸入member，如圖2.2.5所示。圖2.2.5

創建服務器

創建好服務器后，在右側的“WebserverURL”文本框中輸入在小皮面板中創建好的域名即可，如圖2.2.6所示。圖2.2.6

設置服務器URL根路徑子任務2.3制作注冊頁面前端部分【任務實施】2.3.1創建文件

在創建注冊頁面時，可以參考首頁文件中的部分內容，特別是導航欄部分。（1）選中index.php文件并單擊鼠標右鍵，在彈出的快捷菜單中選擇“Copy”→“Copy”命令。（2）選中member目錄并單擊鼠標右鍵，在彈出的快捷菜單中選擇“Paste”命令。（3）在彈出的對話框中輸入新的文件名“signup.php”。（4）單擊“Refactor”按鈕，即可生成signup.php文件，如圖2.3.1所示。圖2.3.1

復制文件（5）將首頁中的導航欄代碼復制到signup.php文件中。由于在首頁中創建的導航鏈接在注冊頁面中也需要，相當于其是一個公共部分，因此，這里采用了復制的方式來創建注冊頁面。復制代碼后，需要修改導航欄中當前欄目的代碼，將“首頁”鏈接上的current樣式刪除，然后在“會員注冊”鏈接上添加current樣式。2.3.2制作注冊頁面表單

需要注意的是，在制作表單時，需要在“<form>”標簽中設置“action”屬性，表示單擊“提交”按鈕后，將各項數據發送至對應的網頁文件進行處理。小王同學在這里設置的action屬性值是postReg.php，表示單擊“提交”按鈕后，會將用戶填寫的各項數據發送至此文件進行下一步處理。“method”屬性指定了提交文件的方式，可以設置為“GET”和“POST”兩種方式。

2.3.3設置表單控件name屬性

對于表單中的控件而言，每一個控件都需要設置一個“name”屬性，這個屬性用于后端文件讀取其數據。其中每一組單選按鈕和每一組復選框的“name”屬性應該保持一致。對于單選按鈕、復選框、下拉列表框等不能由用戶手動輸入結果的控件，還需要設置“value”屬性，這個屬性的值就是后端文件最終