当前位置：首页 > PHP

php实现聊天

2026-02-27 11:51:09PHP

PHP 实现聊天功能

基础实现思路

使用PHP结合前端技术可以实现简单的聊天功能。核心逻辑包括消息发送、接收和存储，通常需要数据库支持。

数据库设计

创建简单的消息表结构：

php实现聊天

CREATE TABLE messages (
    id INT AUTO_INCREMENT PRIMARY KEY,
    sender VARCHAR(50) NOT NULL,
    message TEXT NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

发送消息处理

创建发送消息的PHP脚本（send_message.php）：

<?php
// 连接数据库
$conn = new mysqli('localhost', 'username', 'password', 'chat_db');

// 获取POST数据
$sender = $_POST['sender'];
$message = $_POST['message'];

// 插入消息
$stmt = $conn->prepare("INSERT INTO messages (sender, message) VALUES (?, ?)");
$stmt->bind_param("ss", $sender, $message);
$stmt->execute();
$stmt->close();
$conn->close();
?>

获取消息处理

创建获取消息的PHP脚本（get_messages.php）：

php实现聊天

<?php
header('Content-Type: application/json');

$conn = new mysqli('localhost', 'username', 'password', 'chat_db');
$result = $conn->query("SELECT * FROM messages ORDER BY created_at DESC LIMIT 50");

$messages = [];
while($row = $result->fetch_assoc()) {
    $messages[] = $row;
}

echo json_encode($messages);
$conn->close();
?>

前端实现

简单的HTML页面实现：

<div id="chat-box" style="height:300px; overflow-y:scroll; border:1px solid #ccc;"></div>
<input type="text" id="sender" placeholder="你的名字">
<input type="text" id="message" placeholder="输入消息">
<button onclick="sendMessage()">发送</button>

<script>
// 获取消息
function refreshChat() {
    fetch('get_messages.php')
        .then(response => response.json())
        .then(messages => {
            let chatBox = document.getElementById('chat-box');
            chatBox.innerHTML = '';
            messages.forEach(msg => {
                chatBox.innerHTML += `<p><strong>${msg.sender}:</strong> ${msg.message}</p>`;
            });
        });
}

// 发送消息
function sendMessage() {
    let sender = document.getElementById('sender').value;
    let message = document.getElementById('message').value;

    fetch('send_message.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: `sender=${encodeURIComponent(sender)}&message=${encodeURIComponent(message)}`
    }).then(() => {
        document.getElementById('message').value = '';
        refreshChat();
    });
}

// 每3秒刷新一次聊天
setInterval(refreshChat, 3000);
</script>