如何使用 PHP 實(shí)現(xiàn)網(wǎng)頁交互

我們經(jīng)常說的 PHP 其實(shí)是 Hypertext Preprocessor(超文本預(yù)處理器)的縮寫。PHP 其實(shí)是一款嵌在 HTML 文件中,同時(shí)基于網(wǎng)絡(luò)的開放源碼服務(wù)器端腳本語言。一般上,我們使用 PHP 語言編寫需要與數(shù)據(jù)庫進(jìn)行交互的網(wǎng)頁。
前置課程
作為 HTML 網(wǎng)頁編程的一份子,學(xué)習(xí) PHP 前需要有基本的 HTML、CSS 甚至 JS 知識。如果之前沒有相關(guān)的基礎(chǔ),可以查看一些關(guān)于網(wǎng)頁編程的系列文章:
HTML / CSS / JS 編程入門 —— 制作可切換主題的簡單網(wǎng)頁
PHP 的優(yōu)勢
目前,世界上的大部分網(wǎng)站都以 PHP 編寫而成,而 PHP 之所以備受歡迎的原因包括:
PHP 的語法簡單且結(jié)構(gòu)化,應(yīng)用起來也易于理解
PHP 可處理動態(tài)內(nèi)容,包括網(wǎng)頁中的數(shù)據(jù)(例如賬號、郵箱等)以及網(wǎng)站整體的會話跟蹤
PHP 支持多種不同的協(xié)議,例如 HTTP、POP3、SNMP、IMAP 等
PHP 有較好的安全性,因?yàn)樗粫阉占降臄?shù)據(jù)或資料外包出去
如何開始使用 PHP?
借助 Lightly 的自動配置環(huán)境功能,大家只需在新建項(xiàng)目后,填寫項(xiàng)目名稱并選擇 PHP 版本,即可快速開始在線編寫 PHP 網(wǎng)頁。

完成環(huán)境配置后的 PHP 文件已載入基礎(chǔ)模板,大家只需點(diǎn)擊右上角的 運(yùn)行
按鍵,即可開始添加端口并查看網(wǎng)頁:

PHP 基本語法
從 PHP 文件中的基礎(chǔ)模板可見,PHP 的代碼都嵌在 <? php ... ?>
標(biāo)簽里。除此以外,PHP 的基本語法還包括:
變量:$variable_name
輸出:echo
注釋:// This is a single-line comment
常數(shù):define(
name
,
value
,
case-insensitive
)
函數(shù):
制作基本 PHP 網(wǎng)頁
制作 PHP 網(wǎng)頁的原理與 HTML 網(wǎng)頁相似,甚至很多時(shí)候我們還需要借助 HTML 代碼對 PHP 網(wǎng)頁進(jìn)行完善,但熟悉使用后,我們便可以發(fā)揮 PHP 的優(yōu)勢,讓數(shù)據(jù)之間進(jìn)行進(jìn)一步的交互。在這篇教程中,我們編寫三個(gè)不同的跳轉(zhuǎn)網(wǎng)頁,并使用 PHP 將這些網(wǎng)頁進(jìn)行相互鏈接。
添加頭部信息
首先,我們將創(chuàng)建一個(gè)名為 header.html 的文件并添加所需的 HTML 頭部信息。這篇教程已提前完成 CSS 部分,有興趣的同學(xué)可以直接查看完整代碼獲取 CSS 文件:https://9213bc649a-share.lightly.teamcode.com

這樣一來,我們在切換網(wǎng)頁內(nèi)容時(shí),其實(shí)只是切換了網(wǎng)頁的主體部分,頭部信息其實(shí)一直沒有改變。
寫入網(wǎng)頁主體內(nèi)容
由于網(wǎng)頁頭部信息已固定,我們在寫入網(wǎng)頁主體時(shí),只需專注于內(nèi)容即可。以 body.html 為例,我們在這個(gè) html 文件中其實(shí)只有一行文本內(nèi)容:

但網(wǎng)頁中通過 PHP 進(jìn)行鏈接后,效果是這樣的:

PHP 網(wǎng)頁的頁腳
我們的網(wǎng)頁頁腳部分也屬于相對固定的內(nèi)容。因此,我們也可以單獨(dú)地為頁腳寫一個(gè) HTML,簡化程序。

使用 PHP 將網(wǎng)頁進(jìn)行鏈接
最后,施展魔法的時(shí)刻到了。我們只需要通過 PHP 把這幾個(gè)不同的文件縫合在一起,運(yùn)行后即可得到一個(gè)完整的網(wǎng)頁,而這樣的 PHP 代碼其實(shí)只有簡單的 3-4 而已:
此外,我們也可以通過 echo date("Y")
代碼,在頁腳部分輸出版權(quán)信息等內(nèi)容。“Y” 即年份的縮寫,如果使用小寫的 y,輸出的年份為后二位數(shù)。

恭喜你,你已解鎖制作 C++ 的基本編程知識!完整程序代碼可查看:https://9d48c812c4-share.lightly.teamcode.com