php可以做前端吗 php在前端开发中的作用和限制

<?php
// 假设我们有一个用户列表，我们想动态生成一个表格
$users = [
    ['name' => 'Alice', 'age' => 30],
    ['name' => 'Bob', 'age' => 25],
    ['name' => 'Charlie', 'age' => 35]
];

echo '<table border="1">';
echo '<tr><th>Name</th><th>Age</th></tr>';
foreach ($users as $user) {
    echo '<tr>';
    echo '<td>' . htmlspecialchars($user['name']) . '</td>';
    echo '<td>' . htmlspecialchars($user['age']) . '</td>';
    echo '</tr>';
}
echo '</table>';
?>

// 假设我们已经有了一个由PHP生成的表格
document.addEventListener('DOMContentLoaded', function() {
    const table = document.querySelector('table');
    const rows = Array.from(table.querySelectorAll('tr'));

    // 排序功能
    function sortTable(columnIndex) {
        rows.sort((a, b) => {
            const aValue = a.children[columnIndex].textContent;
            const bValue = b.children[columnIndex].textContent;
            return aValue.localeCompare(bValue);
        });
        rows.forEach(row => table.appendChild(row));
    }

    // 搜索功能
    const searchInput = document.getElementById('search');
    searchInput.addEventListener('input', function() {
        const searchTerm = this.value.toLowerCase();
        rows.forEach(row => {
            const name = row.children[0].textContent.toLowerCase();
            if (name.includes(searchTerm)) {
                row.style.display = '';
            } else {
                row.style.display = 'none';
            }
        });
    });
});