PHP实现简单聊天室(附源码)

下面是“PHP实现简单聊天室(附源码)”的完整攻略。

1. 基本思路

实现一个简单的聊天室，主要需要以下几步：

建立一个聊天室的页面，可以让用户输入用户名和聊天内容，并发送给服务器。
服务器接收到用户发送过来的聊天信息后，将它们广播给所有在线的用户。
其他用户在页面上显示接收到的聊天信息。

在本教程中，我们将使用PHP作为服务器端语言来实现这个聊天室。

2. 创建聊天室页面

首先，我们需要在HTML中创建一个基本的聊天室页面。这个页面将包含一个输入框，用于输入聊天内容，以及一个发送按钮用于将聊天内容发送给服务器。

<!DOCTYPE html>
<html>
<head>
    <title>PHP聊天室</title>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

    <h1>PHP聊天室</h1>

    <div id="chatBox" style="height:300px; width:400px; border: 1px solid black;"></div>

    <form id="chatForm">
        <input type="text" name="username" placeholder="请输入用户名">
        <input type="text" name="message" placeholder="请输入聊天内容">
        <button type="button" id="sendButton">发送</button>
    </form>

    <script>

        //发送聊天信息
        $("#sendButton").click( function() {
            var message = $("#chatForm input[name='message']").val();
            var username = $("#chatForm input[name='username']").val() || "匿名用户";
            var data = {
                message: message,
                username: username
            };

            $.ajax({
                url : "chat.php",
                type: "POST",
                dataType: "json",
                data: data,
                success: function(response) {

                }
            });

            $("#chatForm input[name='message']").val("");
        });

        //定时刷新聊天信息
        setInterval( function() {
            $.ajax({
                url : "chat.php",
                type: "GET",
                dataType: "json",
                data: {
                    action: "getmessage"
                },
                success: function(response) {
                    if(response.status == "success") {
                        $("#chatBox").html(response.data);
                    }
                }
            });
        }, 1000);

    </script>

</body>
</html>

上述代码中，我们使用了jQuery库来简化一些操作。页面中有一个表单，包含两个输入框和一个按钮。点击按钮之后，将输入框中的内容以json格式发送给服务器。同时，我们在页面中添加了一个div元素，用于展示聊天信息。

3. 编写服务器端代码

在根目录下创建文件chat.php，用于处理聊天信息的发送和接收。

首先，我们需要连接到数据库，创建一张表用于存储聊天信息。这里使用的是MySQL，因此需要有对应的MySQL扩展包。具体的安装方法可以自行查找。

//连接到数据库
$conn = mysqli_connect("localhost", "root", "password");
mysqli_select_db($conn,"test");

//创建聊天信息表
$sql = "CREATE TABLE IF NOT EXISTS `messages` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(100) NOT NULL,
  `message` varchar(255) NOT NULL,
  `time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci";

mysqli_query($conn, $sql);

接下来，我们需要编写接收聊天信息和发送聊天信息的代码。这里采用了POST方法接收聊天信息，GET方法获取聊天信息。

//接收聊天信息
if($_SERVER['REQUEST_METHOD'] == 'POST'){

  $sql = "INSERT INTO messages(username, message) VALUES ('".$_POST['username']."','".$_POST['message']."')";

  if(mysqli_query($conn, $sql)) {
    $response_array['status'] = 'success';
  }
  else {
    $response_array['status'] = 'error';
  }
  echo json_encode($response_array);
}

//获取聊天信息
else if($_SERVER['REQUEST_METHOD'] == 'GET' && isset($_GET['action']) && $_GET['action'] == 'getmessage'){

  $sql = "SELECT * FROM messages ORDER BY time DESC LIMIT 10";
  $result = mysqli_query($conn, $sql);

  if(mysqli_num_rows($result) > 0){

    $response_array['status'] = 'success';

    $chatbox_message = "";
    while($row = mysqli_fetch_assoc($result)){
      $chatbox_message .= "<p><strong>".$row['username']."</strong></p>";
      $chatbox_message .= "<p>".$row['message']."</p>";
    }
    $response_array['data'] = $chatbox_message;
  }
  else{
    $response_array['status'] = 'error';
  }

  echo json_encode($response_array);
}

接下来，我们需要编写一个定时器，用于定时向客户端发送聊天信息。

//定时器
setInterval( function() {
    $.ajax({
        url : "chat.php",
        type: "GET",
        dataType: "json",
        data: {
            action: "getmessage"
        },
        success: function(response) {
            if(response.status == "success") {
                $("#chatBox").html(response.data);
            }
        }
    });
}, 1000);

4. 测试

经过上述的编写，我们已经完成了一个基本的PHP聊天室页面的搭建。现在，我们可以试着启动PHP服务器，并打开我们刚才创建的页面。

在页面上输入用户名和聊天内容，并点击发送按钮。我们可以看到，聊天信息已经成功发送给了服务器并显示在了页面上。

示例1

假如我们希望将聊天信息分类，比如按照不同的话题，那么我们可以修改页面代码，增加一个下拉列表，让用户选择话题。

<form id="chatForm">
    <input type="text" name="username" placeholder="请输入用户名">
    <input type="text" name="message" placeholder="请输入聊天内容">
    <select name="topic">
        <option>话题1</option>
        <option>话题2</option>
        <option>话题3</option>
        <option>话题4</option>
    </select>
    <button type="button" id="sendButton">发送</button>
</form>

接着，我们需要修改服务器端的代码，将聊天信息按照话题分类存储。具体的方法是在数据库中添加一个字段topic，并将用户选择的话题存储进去。聊天信息的发送和接收都需要相应地进行修改。