{"id":441,"date":"2011-07-07T17:24:41","date_gmt":"2011-07-07T17:24:41","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=441"},"modified":"2019-05-23T11:06:17","modified_gmt":"2019-05-23T11:06:17","slug":"paginacion-resultados-con-php","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/paginacion-resultados-con-php\/","title":{"rendered":"Paginaci\u00f3n de resultados con PHP"},"content":{"rendered":"

Cuando tenemos muchos registros y no queremos mostrar una lista de registro muy larga podemos usar paginaci\u00f3n<\/strong> para mostrar los resultados de la consulta en distintas p\u00e1ginas. La paginaci\u00f3n<\/strong> de resultados se puede conseguir con PHP<\/strong>.<\/p>\n

En muchas ocasiones, cuando se presentan en una p\u00e1gina web registros de una base de datos, se deber\u00edan mostrar demasiados registros como para colocarlos todos en una \u00fanica p\u00e1gina.<\/p>\n

En estas ocasiones se suele paginar los resultados, quiz\u00e1s cientos, en distintas p\u00e1ginas con conjuntos de registros mucho menos numerosos. Por ejemplo, podr\u00edamos presentar los resultados en p\u00e1ginas de 10 elementos o 20, dependiendo de nuestras intenciones y el tipo de datos que se est\u00e9n presentando. Este efecto lo has podido observar repetidas veces en los buscadores.<\/p>\n

Para realizar este tarea es posible trabajar con PHP<\/strong> y MySQLi<\/strong>.<\/p>\n

En el ejemplo en funcionamiento que hemos preparado para este tutorial mostramos el n\u00famero total de art\u00edculos o elementos.<\/p>\n

En cada p\u00e1gina se muestran 6 art\u00edculos ordenados por fecha de actualizaci\u00f3n en formato descendente. En todo momento mostramos el n\u00famero de p\u00e1gina que estamos viendo.<\/p>\n

Los enlaces de la paginaci\u00f3n<\/strong> se pueden poner arriba o abajo. En el ejemplo hemos decidido ponerlo despu\u00e9s de mostrar los art\u00edculos. Justo debajo se ve mejor y es m\u00e1s l\u00f3gico por temas de usabilidad pero tu puedes ponerlo donde m\u00e1s desees.<\/p>\n

Conexi\u00f3n con la base de datos<\/h3>\n

Para implementar lo que estamos comentando lo primero que debemos hacer es conectar con la base de datos que vamos a tratar y ejecutar la primera consulta. Al principio del todo, en tu archivo PHP<\/strong>, antes de abrir cualquier etiqueta HTML<\/strong>, coloca el siguiente c\u00f3digo:<\/p>\n

<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span> \nrequire<\/span>(<\/span>'config.php'<\/span>)<\/span>;<\/span>\n$result<\/span> =<\/span> $connexion<\/span>-><\/span>query<\/span>(<\/span>'SELECT COUNT(*) as total_products FROM product WHERE active = 1'<\/span>)<\/span>;<\/span>\n$row<\/span> =<\/span> $result<\/span>-><\/span>fetch_assoc<\/span>(<\/span>)<\/span>;<\/span>\n$num_total_rows<\/span> =<\/span> $row<\/span>[<\/span>'total_products'<\/span>]<\/span>;<\/span>\n?><\/span><\/pre><\/div><\/div>\n
En esta porci\u00f3n de c\u00f3digo que ser\u00e1 lo primero que se ejecute, estamos incluyendo un archivo config.php<\/em>\u00a0que usamos para la configuraci\u00f3n y conexi\u00f3n con la base de datos. Este archivo contiene:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span>\ndefine<\/span><\/a>(<\/span>'DB_SERVER'<\/span>,<\/span> 'localhost'<\/span>)<\/span>;<\/span>\ndefine<\/span><\/a>(<\/span>'DB_SERVER_USERNAME'<\/span>,<\/span> 'your_data_base_username'<\/span>)<\/span>;<\/span>\ndefine<\/span><\/a>(<\/span>'DB_SERVER_PASSWORD'<\/span>,<\/span> 'your_data_base_password'<\/span>)<\/span>;<\/span>\ndefine<\/span><\/a>(<\/span>'DB_DATABASE'<\/span>,<\/span> 'your_data_base_name'<\/span>)<\/span>;<\/span>\ndefine<\/span><\/a>(<\/span>'NUM_ITEMS_BY_PAGE'<\/span>,<\/span> 6)<\/span>;<\/span>\n \n$connexion<\/span> =<\/span> new<\/span> mysqli(<\/span>DB_SERVER,<\/span> DB_SERVER_USERNAME,<\/span> DB_SERVER_PASSWORD,<\/span> DB_DATABASE)<\/span>;<\/span>\n?><\/span><\/pre><\/div><\/div>\n
En \u00e9l tan solo definimos varias constantes para conectar con la base de datos y definimos el n\u00famero m\u00e1ximo de art\u00edculos por p\u00e1gina. En este caso deseamos que los elementos sean paginados de 6 en 6.<\/p>\n
Despu\u00e9s de conectar con la base de datos, hacemos una consulta a la tabla de productos en este caso para obtener el n\u00famero total de registros que depositamos en la variable $num_total_rows.<\/p>\n
Paginaci\u00f3n<\/h3>\n
El c\u00f3digo m\u00e1s interesante debes colocarlo dentro del cuerpo de la p\u00e1gina, dentro de la etiqueta <body>:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span>\nif<\/span> (<\/span>$num_total_rows<\/span> ><\/span> 0)<\/span> {<\/span>\n    $page<\/span> =<\/span> false<\/span>;<\/span>\n \n    \/\/examino la pagina a mostrar y el inicio del registro a mostrar<\/span>\n    if<\/span> (<\/span>isset<\/span><\/a>(<\/span>$_GET<\/span>[<\/span>"page"<\/span>]<\/span>)<\/span>)<\/span> {<\/span>\n        $page<\/span> =<\/span> $_GET<\/span>[<\/span>"page"<\/span>]<\/span>;<\/span>\n    }<\/span>\n \n    if<\/span> (<\/span>!<\/span>$page<\/span>)<\/span> {<\/span>\n        $start<\/span> =<\/span> 0<\/span>;<\/span>\n        $page<\/span> =<\/span> 1<\/span>;<\/span>\n    }<\/span> else<\/span> {<\/span>\n        $start<\/span> =<\/span> (<\/span>$page<\/span> -<\/span> 1)<\/span> *<\/span> NUM_ITEMS_BY_PAGE;<\/span>\n    }<\/span>\n    \/\/calculo el total de paginas<\/span>\n    $total_pages<\/span> =<\/span> ceil<\/span><\/a>(<\/span>$num_total_rows<\/span> \/<\/span> NUM_ITEMS_BY_PAGE)<\/span>;<\/span>\n \n    \/\/pongo el numero de registros total, el tamano de pagina y la pagina que se muestra<\/span>\n    echo<\/span> '<h3>Numero de articulos: '<\/span>.<\/span>$num_total_rows<\/span>.<\/span>'<\/h3>'<\/span>;<\/span>\n    echo<\/span> '<h3>En cada pagina se muestra '<\/span>.<\/span>NUM_ITEMS_BY_PAGE.<\/span>' articulos ordenados por fecha en formato descendente.<\/h3>'<\/span>;<\/span>\n    echo<\/span> '<h3>Mostrando la pagina '<\/span>.<\/span>$page<\/span>.<\/span>' de '<\/span> .<\/span>$total_pages<\/span>.<\/span>' paginas.<\/h3>'<\/span>;<\/span>\n \n    $result<\/span> =<\/span> $connexion<\/span>-><\/span>query<\/span>(<\/span>\n        'SELECT * FROM product p \n        LEFT JOIN product_lang pl ON (pl.id_product = p.id_product AND pl.id_lang = 1) \n        LEFT JOIN `image` i ON (i.id_product = p.id_product AND cover = 1) \n        WHERE active = 1 \n        ORDER BY date_upd DESC LIMIT '<\/span>.<\/span>$start<\/span>.<\/span>', '<\/span>.<\/span>NUM_ITEMS_BY_PAGE\n    )<\/span>;<\/span>\n    if<\/span> (<\/span>$result<\/span>-><\/span>num_rows<\/span> ><\/span> 0)<\/span> {<\/span>\n        echo<\/span> '<ul class="row items">'<\/span>;<\/span>\n        while<\/span> (<\/span>$row<\/span> =<\/span> $result<\/span>-><\/span>fetch_assoc<\/span>(<\/span>)<\/span>)<\/span> {<\/span>\n            echo<\/span> '<li class="col-lg-4">'<\/span>;<\/span>\n            echo<\/span> '<div class="item">'<\/span>;<\/span>\n            echo<\/span> '<h3>'<\/span>.<\/span>$row<\/span>[<\/span>'name'<\/span>]<\/span>.<\/span>'<\/h3>'<\/span>;<\/span>\n            ...<\/span>\n            echo<\/span> '<\/div>'<\/span>;<\/span>\n            echo<\/span> '<\/li>'<\/span>;<\/span>\n        }<\/span>\n        echo<\/span> '<\/ul>'<\/span>;<\/span>\n    }<\/span>\n \n    echo<\/span> '<nav>'<\/span>;<\/span>\n    echo<\/span> '<ul class="pagination">'<\/span>;<\/span>\n \n    if<\/span> (<\/span>$total_pages<\/span> ><\/span> 1)<\/span> {<\/span>\n        if<\/span> (<\/span>$page<\/span> !=<\/span> 1)<\/span> {<\/span>\n            echo<\/span> '<li class="page-item"><a class="page-link" href="index.php?page='<\/span>.<\/span>(<\/span>$page<\/span>-<\/span>1<\/span>)<\/span>.<\/span>'"><span aria-hidden="true">&laquo;<\/span><\/a><\/li>'<\/span>;<\/span>\n        }<\/span>\n \n        for<\/span> (<\/span>$i<\/span>=<\/span>1<\/span>;<\/span>$i<\/span><=<\/span>$total_pages<\/span>;<\/span>$i<\/span>++<\/span>)<\/span> {<\/span>\n            if<\/span> (<\/span>$page<\/span> ==<\/span> $i<\/span>)<\/span> {<\/span>\n                echo<\/span> '<li class="page-item active"><a class="page-link" href="#">'<\/span>.<\/span>$page<\/span>.<\/span>'<\/a><\/li>'<\/span>;<\/span>\n            }<\/span> else<\/span> {<\/span>\n                echo<\/span> '<li class="page-item"><a class="page-link" href="index.php?page='<\/span>.<\/span>$i<\/span>.<\/span>'">'<\/span>.<\/span>$i<\/span>.<\/span>'<\/a><\/li>'<\/span>;<\/span>\n            }<\/span>\n        }<\/span>\n \n        if<\/span> (<\/span>$page<\/span> !=<\/span> $total_pages<\/span>)<\/span> {<\/span>\n            echo<\/span> '<li class="page-item"><a class="page-link" href="index.php?page='<\/span>.<\/span>(<\/span>$page<\/span>+<\/span>1<\/span>)<\/span>.<\/span>'"><span aria-hidden="true">&raquo;<\/span><\/a><\/li>'<\/span>;<\/span>\n        }<\/span>\n    }<\/span>\n    echo<\/span> '<\/ul>'<\/span>;<\/span>\n    echo<\/span> '<\/nav>'<\/span>;<\/span>\n}<\/span>\n?><\/span><\/pre><\/div><\/div>\n
Parece mucho c\u00f3digo y complicado pero si te paras a mirarlo un momento es bastante sencillo de entender.<\/p>\n
Lo primero que hacemos es establecer y calcular variables importantes para el proceso.<\/p>\n