PHP - Flash Messages：初學者指南

引言

你好，有抱負的PHP開發者！今天，我們將要深入Flash Messages的世界。別擔心你之前從未聽說過它們——在這個教程結束之前，你將會像專家一樣閃爍訊息！?

PHP - Flash Messages

Flash Messages是什麼？

Flash Messages是顯示給用戶的臨時訊息，通常在執行某個操作後出現。它們之所以叫作"flash"，是因為它們只會出現一次然後消失，就像閃光一樣。想像你在提交表單，並且想要讓用戶知道表單是否提交成功——這就是flash messages派上用場的地方！

為什麼使用Flash Messages？

Flash Messages對於向用戶提供反饋非常有用。它們通過以下方式幫助改善用戶體驗：

確認操作（例如："你的個人資料已更新！"）
顯示錯誤訊息（例如："哎呀！出了點問題。"）
提供警告或重要信息

設置Flash Messages

在PHP中使用flash messages，我們需要使用session。如果你還不熟悉session——把它們想象為在頁面加載之間存儲臨時信息的方式。

步驟1：開始一個Session

首先，我們需要在PHP腚本開頭開始一個session：

<?php
session_start();

始終將這段代碼放在將使用flash messages的PHP文件頂部。

步驟2：創建一個設置Flash Messages的函數

讓我們創建一個設置我們的flash messages的函數：

function setFlashMessage($message, $type = 'info') {
$_SESSION['flash_message'] = [
'message' => $message,
'type' => $type
];
}

這個函數做了兩件事：

它接受一個訊息作為參數。
它還接受一個類型（默認為'info'）來對訊息進行分類。

我們將這些信息存儲在$_SESSION超全局變量中，使其在下一次頁面加載時可用。

步驟3：創建一個顯示Flash Messages的函數

現在，讓我們創建一個用於顯示我們的flash messages的函數：

function displayFlashMessage() {
if (isset($_SESSION['flash_message'])) {
$message = $_SESSION['flash_message']['message'];
$type = $_SESSION['flash_message']['type'];

echo "<div class='flash-message flash-{$type}'>{$message}</div>";

unset($_SESSION['flash_message']);
}
}

這個函數檢查session中是否存在flash message。如果存在，它會顯示訊息然後從session中刪除它，這樣它就不會再次顯示。

實際使用Flash Messages

讓我們用一個簡單的例子來使用我們的新函數：

<?php
session_start();

// 引入我們的flash message函數
include 'flash_functions.php';

// 模擬表單提交
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
// 處理表單（我們這裡只是模擬）
$success = rand(0, 1); // 隨機成功或失敗

if ($success) {
setFlashMessage("你的表單已成功提交！", "success");
} else {
setFlashMessage("哎呀！提交表單時出現錯誤。", "error");
}

// 重定向以避免表單重提交
header("Location: ".$_SERVER['PHP_SELF']);
exit();
}
?>

<!DOCTYPE html>
<html>
<head>
<title>Flash Message範例</title>
<style>
.flash-message { padding: 10px; margin: 10px 0; border-radius: 5px; }
.flash-success { background-color: #dff0d8; color: #3c763d; }
.flash-error { background-color: #f2dede; color: #a94442; }
.flash-info { background-color: #d9edf7; color: #31708f; }
</style>
</head>
<body>
<h1>Flash Message範例</h1>

<?php displayFlashMessage(); ?>

<form method="post">
<button type="submit">提交表單</button>
</form>
</body>
</html>

在這個例子中，我們正在模擬表單提交。當表單被提交時，我們隨機決定它是成功還是失敗，設置一個合適的flash message，然後重定向回同一個頁面。Flash message會在頁面的頂部顯示。

Flash Messages的類型

有幾種常見的flash message類型你可能會想要使用：

類型	描述	使用範例
Success	指示一個成功的操作	"你的個人資料已更新！"
Error	顯示有問題的事情	"無效的用戶名或密碼。"
Info	提供中性信息	"你的會話將在5分鐘後過期。"
Warning	警告用戶潛在的問題	"這個操作無法撤銷。"

使用Flash Messages的最佳實踐

簡潔明了：Flash messages應該簡潔並切中要點。
使用合適的颜色：不同的顏色可以幫助用戶快速理解訊息類型。
一致的位置：在頁面上將flash messages放置在一致的位置。
使用清晰的语言：避免在訊息中使用技術術語。
提供下一步操作：如果適用，告訴用戶下一步該做什麼。

結論

恭喜你！你剛剛學會了如何在PHP中實現和使用flash messages。這些信息的小片段可以大大提升你網頁應用程序的用戶體驗。記住，與用戶良好的溝通是創建有愛且直觀界面關鍵。

在你繼續你的PHP之旅時，你會找到更多使用和自定義flash messages的方法。持續練習，很快你就能像真正的PHP忍者一樣閃爍訊息！??

快樂編程，願你的訊息總是閃耀著光芒！?

Credits: Image by storyset

上一教程:

PHP - Post-Redirect-Get (PRG)

下一教程:

PHP - AJAX入門