Maison  >  Article  >  développement back-end  >  Affichage des requêtes de pagination PHP+MySQL+LayUI

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

autoload
autoloadavant
2021-04-12 16:17:002740parcourir

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>
        

<script></script><script> var pageNum = 0; var limit = 10; var page = 1; $.ajax({ url: "laypage.php", async: false, type: "post", success: function (res) { pageNum = res; //取到数据总条数 // console.log(res) } }); layui.use(&#39;table&#39;, function () { var table = layui.table; table.render({ elem: &#39;#demo&#39;, method: &#39;post&#39;, url: &#39;paging.php&#39;, limit: limit, page: page, cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增 cols: [[ {checkbox: true}, {field: &#39;id&#39;, width: 80, sort: true, title: &#39;ID&#39;}, {field: &#39;donor&#39;, width: 240, sort: true, title: &#39;姓名/昵称&#39;}, {field: &#39;object&#39;, width: 180, sort: true, title: &#39;捐助项目&#39;}, {field: &#39;money&#39;, width: 150, sort: true, title: &#39;捐助金额&#39;}, {field: &#39;time&#39;, width: 200, sort: true, title: &#39;捐助时间&#39;}, {field: &#39;type&#39;, width: 100, sort: true, title: &#39;捐助类型&#39;}, {field: &#39;message&#39;, width: 200, title: &#39;备注/留言&#39;} ]] }); });</script>

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);
?>

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;
    ?>

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

Recommandé : PHP en Résumé des questions d'entretien 2021 (collection) 》《tutoriel vidéo php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer