Criando uma pagina de busca por registros em um banco de dados com PHP/MySQL usando Dreamweaver - Parte 2

Nessa segunda parte do artigo sobre busca, vamos aprender a fazer uma melhor paginação dos resultados obtidos na busca criada na primeira parte do artigo.

por Marcus Varanis

Nessa segunda parte do artigo sobre busca, vamos aprender a fazer uma melhor paginação dos resultados obtidos na busca criada na primeira parte do artigo, para tanto vamos usar a instrução SQL abaixo para aumentarmos o número de registros em nossa base de dados. Caso tenha alguma dificuldade você pode inserir os dados manualmente usando o exemplo que foi criado no artigo Criando uma pagina PHP para inserir registros em um banco de dados MySQL com o Dreamweaver. Caso você não tenha acompanhado o primeira parte do artigo visualize aqui.

INSERT INTO `dados` VALUES (1, "marcus araujo", "rua 6, 560", "9999 9999", "marcus.varanis@gmail.com");
INSERT INTO `dados` VALUES (2, "marcus pereira", "av 36 , 65", "3551 5544", "m@gmail.com");
INSERT INTO `dados` VALUES (3, "paulo marcus", "rua 4, 1236", "9874 4563", "");
INSERT INTO `dados` VALUES (4, "Jose marcus", "Rua abcd", "9999 8888", "jose@yahoo.com");
INSERT INTO `dados` VALUES (5, "pedro marcus", "Rua aaaa", "3698 1478", "pp@bol.com.br");
INSERT INTO `dados` VALUES (6, "joao marcus", "av 45, 2000", "3541 1236", "");
INSERT INTO `dados` VALUES (7, "Maria Joao", "Rua B, 2587", "3578 1236", "mj@mj.com");

Depois que inserimos os dados em nossa tabela vamos abrir a pagina master.php, e nesse documento que faremos as alterações.

A idéia do artigo é adicionarmos a pagina de resultado um contador com o total de registros encontrados, e barra de navegação para paginação resultados, quando excederem o limite de resultados configurados no Recordset.

Então vamos ao trabalho, o primeiro item a ser configurado será a quantidade de registros exibidas, essas configurações são alteradas na opção Repeat Region, que está localizada no painel applicatons/Server Behaviors. Clique duas vezes sobre o item Repeat Region, e será exibida a janela mostrada na figura 1.

Figura 1 – Repeat Region

Marque a propriedade Show, caso ela não esteja marcada e altere o valor para 5. Isto fará com que sejam exibidos apenas 5 registros por página.

Agora vamos adicionar o contador para mostrar o total de registros encontrados na busca.

Posicione o cursor no local que você deseja que o total de registros esta localizado e vá ao painel application / Server Behaviors, clique no botão com o simbolo de + e depois selecione a opção display record count/display total records, como mostrado na figura 2.

Figura 2 – Display total records

Você terá o resultado mostrado abaixo.

Figura 3 – Display total records mostrado na página

Agora abra a página busca.html e visualize no navegador e faça uma busca.

Figura 4 – teste da busca

E você obterá o seguinte resultado mostrado abaixo.

Figura 5 – exibição da quantidade de registros.

A pesquisa mostra um total de 6 registros, porém são exibidos apenas 5, sendo assim vamos criar a barra de navegação para paginação resultados. Esse recurso também se encontra no application/Server Behaviors./Recordset paging como mostra a figura 6.

Figura 6 – Recordset Paging.

Da mesma forma que foi inserido Display total records, você irá inserir cada uma das opções mostradas na figura 6. (Move to First page, Move to Previous, Move to next page e Move to Last page).

Explicando:

Move to First page: vai para a primeira pagina de resultados.
Move to Previous: Vai para página anterior.
Move to next: vai para página seguinte.
Move to Last page: vai para ultima pagina de resultados.

E o resultado será o mostrado na figura 7, porém você pode modificar o texto gerado pelo dreamweaver, basta selecionar o texto e alterar a seu gosto.

Figura 7 – Barra de navegação orinal e a alterada

Se fizermos a mesma pesquisa citada no exemplo anterior, serão exibidos os cinco primeiros resultados, quando clicarmos em no link próximo conseguiremos visualizar os demais dados.
Esta pronta nossa paginação de resultados, apesar de ser um exemplo bem básico, pode ajudar bastante na hora de criarmos a pagina de resultados. Teste e observe.
No próximo artigo vamos melhorar um pouco mais a pagina de resultados e adicionaremos algumas estruturas condicionais. Como já havia dito anteriormente, nada falamos sobre o design da página, tente melhora-lho, lembre-se o dreamweaver e extremamente eficaz para esse tipo de tarefa.

Até a próxima.

Qualquer dúvida entre em contato.

Marcus Varanis.