PHP - 網頁概念

你好，未來的網頁開發者們！我很興奮能夠引導你們進入PHP和網頁概念的精彩世界。作為一個教學超過十年的編程老師，我可以確保你們這次旅程將會充滿樂趣和收穫。我們一起來探索吧！

PHP - Web Concepts

如何在網頁上添加動態內容？

PHP最令人興奮的特點之一就是它能夠創建動態網頁。但“動態”是什麼意思呢？想像一下，一個根據時間、用戶輸入或數據庫信息改變內容的網頁。那就是動態內容！

讓我們從一個簡單的例子開始：

<!DOCTYPE html>
<html>
<body>
<h1>歡迎來到我們的動態網頁</h1>
<p>當前日期和時間是：<?php echo date("Y-m-d H:i:s"); ?></p>
</body>
</html>

在這個例子中，我們在HTML中嵌入了PHP代碼，使用了<?php ?>標籤。date()函數生成當前的日期和時間，每次刷新頁面時都會不同。酷炫吧？

這裡有另一個例子，根據一天中的時間向用戶問候：

<!DOCTYPE html>
<html>
<body>
<?php
$hour = date('H');
if ($hour < 12) {
echo "<h1>早上好！</h1>";
} elseif ($hour < 18) {
echo "<h1>下午好！</h1>";
} else {
echo "<h1>晚上好！</h1>";
}
?>
</body>
</html>

這個腚本會檢查當前的小時並相應地顯示問候。就像有一個禮貌的管家總是知道該說什麼！

檢測瀏覽器和平台

作為網頁開發者，我們經常需要知道訪客使用的是哪種瀏覽器和操作系統。PHP通過$_SERVER['HTTP_USER_AGENT']變量使得這件事變得很簡單。

<!DOCTYPE html>
<html>
<body>
<h1>您的瀏覽器和平台</h1>
<?php
$user_agent = $_SERVER['HTTP_USER_AGENT'];
echo "<p>您正在使用：" . $user_agent . "</p>";

if (strpos($user_agent, 'Firefox') !== false) {
echo "<p>您是Firefox的粉絲，對吧？</p>";
} elseif (strpos($user_agent, 'Chrome') !== false) {
echo "<p>我看您是Chrome用戶。好選擇！</p>";
} else {
echo "<p>我不確定您在使用什麼瀏覽器，但我相信它一定很棒！</p>";
}
?>
</body>
</html>

這個腚本不僅顯示用戶代理字符串，還試圖識別特定的瀏覽器。就像一個數字偵探！

隨機顯示圖片

想要讓您的網站保持新鮮和刺激嗎？每次加載頁面時顯示一張隨機圖片如何？這樣做的方法如下：

<!DOCTYPE html>
<html>
<body>
<h1>當日隨機圖片</h1>
<?php
$images = array("sunset.jpg", "mountain.jpg", "ocean.jpg", "forest.jpg");
$random_image = $images[array_rand($images)];
echo "<img src='images/" . $random_image . "' alt='隨機圖片'>";
?>
</body>
</html>

這個腚本從一個數組中隨機選擇一張圖片並顯示它。就像有一個迷你藝術展覽，每次訪問時都會變化！

使用HTML表單

表單是網頁上用戶互動的支柱。讓我們創建一個簡單的表單並用PHP處理它：

<!DOCTYPE html>
<html>
<body>
<h1>問候表單</h1>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
姓名：<input type="text" name="name">
<input type="submit">
</form>

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST['name'];
if (empty($name)) {
echo "<p>姓名為空</p>";
} else {
echo "<p>你好，" . $name . "！歡迎來到我們的網站。</p>";
}
}
?>
</body>
</html>

這個表單請求用戶輸入姓名，然後向用戶問候。就像教會您的網站如何握手和自我介紹！

瀏覽器重定向

有時候，您需要將訪客導向另一個頁面。PHP可以使用header()函數來完成這件事：

<?php
// 5秒後重定向到Google
header("refresh:5;url=https://www.google.com");
echo "您將在5秒內被導向Google...";
?>

這個腚本會顯示一條消息，然後在5秒後將用戶重定向到Google。就像為您的網站擔任交通管制員！

這裡是一個總結我們所討論方法的表格：

方法	描述	示例
動態內容	生成會變化的內容	`<?php echo date("Y-m-d H:i:s"); ?>`
檢測瀏覽器	檢測用戶的瀏覽器	`$_SERVER['HTTP_USER_AGENT']`
隨機圖片顯示	隨機顯示不同的圖片	`$images[array_rand($images)]`
表單處理	處理用戶輸入	`$_POST['name']`
瀏覽器重定向	導向不同的頁面	`header("Location: https://www.example.com");`

記住，精通PHP的關鍵在於練習。不要害怕嘗試這些概念，並以創造性的方式將它們結合起來。在你意識到之前，你將會創建有動態、交互性的網站，讓你的朋友感到驚奇，並給潛在的雇主留下深刻印象。

開心編程，願你的伺服器永遠運行，代碼永遠無bug！

Credits: Image by storyset