MySQL保留数据仅清除表格显示功能实现求助（附代码）

Hey there! Let's tackle your two main issues: the unresponsive delete button, and building that approval/confirmation workflow you need for your 11-user team. I'll break this down step by step so it's easy to follow.

首先：排查Delete按钮无响应的问题 #

First, let's fix that non-working delete button. Here are the most common causes and fixes:

1. 检查JavaScript报错
   打开浏览器开发者工具（F12）切换到Console标签，如果confirm()函数有报错（比如被其他代码覆盖），会阻止链接触发。可以先把onclick换成简单的alert('test')测试是否能正常执行。

2. 验证action.php路径正确性
   如果crudApp.php在子文件夹而action.php在根目录，相对路径就会出错。试试用绝对路径/action.php?delete=<?= $row['id']; ?>，或者确保路径和你的文件结构匹配。

3. 别忘了启动Session！
   你的action.php用到了$_SESSION但没有在顶部启动会话，要在action.php最开头加上session_start();（在任何HTML或数据库连接代码之前）——没有这个，会话消息不会生效，哪怕删除操作成功也看不到反馈。

4. 给SQL添加错误处理
   修改删除代码来捕获SQL错误，方便排查查询是否执行成功：

   if(isset($_GET['delete'])) { 
       session_start(); // 如果顶部没加，这里必须加
       $id=$_GET['delete']; 
       $query= "DELETE FROM timex WHERE id = ? " ; 
       $stmt=$conn->prepare($query); 
       $stmt->bind_param("i",$id); 
       if(!$stmt->execute()) {
           $_SESSION['response'] = "删除失败：" . $conn->error;
           $_SESSION['res_type']="danger";
       } else {
           $_SESSION['response'] = "记录已删除" ; 
           $_SESSION['res_type']="danger" ; 
       }
       header('location:crudApp.php'); 
       exit; // 跳转后一定要exit，避免后续代码执行
   }
   

接下来：实现审核→确认→隐藏记录的工作流 #

为了避免11人每日提交的记录塞满表格，我们给MySQL表加一个status字段来跟踪每条记录的状态，而不是直接删除已确认的记录。具体实现步骤如下：

1. 更新MySQL表结构 #

先给timex表新增status字段，用来标记记录状态：

ALTER TABLE timex ADD COLUMN status VARCHAR(20) NOT NULL DEFAULT 'pending';

我们用这几种状态值：

• pending：刚提交，等待审核
• approved：已审核，可进行更新/删除/确认操作
• confirmed：已确认，从前端表格隐藏但保留在数据库中

2. 调整表格查询逻辑 #

修改获取表格数据的查询语句，排除已确认的记录：

// 替换你现有的SELECT查询
$query = "SELECT * FROM timex WHERE status != 'confirmed' ORDER BY created_at DESC";
$result = $conn->query($query);

这样一来，记录被确认后就不会再出现在主表格里了。

3. 给表格添加状态对应的操作按钮 #

更新表格的操作列，根据记录状态显示对应的按钮：

<td>
    <?php if($row['status'] === 'pending'): ?>
        <!-- 仅对待审核记录显示审核按钮 -->
        <a href="action.php?approve=<?= $row['id']; ?>" class="badge badge-warning p-2" onclick="return confirm('确认要审核这条记录吗？');">审核</a>
        <a href="action.php?delete=<?= $row['id']; ?>" class="badge badge-danger p-2" onclick="return confirm('确认要删除这条记录吗？');">删除</a>
    <?php elseif($row['status'] === 'approved'): ?>
        <!-- 对已审核记录显示更新/删除/确认按钮 -->
        <a href="edit.php?id=<?= $row['id']; ?>" class="badge badge-primary p-2">更新</a>
        <a href="action.php?delete=<?= $row['id']; ?>" class="badge badge-danger p-2" onclick="return confirm('确认要删除这条记录吗？');">删除</a>
        <a href="action.php?confirm=<?= $row['id']; ?>" class="badge badge-success p-2" onclick="return confirm('确认要确认这条记录吗？确认后将从表格隐藏');">确认</a>
    <?php endif; ?>
</td>

4. 更新action.php处理审核和确认操作 #

在action.php中新增审核和确认的处理逻辑（确保session_start()在文件最顶部）：

<?php
session_start();
include 'your-db-connection-file.php'; // 替换成你实际的数据库连接脚本

// ... 保留你原有的删除处理逻辑 ...

// 处理审核操作
if(isset($_GET['approve'])) { 
    $id = $_GET['approve']; 
    $query = "UPDATE timex SET status = 'approved' WHERE id = ?"; 
    $stmt = $conn->prepare($query); 
    $stmt->bind_param("i", $id); 
    if($stmt->execute()){
        $_SESSION['response'] = "记录审核成功！"; 
        $_SESSION['res_type'] = "success"; 
    } else {
        $_SESSION['response'] = "审核失败：" . $conn->error; 
        $_SESSION['res_type'] = "danger"; 
    }
    header('location: crudApp.php'); 
    exit;
}

// 处理确认操作（从表格隐藏，保留在数据库）
if(isset($_GET['confirm'])) { 
    $id = $_GET['confirm']; 
    $query = "UPDATE timex SET status = 'confirmed' WHERE id = ?"; 
    $stmt = $conn->prepare($query); 
    $stmt->bind_param("i", $id); 
    if($stmt->execute()){
        $_SESSION['response'] = "记录已确认，将从表格隐藏！"; 
        $_SESSION['res_type'] = "success"; 
    } else {
        $_SESSION['response'] = "确认失败：" . $conn->error; 
        $_SESSION['res_type'] = "danger"; 
    }
    header('location: crudApp.php'); 
    exit;
}
?>

5. 额外功能：查看已确认记录（可选） #

如果之后需要查看已确认的记录，可以做一个简单的管理页面，用这个查询获取所有记录：

$query = "SELECT * FROM timex ORDER BY status, created_at DESC";

这样就能看到包括已确认在内的所有记录，方便审计或找回数据。

内容的提问来源于stack exchange，提问作者Tbuff