Erstellen Sie paginierte Datentabellen mit PHP und DataTables

In der Webentwicklung sind Datentabellen Komponenten, die wir häufig verwenden müssen. Paging ist eine der häufigsten Anforderungen bei der Verarbeitung großer Datenmengen. Wenn Sie eine Paging-Datentabelle mit einer großen Datenmenge implementieren möchten, entscheiden sich viele Menschen möglicherweise für die Verwendung eines Front-End-Frameworks wie Vue, React oder Angular. Paginierte Datentabellen lassen sich jedoch auch einfach mit der Backend-Sprache PHP und dem Frontend-Plugin DataTables erstellen und sind flexibler und anpassbarer. Schauen wir uns an, wie Sie mit PHP und DataTables Paging-Datentabellen erstellen.

Zuerst benötigen wir eine Datenquelle zum Rendern von Daten. Da PHP eine sehr leistungsfähige serverseitige Sprache ist, können Daten durch Herstellen einer Verbindung zu einer Datenbank oder Lesen von Dateien abgerufen werden. In diesem Artikel verwenden wir PHP, um eine Verbindung zur MySQL-Datenbank herzustellen, um Daten abzurufen, und geben sie im JSON-Format aus, damit DataTables Datentabellen rendern kann. Zur Vereinfachung der Demonstration verwenden wir eine gefälschte Datentabelle. Mit dem folgenden Code können Sie eine Datentabelle mit dem Namen „users“ erstellen.

CREATE TABLE users (
    id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(30) NOT NULL,
    age INT(3) NOT NULL,
    email VARCHAR(50),
    registration_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
);

Als nächstes schreiben wir die Datenquellenschnittstelle in die PHP-Datei. Der Code lautet wie folgt:

<?php
header('Content-Type: application/json');

$servername = "localhost"; // 数据库服务器名
$username = "username"; // 数据库用户名
$password = "password"; // 数据库密码
$dbname = "myDB"; // 数据库名

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
} 

// 查询数据总数
$sql = "SELECT COUNT(*) FROM users";
$result = $conn->query($sql);
$row = $result->fetch_row();
$total_count = $row[0];

// 分页参数
$limit = $_GET["length"];
$offset = $_GET["start"];

// 查询当前页数据
$sql = "SELECT id, name, age, email, registration_date FROM users LIMIT $offset, $limit";
$result = $conn->query($sql);

// 构造JSON数据
$data = [];
while($row = $result->fetch_assoc()) {
    $data[] = $row;
}
echo json_encode(array(
    "draw" => $_GET["draw"], 
    "recordsTotal" => $total_count, 
    "recordsFiltered" => $total_count, 
    "data" => $data
));

$conn->close();
?>

Im obigen Code stellen wir zunächst eine Verbindung zur Datenbank her und fragen die Gesamtzahl der Daten ab. Rufen Sie als Nächstes die Paging-Parameter aus den GET-Parametern ab und fragen Sie die aktuellen Seitendaten basierend auf den Paging-Parametern ab. Abschließend werden die Daten im JSON-Format strukturiert und an DataTables ausgegeben.

Als nächstes müssen wir das DataTables-Plug-in vorstellen, konfigurieren und initialisieren. DataTables und jQuery können durch den folgenden Code eingeführt werden.

<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<!-- 引入 DataTables -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

Als nächstes erstellen Sie einen Tabellen-DOM-Knoten in HTML und fügen den folgenden Code hinzu, um DataTables zu initialisieren.

// 初始化 DataTables
$(document).ready(function() {
    $('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "data.php"
    });
});

Hier setzen wir den Verarbeitungsparameter von DataTables auf true, was bedeutet, dass die Ladeaufforderung aktiviert wird. Der Parameter serverSide ist ebenfalls auf „true“ gesetzt, was angibt, dass der serverseitige Modus aktiviert ist. Schließlich wird der Ajax-Parameter auf „URL der Datenquellenschnittstelle“ gesetzt und verweist auf die PHP-Datei, die wir gerade geschrieben haben. Wenn der Benutzer die Datentabelle durchsucht, ruft DataTables auf diese Weise die Daten vom Server in Form einer Paging-Abfrage ab und stellt sie in der Tabelle dar.

Zu diesem Zeitpunkt wurde erfolgreich eine Datentabelle mit der Paging-Funktion erstellt. Das Obige ist die Grundidee und Codedemonstration der Verwendung von PHP und DataTables zum Erstellen von Paging-Datentabellen. Leser können es entsprechend ihren spezifischen Bedürfnissen anpassen und verbessern.

Das obige ist der detaillierte Inhalt vonErstellen Sie paginierte Datentabellen mit PHP und DataTables. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!