PHP+SQL Web应用：实现下拉选单关联日志数据展示求助

嘿，我来帮你搞定这个PHP+SQL的用户日志展示功能！咱们一步步来，从下拉选单生成到表格渲染，再到安全防护都给你安排明白。

整体流程梳理 #

首先明确咱们要做的事：

• 从数据库拉取唯一用户名生成下拉选单
• 用户选完提交后，后端查询该用户的日志
• 把查询结果用表格友好展示出来

第一步：完善数据库连接与下拉选单生成 #

你已经有了基础的连接代码，我们把它补全，同时从数据库里捞取唯一用户名来生成下拉选项：

<?php
// 数据库连接配置（你原有的代码）
$serverName = "TestDB,1433";
$connectionInfo = array(
    "Database" => "Database123",
    "UID" => "sa",
    "PWD" => "Pass.124"
);

// 建立连接并处理错误
$conn = sqlsrv_connect($serverName, $connectionInfo);
if (!$conn) {
    die("数据库连接失败: " . print_r(sqlsrv_errors(), true));
}

// 拉取唯一用户名列表（记得替换成你的日志表名）
$usernameQuery = "SELECT DISTINCT username FROM 你的日志表名 ORDER BY username";
$stmt = sqlsrv_query($conn, $usernameQuery);
if (!$stmt) {
    die("查询用户名失败: " . print_r(sqlsrv_errors(), true));
}
?>

<!-- 前端表单 -->
<form method="POST" action="">
    <label for="username">选择用户查看日志:</label>
    <select name="selectedUser" id="username">
        <option value="">-- 请选择用户 --</option>
        <?php
        // 循环生成下拉选项，同时记住上次选中的用户
        while ($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) {
            $selected = (isset($_POST['selectedUser']) && $_POST['selectedUser'] == $row['username']) ? 'selected' : '';
            echo "<option value='{$row['username']}' {$selected}>{$row['username']}</option>";
        }
        sqlsrv_free_stmt($stmt);
        ?>
    </select>
    <button type="submit">查看日志</button>
</form>

第二步：处理提交请求，渲染日志表格 #

用户点击提交按钮后，咱们就根据选中的用户名查询日志，然后生成表格：

<?php
// 检查用户是否选择了有效用户名
if (isset($_POST['selectedUser']) && !empty($_POST['selectedUser'])) {
    $selectedUser = $_POST['selectedUser'];
    
    // 重点！用参数化查询防止SQL注入，绝对不能直接拼接用户输入！
    $logQuery = "SELECT * FROM 你的日志表名 WHERE username = ? ORDER BY 日志时间列 DESC"; // 替换成你的时间列名
    $params = array($selectedUser);
    $logStmt = sqlsrv_query($conn, $logQuery, $params);
    
    if (!$logStmt) {
        die("查询日志失败: " . print_r(sqlsrv_errors(), true));
    }
    
    // 开始渲染表格
    echo "<h3>{$selectedUser} 的日志记录</h3>";
    echo "<table border='1' cellpadding='8' cellspacing='0' style='margin-top:10px;'>";
    // 输出表头
    echo "<tr>";
    $fields = sqlsrv_field_metadata($logStmt);
    foreach ($fields as $field) {
        echo "<th style='background:#f0f0f0;'>{$field['Name']}</th>";
    }
    echo "</tr>";
    
    // 输出每一行日志数据
    while ($logRow = sqlsrv_fetch_array($logStmt, SQLSRV_FETCH_ASSOC)) {
        echo "<tr>";
        foreach ($logRow as $value) {
            // 处理SQL Server返回的DateTime对象，转成可读格式
            if ($value instanceof DateTime) {
                $value = $value->format('Y-m-d H:i:s');
            }
            // 用htmlspecialchars防止XSS攻击
            echo "<td>" . htmlspecialchars($value) . "</td>";
        }
        echo "</tr>";
    }
    echo "</table>";
    
    sqlsrv_free_stmt($logStmt);
}

// 记得关闭数据库连接
sqlsrv_close($conn);
?>

必看的安全与细节提示 #

• SQL注入防护：参数化查询是底线，直接把用户输入拼进SQL等于给黑客开门，一定要用sqlsrv_query的第三个参数传递参数数组。
• XSS防护：用htmlspecialchars()转义所有输出到页面的内容，防止恶意脚本注入。
• 错误处理：当前的错误提示是给开发者调试用的，生产环境可以改成“查询失败，请稍后重试”，同时把错误信息写入日志文件。
• 日期处理：SQL Server的日期字段返回的是DateTime对象，必须格式化后再输出，否则页面会显示成对象字符串。

进阶：无刷新加载（可选） #

如果你不想每次选择用户都刷新页面，可以用AJAX实现无刷新加载：

1. 给下拉选单添加onchange事件
2. 用JavaScript发送请求到后端接口
3. 后端返回表格HTML，前端直接插入页面

简单的原生JS示例：

document.getElementById('username').addEventListener('change', function() {
    const selectedUser = this.value;
    const container = document.getElementById('logTableContainer');
    
    if (!selectedUser) {
        container.innerHTML = '';
        return;
    }
    
    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'get_user_logs.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onload = function() {
        if (this.status === 200) {
            container.innerHTML = this.responseText;
        }
    };
    xhr.send('selectedUser=' + encodeURIComponent(selectedUser));
});

然后把日志查询的逻辑单独放到get_user_logs.php文件里，只返回表格内容即可，这样用户体验会更流畅。

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