Estou desenvolvendo uma página "News" com várias notícias, sendo que será exibido somente 9 notícias por página, acima disso, deverá ir para a página 2 e assim sucessivamente... como faço isso?
-
1Isso se chama "paginação". Que eu sabia, com "HTML puro" não tem como fazer. Talvez usar linguagens como PHP, Python ou Ruby vai ajudar nessa tarefa de paginação.– Wallace VizerraCommented 20/02/2015 às 11:52
-
Legal Wallace, sou iniciante na área... rsrsrs... poderia me explicar como isso é feito?– Adriano AquinoCommented 20/02/2015 às 11:58
-
1@AdrianoAquino, você pode fazer esta paginacao apenas com HTML, CSS e JavaScript, porém vai precisar de uma aplicação web (C#, Ruby, PHP, Java) para consultar o conteudo a ser exibido.– Tobias MesquitaCommented 20/02/2015 às 11:59
-
De onde vem esses dados? Eles vem de um banco de dados? Ou são de uma página estática que você criou?– Wallace VizerraCommented 20/02/2015 às 12:00
-
Pensei em fazer em HTML, mas deverá ser usado MySql com PHP, mas tenho pouca prática, ainda estou aprendendo, o que você sugere?– Adriano AquinoCommented 20/02/2015 às 12:03
1 Resposta
vamos fazer um exemplo básico em PHP:
try{
$page = filter_input(INPUT_GET, 'page', FILTER_VALIDATE_INT);
if (!$page) {
$page = 1; // Se a "page" não existir, o seu valor é 1
}
$limit = 9;
$offset = ($page * $limit) - $limit; // normaliza o offset utilizado no banco
$pdo = new PDO('...'); // seu dados de conexão aqui
$stmt = $pdo->prepare('SELECT count(*) as count FROM noticias');
$stmt->execute();
$result = $stmt->fetch(PDO::FETCH_ASSOC);
$number_of_pages = ceil($result['count'] / $limit); // calcula o total máximo de páginas, arredondando pra cima :)
unset($stmt, $result);
$stmt = $pdo->prepare("SELECT * FROM notiicias LIMIT {$offset}, {$limit}"); // consulta com os limites
$stmt->execute();
$results = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch(Exception $e){
echo $e->getMessage();
}
Gerando os links no HTML:
<?php for($i = 1; $i < $number_of_pages; $i++): ?>
<a href="?<?php echo http_build_query(array('page' => $i) + $_GET)"><?php echo $i ?></a>
<?php endfor ?>
Explicando:
filter_input(INPUT_GET, 'page', FILTER_VALIDATE_INT)
é uma nova maneira de o PHP lidar com os dados vindos do cliente. Ou seja, definimos que a variávelpage
virá através do métodoGET
, e deve ser um valor inteiro. Ele será útil para sabermos em qual página atual estamos. Por padrão, veja que seu valor é1
;O calculo de
$offset
é feito da seguinte forma. Para o usuário deve se exibir a contagem a partir de1
, porém, no SQL, essa contagem deve ser feita a partir de0
. Por isso utilizamos o cálculo($page * $limit) - $limit)
: para normalizar o valor para ser utilizado no MYSQL.A seguir temos uma conexão com o banco através do PDO.
Depois de obtermos o número de linhas existentes na tabela noticiais, calculamos qual é o número máximo de páginas que podemos gerar. Isso é feito utilizando
ceil($result['count'] / $limit
. A funçãoceil
tem o trabalho de arredondar o número pra cima, pois estamos trabalhando com inteiros.Depois, temos o
SELECT
com umLIMIT
, onde o primeiro argumento deLIMIT
é o offset inicial onde vamos inciar a consulta; e o segundo argumento é o limit por página, que no caso é9
, definido na variável$limit
.E por fim, temos um
for
, que gera os links para você clicar de acordo e exibir os resultados de acordo com a página. Tentei deixar o código o máximo organizado possível. Por isso utilizei a funçãohttp_build_query
. Ela gera dados em codificação de url através de umarray
. Quando somamos['page' => $i] + $_GET
estamos garantindo que o valor depage
já existente no$_GET
não sobrescreva o valor que queremos ter comopage
dentro dehttp_build_query
.
Veja por que é importante utilizar PDO ao invés das funções mysql_*
Para entender mais sobre a "soma de array", veja a explicação no Manual
-
-
Uma pequena info: precisa saber que, quando usa "limit" MySQL faz o "limit" depois de filtrar tudo. Significa que se vc tem 100.000 dados, MySQL vai filtrar e ordenar os 100.000 mesmo se vc faz um "limit" de somente 10. No caso de muitas informações pode ser lento. Neste caso e melhor tentar fazer um SELECT usando um valor. Por exemplo, no caso de "filtrar por preço", criar um query com "preço menor que e maior que" e fazer evoluir o preço pagina depois pagina.– PeterCommented 20/02/2015 às 13:00
-
Tem certeza? Uma consulta a uma tabela com 10.000 dados me parece mais rápida quando uso o
LIMIT
! Commented 20/02/2015 às 13:08 -
Não, e mas lento. O que faz que vc acha que e mas rápido e porque vc olha o resultado na sua tela. No Web, tem velocidade do SQL, do PHP mas também da transmissão dos dados: quando vc faz um LIMIT do ponto da vista da SQL e mas lento, mas como vc recebe somente uma pequena quantidade de dados, o resultado "visual" e mas rápido. Por isso o problema inicia a acontecer somente quando tem muitas informações com "query" complicado.– PeterCommented 20/02/2015 às 15:57
-