Barra Developer (Dreamweaver) Listagem de Registros com Estrutura de Navegação – Parte 02

A listagem dos dados cadastrados no banco MySQL será dada com todos os recursos abaixo:

1. Listagem de 10 dos X registros do banco de dados
2. Opção para mostrar todos os registros e para voltar a exibir apenas 10 registros
3. Estrutura de navegação com os recursos Primeiro <> Anterior <> Próximo <> Último
4. Botões Editar e Excluir (por enquanto sem funcionar)
5. Recurso para ordenar de forma crescente ou decrescente a listagem por qualquer campo
6. Opção para fazer consulta por qualquer campo ou por mais de um campo ao mesmo tempo (Ex.: por nome e por email)
7. Opção para cadastrar novo registro
8. Opção para excluir vários ou todos os campos de uma só vez

Vamos lá. Crie um novo arquivo PHP e salve com o nome Administrar.php. Na barra de ferramentas Developer Toolbox, clique em Create Dynamic List Wizard como mostra a imagem abaixo:

Após clicar, deverá aparecer a seguinte tela:

Veja abaixo a explicação de cada item:

Get data from: como receberemos as informações para a listagem, em nosso caso, os registros estão na tabela do banco de dados, ou seja, configuraremos como table

Connection: conexão com o banco de dados

Table: tabela de onde os registros serão listados

Primary key column: campo que é chave primária (para quem continua usando a tabela que eu deixei para download, o campo é FuncID)

Detail Page: página onde será criada a listagem, utilize o próprio arquivo Administrar.php, ele foi criado exatamente pra isso.

Number of records: número de registros que será exibido por página

Veja como ficou depois de configurado:

Depois clique no botão Next. Teremos a próxima tela:

Aqui temos como os nomes dos campos vão aparecer. Alterei apenas campo sal para Salário, veja abaixo:

Em seguida, clique em Next, teremos a próxima tela:

No terceiro passo, podemos configurar se existirá filtro (caixa de texto para consultar) e através de qual ou quais campos existirão filtragem/consulta. Para nível de teste, deixe todos os campos e clique em Next. Teremos a próxima tela:

Aqui temos a opção para ordenar por um campo em específico (deixei FuncNome) e também temos o Skin (visual) que será aplicado. Para alterar clique no botão Change skin, veja abaixo qual eu escolhi:

Ao clicar em ok (na escolha do skin) clique em Finish para finalizarmos. Veja a estrutura que foi criada:

Salve e teste no navegador. Veja o que conseguimos criar:

No Dreamweaver, selecione abaixo onde temos Add New e crie um link para o arquivo Cadastro.php. Veja:

Agora veja como testar todos os recursos que citei no Início:

1. Listagem de 10 dos X registros do banco de dados

Eu ajustei o meu para 5 apenas para exemplo, mas na imagem já é possível ver que está listando mais de um registro, desde que você tenha cadastrado alguns no banco.

2. Opção para mostrar todos os registros e para voltar a exibir apenas 10 registros

Basta clicar em Show All Records como mostra a imagem abaixo:

3. Estrutura de navegação com os recursos Primeiro <> Anterior <> Próximo <> Último

Automaticamente foi criado, veja abaixo:

Foi criado tanto na parte superior como na inferior. Lembrando que só funcionará se tiver registros suficientes para gerar outra página.

4. Botões Editar e Excluir (por enquanto sem funcionar)

Dá pra perceber a criação dos botões Edit e Delete. Por enquanto estão sem funcionar, mas no próximo artigo criaremos tais recursos. Veja abaixo:

5. Recurso para ordenar de forma crescente ou decrescente a listagem por qualquer campo

Ao passar o mouse sobre o nome de qualquer campo, você vai perceber que temos um link. Ao clicar, será ordenado de forma crescente, ao clicar novamente será ordenado de forma decrescente. Veja as duas imagens ordenadas pelo campo Nome:

6. Opção para fazer consulta por qualquer campo ou por mais de um campo ao mesmo tempo (Ex.: por nome e por email)

Ao final, temos uma opção chamada Show Filter. Veja abaixo:

Ao clicar, aparecerão caixas de texto abaixo de cada campo. Veja:

Você pode preencher um ou mais campos e pesquisar, pode inclusive preencher todos os campos que a SQL criada está pronta para fazer buscas mais complexas.

7. Opção para cadastrar novo registro

Passou a funcionar quando você selecionou e criou o link conforme falei anteriormente.

8. Opção para excluir vários ou todos os campos de uma só vez

No próximo artigo, quando criarmos o recurso Delete, você só precisará selecionar os campos ou todos os campos e clicar no botão Delete.

Bom, pessoal, terminamos o segundo artigo da nossa primeira série.

Abraço a todos!