php实现表格排序

PHP实现表格排序的方法

使用HTML和PHP结合实现前端排序

通过HTML表单和PHP处理实现表格排序功能。这种方法适合简单的排序需求，用户点击表头触发排序。

<table>
    <tr>
        <th><a href="?sort=name">Name</a></th>
        <th><a href="?sort=age">Age</a></th>
    </tr>
    <?php
    $data = [
        ['name' => 'John', 'age' => 25],
        ['name' => 'Alice', 'age' => 30]
    ];

    $sort = $_GET['sort'] ?? 'name';
    $direction = $_GET['direction'] ?? 'asc';

    usort($data, function($a, $b) use ($sort, $direction) {
        if ($direction === 'asc') {
            return $a[$sort] <=> $b[$sort];
        } else {
            return $b[$sort] <=> $a[$sort];
        }
    });

    foreach ($data as $row) {
        echo "<tr><td>{$row['name']}</td><td>{$row['age']}</td></tr>";
    }
    ?>
</table>

使用JavaScript实现客户端排序

结合PHP和JavaScript实现无需页面刷新的排序功能。这种方法用户体验更好。

<table id="sortable">
    <thead>
        <tr>
            <th onclick="sortTable(0)">Name</th>
            <th onclick="sortTable(1)">Age</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $row): ?>
        <tr>
            <td><?= $row['name'] ?></td>
            <td><?= $row['age'] ?></td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>

<script>
function sortTable(n) {
    let table, rows, switching, i, x, y, shouldSwitch, dir = "asc";
    table = document.getElementById("sortable");
    switching = true;

    while (switching) {
        switching = false;
        rows = table.rows;

        for (i = 1; i < (rows.length - 1); i++) {
            shouldSwitch = false;
            x = rows[i].getElementsByTagName("td")[n];
            y = rows[i + 1].getElementsByTagName("td")[n];

            if (dir === "asc") {
                if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
                    shouldSwitch = true;
                    break;
                }
            } else if (dir === "desc") {
                if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
                    shouldSwitch = true;
                    break;
                }
            }
        }

        if (shouldSwitch) {
            rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
            switching = true;
        } else if (dir === "asc" && i === (rows.length - 2)) {
            dir = "desc";
            switching = true;
        }
    }
}
</script>

使用数据库查询排序

直接从数据库获取已排序的数据是最有效的方法，特别适合大数据量情况。

$sort = $_GET['sort'] ?? 'name';
$direction = $_GET['direction'] ?? 'ASC';

$pdo = new PDO('mysql:host=localhost;dbname=test', 'username', 'password');
$stmt = $pdo->prepare("SELECT name, age FROM users ORDER BY $sort $direction");
$stmt->execute();
$data = $stmt->fetchAll(PDO::FETCH_ASSOC);

foreach ($data as $row) {
    echo "<tr><td>{$row['name']}</td><td>{$row['age']}</td></tr>";
}

使用第三方库实现高级排序

对于复杂需求，可以使用第三方库如DataTables实现功能丰富的表格排序。

<table id="example" class="display">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $row): ?>
        <tr>
            <td><?= $row['name'] ?></td>
            <td><?= $row['age'] ?></td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>

<script>
$(document).ready(function() {
    $('#example').DataTable();
});
</script>

安全注意事项

当使用用户输入进行排序时，必须验证和清理输入以防止SQL注入。

$allowed_sorts = ['name', 'age'];
$sort = in_array($_GET['sort'], $allowed_sorts) ? $_GET['sort'] : 'name';
$direction = $_GET['direction'] === 'desc' ? 'DESC' : 'ASC';

以上方法提供了从简单到复杂的PHP表格排序实现方案，可根据具体需求选择合适的方法。