本教程旨在解决php帖子发布系统中常见的延迟显示和重复提交问题。通过将帖子显示逻辑模块化为独立文件，并在帖子成功插入数据库后立即引入该文件，实现新帖子即时显示，同时确保数据库仅记录一次提交，从而优化用户体验并提升系统效率。

在构建动态网站时，尤其是涉及用户内容发布的功能，开发者常常会遇到一个挑战：用户提交内容后，页面不会立即更新显示新内容，需要手动刷新才能看到，而且有时会导致数据重复提交。本教程将详细介绍如何通过优化PHP代码结构，解决这一问题，实现帖子的即时显示和数据库的单次提交。

问题分析

原始系统的问题在于，当用户提交帖子时：

1. 数据已插入数据库：post.php 脚本负责将帖子内容写入数据库。
2. 页面未即时更新：post.php 完成插入后，并没有向浏览器返回更新后的帖子列表，导致用户需要手动刷新页面才能看到新帖子。
3. 重复提交风险：用户手动刷新页面时，如果浏览器重新发送了上次的POST请求，就会导致同一帖子被再次插入数据库，造成数据冗余。

原有的显示代码（通常位于主页面或某个显示区域）仅仅是在页面加载时查询数据库并显示现有帖子，它与 post.php 的提交过程是分离的。

解决方案：模块化与集成显示

核心思路是将帖子显示逻辑封装成一个独立的PHP文件（例如 table.php），然后在帖子提交处理脚本 (post.php) 中，在数据成功插入后，立即引入这个显示文件。这样，post.php 在完成数据库操作后，会直接输出包含最新帖子列表的HTML内容，浏览器接收到后即可即时更新页面。

立即学习“PHP免费学习笔记（深入）”；

小红书长文-谷歌浏览器

在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。

下载

步骤一：创建 table.php 文件（帖子显示逻辑）

将原本用于显示帖子的PHP代码提取到一个名为 table.php 的文件中。这个文件将负责连接数据库（如果 $connection 不在全局作用域），查询所有帖子，并以HTML格式输出它们。

<?php
// table.php

// 确保数据库连接变量 $connection 在此文件可用。
// 如果此文件被 post.php 引入，则 $connection 变量通常已在 post.php 中建立并可用。
// 如果 table.php 需要独立运行或作为通用组件，它可能需要自行建立数据库连接。
// 为本教程，我们假设 $connection 已由父脚本（如 post.php）提供。

// 查询数据库获取所有帖子，并按发布日期降序排列，使最新帖子显示在最上方
$sql = "SELECT firstname, lastname, body, date_posted FROM posts ORDER BY date_posted DESC";
$result = mysqli_query($connection, $sql);

echo '<div class="textPost">'; // 外部容器 div

if (mysqli_num_rows($result) > 0) {
  while ($row = mysqli_fetch_assoc($result)) {
?>
  <div class="textpostFormat">
    <h4><?php echo htmlspecialchars($row['firstname'] . ' ' . $row['lastname']); ?></h4>
    <p><?php echo nl2br(htmlspecialchars($row['body'])); ?></p>
    <small>发布于: <?php echo htmlspecialchars($row['date_posted']); ?></small>
  </div>
<?php
  }
} else {
  echo "<p>目前还没有任何帖子。</p>"; // 没有帖子时的提示
}
echo '</div>'; // 关闭外部容器 div
?>

说明：

• htmlspecialchars() 用于转义输出的HTML特殊字符，防止跨站脚本攻击 (XSS)。
• nl2br() 将帖子内容中的换行符转换为 <br> 标签，确保内容格式正确显示。
• ORDER BY date_posted DESC 确保最新发布的帖子显示在列表顶部。

步骤二：修改 post.php 文件（插入与即时显示）

post.php 将负责处理表单提交、将数据插入数据库，并在成功插入后，通过 require_once 语句引入 table.php 来显示更新后的帖子列表。

<?php
// post.php
session_start();

// 数据库连接配置
$dbHost = "localhost";
$dbUser = "root";
$dbPass = "root";
$database = "feed";

// 建立数据库连接
$connection = mysqli_connect($dbHost, $dbUser, $dbPass, $database);
if (!$connection) {
    die("数据库连接失败: " . mysqli_connect_error());
}

// 处理帖子提交逻辑
if (!empty($_POST['postContent'])) {
    $postContent = $_POST['postContent'];
    // 从会话中获取用户名，如果不存在则使用默认值
    $firstname = $_SESSION['firstname'] ?? '匿名';
    $lastname = $_SESSION['lastname'] ?? '用户';

    // 使用预处理语句插入数据，防止SQL注入
    $sql = "INSERT INTO posts (firstname, lastname, body, date_posted) VALUES (?, ?, ?, NOW())";
    $stmt = mysqli_stmt_init($connection);

    if (!mysqli_stmt_prepare($stmt, $sql)) {
        // SQL预处理语句失败
        echo "<p>SQL预处理语句失败，请联系管理员。</p>";
    } else {
        // 绑定参数并执行语句
        mysqli_stmt_bind_param($stmt, "sss", $firstname, $lastname, $postContent);
        if (!mysqli_stmt_execute($stmt)) {
            // 插入帖子时发生错误
            echo "<p>插入帖子时发生错误: " . mysqli_stmt_error($stmt) . "</p>";
        }
        // 帖子成功插入后，不需要额外的成功消息，因为接下来会显示更新后的列表
    }
    mysqli_stmt_close($stmt); // 关闭预处理语句
}

// 无论帖子是否提交成功，都立即显示当前的帖子列表。
// 这一步是解决即时显示问题的关键。
// 当用户提交表单到 post.php 时，post.php 处理完插入后，会直接输出 table.php 的内容。
require_once 'table.php';

mysqli_close($connection); // 关闭数据库连接
?>

说明：

• require_once 'table.php'; 是本解决方案的核心。它确保在 post.php 完成数据插入后，立即将 table.php 的内容（即更新后的帖子列表）包含进来并输出到浏览器。
• 通过这种方式，当用户提交表单到 post.php 时，post.php 不仅处理了数据，还直接返回了包含新帖子的完整HTML页面内容，从而避免了手动刷新的需要。
• $_SESSION['firstname'] ?? '匿名' 是PHP 7+ 的空合并运算符，如果 $_SESSION['firstname'] 不存在或为 null，则使用 '匿名' 作为默认值。

页面结构示例 (index.php)

为了使上述 post.php 和 table.php 协同工作，你的主页面（例如 index.php）可能需要包含一个提交表单。当用户提交表单时，请求会发送到 post.php。

<!-- index.php (示例) -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的帖子系统</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; }
        .textPost { border: 1px solid #ccc; padding: 15px; margin-top: 20px; background-color: #f9f9f9; }
        .textpostFormat { border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-bottom: 10px; }
        .textpostFormat:last-child { border-bottom: none; margin-bottom: 0; }
        form { margin-bottom: 20px; padding: 15px; border: 1px solid #eee; background-color: #fff; }
        textarea { width: 100%; height: 80px; margin-bottom: 10px; padding: 8px; box-sizing: border-box; }
        button { padding: 10px 15px; background-color: #007bff; color: white; border: none; cursor: pointer; }
        button:hover { background-color: #0056b3; }
    </style>
</head>
<body>
    <h1>发布新帖子</h1>
    <form action="post.php" method="POST">
        <textarea name="postContent" placeholder="在这里输入你的帖子内容..."></textarea>
        <button type="submit">发布</button>
    </form>

    <h2>所有帖子</h2>
    <div id="posts-display-area">
        <?php
        // 在初始加载 index.php 时，也需要显示帖子列表
        // 为了避免重复的数据库连接代码，可以在一个公共文件中处理连接，或者让 table.php 独立连接。
        // 简单起见，这里假设 index.php 也会建立连接或者 table.php 内部处理连接。
        // 实际上，如果 post.php 始终是表单提交的目标，那么首次加载 index.php 时，
        // 可以直接在页面底部包含 table.php 来显示初始帖子。

        // 示例：如果 index.php 也要显示帖子，它需要自己的数据库连接
        // $dbHost = "localhost"; $dbUser = "root"; $dbPass = "root"; $database = "feed";
        // $connection = mysqli_connect($dbHost, $dbUser, $dbPass, $database);
        // if ($connection) {
        //     require_once 'table.php'; // 初始加载时显示帖子
        //     mysqli_close($connection);
        // } else {
        //     echo "<p>无法连接到数据库以显示帖子。</p>";
        // }
        ?>
        <!-- 当用户提交表单到 post.php 时，post.php 会直接输出更新后的帖子列表，
             替换掉浏览器当前的内容，因此这里不需要额外的PHP来处理POST请求的显示。 -->
    </div>
</body>