Affichage des requêtes de pagination PHP+MySQL+LayUI-tutoriel php-php.cn

Affichage des requêtes de pagination PHP+MySQL+LayUI

autoload

Libérer： 2023-04-09 21:02:02

avant

2797 Les gens l'ont consulté

html Créez le style front-end, AJAX demandez les données de manière asynchrone, puis utilisez les layui.table données méthode de table à restituer, comme ceci Ceci termine l'affichage de la requête de pagination.

htmlCréer un style front-end
AJAXDemander des données de manière asynchrone
Utiliserlayui.tableMéthode de rendu du tableau de données.

Fichier 1.HTML

<p>
        </p>

Copier après la connexion

Récupérez la page et limitez les variables depuis le front-end et donnez-les à MySQL limit Effectuez une requête de pagination, assemblez les résultats de la requête et renvoyez-les au format json spécifié par le framework frontal LayUI.

Fichier 2.laypage.php

La fonction de laypage.php est d'obtenir le nombre total de données et de le renvoyer au premier plan -fin pour l'affichage.

<?php     require (&#39;db_config.php&#39;);
    $sql = &#39;select count(*) from donation_copy1&#39;;
    $result = $mysqli->query($sql);
    $sum = mysqli_fetch_row($result);
    echo ceil($sum[0]/1);
?>

Copier après la connexion

Fichier 3.paging.php

La fonction de laypage.php est d'interroger les données dans les pages en fonction des paramètres spécifiés par la variable transmise par le devant et retournez-le à l'exposition du devant.

<?php     header("content-type:text/html;charset=utf-8;");
    require (&#39;db_config.php&#39;);$limit = $_POST[&#39;limit&#39;];
    $page = $_POST[&#39;page&#39;];$new_page = ($page - 1)*$limit;
    $sql = "select * from donation_copy1 order by id desc limit " .$new_page.",".$limit;
    $result = $mysqli->query($sql);
    $sql2 = 'select * from donation_copy1';
    $count = mysqli_num_rows($mysqli->query($sql2));
    $arr = array();
    while ($row = mysqli_fetch_array($result)) {  
    $arr[] = $row;}$donation_data = array(  // 拼装成为前端需要的JSON
    'code'=>0,
    'msg'=>'',
    'count'=>$count,
    'data'=>$arr);
    echo json_encode($donation_data);
    //echo $sql;
    ?>

Copier après la connexion

L'effet de page finale est le suivant :
Affichage des requêtes de pagination PHP+MySQL+LayUI