CRUD com Bootstrap, PHP & MySQL – Parte V

Esta é uma série de tutoriais, na qual você vai aprender uma forma eficaz de implementar um sistema de CRUD completo, usando o Bootstrap no front-end e PHP com MySQL no back end.

Agora, neste tutorial, você vai ver como criar os arquivos e funções para implementar a tela de visualização do cadastro de um cliente.

crud-bootstrap-customers-view

Ao final deste tutorial, você vai ter uma estrutura básica de visualização de registros (também conhecida como detail view) para reaproveitar no projeto, na qual o usuário vai poder ver todos os dados do cliente.

Aviso: Devido a outros projetos, vou adicionar as explicações de cada código aos poucos, durante a semana.


Antes de Começar

Eu vou assumir que você já está com o seu ambiente de desenvolvimento funcionando, e que já passou pelas partes anteriores desta série.

Se você ainda não estiver com o ambiente pronto, é só ver a introdução desta série para instalar os pré-requisitos, e criar o BD.

Este tutorial é um pouco extenso, e tem alguns códigos mais complexos. Separe um tempo para entender bem, e caso não entenda alguma parte, é só perguntar nos comentários.


Passo 1: Revise a Consulta de Registros no BD

No tutorial de listagem do CRUD, você deve ter criado a função find(), no arquivo database.php.

Essa função faz a consulta de um registro, pelo ID, em uma tabela do banco de dados.

Aqui, vamos reaproveitar essa função para implementar a tela de detalhes do cliente.


Passo 2: Crie a Função de Visualização

Dentro do arquivo funcions.php, na pasta customers, implemente a função que carrega os dados do cliente:

Essa função faz a busca na tabela clientes pelo ID que foi passado pela requisição (através do parâmetro $id).

Depois, o resultado é guardado na variável $customer, que será acessada na tela de visualização.


Passo 3: Crie a Tela de Visualização

Voltando na pasta “customers”, crie um arquivo chamado view.php.

Esse arquivo será a visualização em detalhes do registro, ou seja, a detail view do nosso CRUD.

Implemente a marcação abaixo, nesse arquivo:

Você pode adicionar mais itens, se achar necessário.

Orgulhosamente feito com WordPress | Tema: Baskerville 2 por Anders Noren

Acima ↑