以下是使用 PHP 实现客服聊天功能的示例代码：
首先，创建一个 index.php 文件，用于显示聊天界面和处理用户的输入：
<!DOCTYPE html> <html> <head> <title>客服聊天</title> <style> /* 聊天窗口样式 */ #chat-window { width: 500px; height: 400px; border: 1px solid #ccc; padding: 10px; overflow-y: scroll; margin: 0 auto; } /* 输入框样式 */ #input-box { width: 500px; height: 40px; border: 1px solid #ccc; padding: 10px; margin: 10px auto; } </style> </head> <body> <h1>客服聊天</h1> <div id="chat-window"> <!-- 这里显示聊天记录 --> </div> <form method="post" action="chat.php"> <input type="text" name="message" id="input-box" placeholder="请输入消息"> <input type="submit" value="发送"> </form> <script> // 滚动到聊天记录底部 var chatWindow = document.getElementById("chat-window"); chatWindow.scrollTop = chatWindow.scrollHeight; </script> </body> </html>
接下来，创建一个 chat.php 文件，用于处理用户输入并返回客服的回复：
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "chat";
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 处理用户输入
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$message = $_POST["message"];
// 将用户的消息插入数据库
$sql = "INSERT INTO messages (user, message) VALUES ('user', '$message')";
$conn->query($sql);
// 获取客服的回复
$sql = "SELECT message FROM messages WHERE user = 'admin' ORDER BY id DESC LIMIT 1";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
$reply = $row["message"];
// 将客服的回复插入数据库
$sql = "INSERT INTO messages (user, message) VALUES ('admin', '$reply')";
$conn->query($sql);
// 跳转回聊天界面
header("Location: index.php");
exit();
}
}
$conn->close();
?>
最后，创建一个名为 messages 的数据库表，用于存储用户和客服的聊天记录：
CREATE TABLE messages ( id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, user VARCHAR(30) NOT NULL, message TEXT NOT NULL )
以上代码实现了一个简单的客服聊天功能，用户在聊天界面输入消息后，会将消息存储到数据库中并跳到 chat.php 页面，chat.php 页面会获取用户输入的消息，将其插入到数据库中，并查询最近一条客服的回复，将客服的回复插入到数据库中。最后，通过 header("Location: index.php"); 实现页面的跳转回聊天界面。
在聊天界面中，用户可以输入消息，并通过表单提交给 chat.php 页面进行处理。聊天记录以及用户和客服的身份通过在数据库中存储实现。在 index.php 中，通过 JavaScript 代码实现了滚动到聊天记录底部的效果，使得用户可以方便地查看最近的聊天记录。
当然，这只是一个简单的示例，实际应用中可能还需要进行更多的处理和优化，比如加入用户身份验证、客服端界面等。
评论