当前位置:首页 > PHP

PHP实现显示列表信息

2026-01-29 04:18:59PHP

数据库连接配置

创建 config.php 文件存储数据库连接信息:

<?php
$host = 'localhost';      // 数据库主机
$dbname = 'test_db';      // 数据库名
$username = 'root';       // 用户名
$password = 'password';    // 密码

try {
    $pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
    die("数据库连接失败: " . $e->getMessage());
}
?>

查询数据并显示

创建 list.php 文件查询数据并以表格形式展示:

<?php
require 'config.php';

$stmt = $pdo->query("SELECT id, name, email FROM users");
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<!DOCTYPE html>
<html>
<head>
    <title>用户列表</title>
    <style>
        table { border-collapse: collapse; width: 100%; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
        th { background-color: #f2f2f2; }
    </style>
</head>
<body>
    <table>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>邮箱</th>
        </tr>
        <?php foreach ($rows as $row): ?>
        <tr>
            <td><?php echo htmlspecialchars($row['id']); ?></td>
            <td><?php echo htmlspecialchars($row['name']); ?></td>
            <td><?php echo htmlspecialchars($row['email']); ?></td>
        </tr>
        <?php endforeach; ?>
    </table>
</body>
</html>

分页功能实现

list.php 中增加分页逻辑:

PHP实现显示列表信息

<?php
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
$perPage = 10;
$offset = ($page - 1) * $perPage;

$total = $pdo->query("SELECT COUNT(*) FROM users")->fetchColumn();
$totalPages = ceil($total / $perPage);

$stmt = $pdo->prepare("SELECT id, name, email FROM users LIMIT ? OFFSET ?");
$stmt->bindValue(1, $perPage, PDO::PARAM_INT);
$stmt->bindValue(2, $offset, PDO::PARAM_INT);
$stmt->execute();
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<!-- 在表格后添加分页导航 -->
<div class="pagination">
    <?php for ($i = 1; $i <= $totalPages; $i++): ?>
        <a href="?page=<?php echo $i; ?>" <?php if ($i === $page) echo 'style="font-weight:bold"'; ?>>
            <?php echo $i; ?>
        </a>
    <?php endfor; ?>
</div>

安全注意事项

  • 使用 htmlspecialchars() 防止 XSS 攻击。
  • 通过 PDO 预处理语句防止 SQL 注入。
  • 分页参数通过 (int) 强制类型转换确保安全。

扩展建议

  • 添加搜索功能:在 SQL 中增加 WHERE 条件过滤数据。
  • 使用 AJAX 实现无刷新分页或动态加载。
  • 结合前端框架(如 Vue.js)增强交互体验。

标签: 列表信息
分享给朋友:

相关文章

vue实现车次信息

vue实现车次信息

Vue 实现车次信息功能 数据准备与结构设计 使用 Vue 的响应式特性管理车次数据,通常以数组形式存储车次信息。每个车次对象包含基础属性: data() { return { trai…

h5 实现列表

h5 实现列表

列表实现方法 在HTML5中,可以通过多种方式实现列表,包括无序列表、有序列表和自定义列表。以下是具体的实现方法。 无序列表 无序列表使用<ul>标签,列表项使用<li>标签…

jquery列表

jquery列表

jQuery 列表操作 jQuery 提供了多种方法来操作 HTML 列表(如 <ul> 或 <ol>),包括动态添加、删除、修改列表项,以及事件绑定等。 创建列表 使用 j…

vue实现功能列表

vue实现功能列表

Vue 实现功能列表的方法 在 Vue 中实现功能列表通常涉及数据绑定、列表渲染、事件处理和状态管理。以下是几种常见的方法: 数据驱动列表渲染 使用 v-for 指令可以轻松实现列表渲染。假设有一个…

vue实现列表页

vue实现列表页

Vue 实现列表页的方法 数据绑定与渲染 使用 v-for 指令动态渲染列表数据,结合 :key 确保渲染性能。示例代码: <template> <ul> <…

vue实现列表分类

vue实现列表分类

Vue 实现列表分类的方法 使用计算属性分类 通过计算属性对原始数组进行分类处理,返回分组后的对象或数组。适用于静态数据或需要响应式更新的场景。 computed: { categorizedI…