Publicado em

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.

6 comentários sobre “CRUD com Bootstrap, PHP & MySQL – Parte V

  1. Olá estou tendo uma dificuldade para alterar o formato da data que está no padrão americano, já tentei de muitas formas e nada mudou.

    1. Olá, consegui resolver da seguinte forma .

  2. Bom dia Ruan,

    Até agora indo quase tudo certo, mas não insere, não edita e não visualiza.

    da uma força aí brother, kkk.

    abs

    Att,
    Igor Federizi

    1. Olá Igor,
      Você tem que revisar todo o seu código e tentar debugar para achar onde está falhando.

      Revise todo o database.php e o functions.php. Use a função print_r($customer), ou print_r($customers), pra ver o que está retornando nas variáveis.
      E comente onde tiver header(‘…’) para tirar o redirecionamento e ver se exibe alguma mensagem.

      Debugar o código é a única forma. O tutorial está todo correto.

  3. Boa noite,

    Muito obrigado por esse tutorial, me ajudou muito! Tenho duas questões:

    1. Existem dois “UF” nos dados dos clientes, isso foi algum erro ou a ideia é essa mesma?
    2. Você irá implementar a função de “excluir” futuramente?

    Fico no aguardo, obrigado pelo bom trabalho!

    1. Olá, Danilo…

      1. É para ser apenas um campo “UF”. Se tiver dois, deve ter sido algum erro de digitação. Vou revisar aqui.
      2. A exclusão é na Parte VI desses tutoriais (http://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte6/)

      Abs!
      Ruan

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *