PHP+MySQL 快速構建網頁聊天室實戰教學

利用 MySQL 高併發特性與 PHP 腳本優勢，實作簡易聊天室。

資料庫設計

CREATE TABLE chat (
    chtime DATETIME,
    nick CHAR(10) NOT NULL,
    words CHAR(150)
);

三欄位：発言時間、暱稱、內容 (最多 150 字元)。

頁面架構 (雙框架)

• main.php：框架結構，分上下兩框。
• cdisplay.php：上框，顯示聊天內容，定時刷新。
• speak.php：下框，發言表單。
• login.php：登入頁，輸入暱稱。

核心代碼片段

login.php (純 HTML 表單 POST 至 main.php)

<form action="main.php" method="post">
<input type="text" name="nick"> <input type="submit" value="登入">
</form>

main.php

<? setcookie("nick", $nick); ?>
<frameset rows="80%,*">
<frame src="cdisplay.php" name="chatdisplay">
<frame src="speak.php" name="speak">
</frameset>

以 Cookie 記住暱稱，框架分離顯示與輸入。

後續實作要點

1. cdisplay.php：查詢 chat 表最新 N 筆，輸出 HTML，設 <meta http-equiv="refresh" content="5"> 5 秒自動刷新。
2. speak.php：表單提交至自身，驗證內容非空後 INSERT INTO chat ...，完成導回自身清空輸入框。
3. 生產環境建議：加入 AJAX 輪詢替代框架刷新、訊息過濾、用戶列表、私聊功能。

此架構簡單易懂，適合理解 Web 即時通訊基本原理。