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.

8 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

  4. Para bens ótimo trabalho.
    aqui esta tudo funcionando. porem gostaria de implementar pesquisar e paginação.
    pode indicar onde tenho que mexer.
    sou novo nessa área.

    obrigado.

  5. Olá Ruan,
    Achei muito interessante suas explicações, vc está fazendo um ótimo trabalho.
    Mas estou com uma dúvida no momento de cadastrar e alterar deveria emitir um alert sobre cadastro feito com sucesso. No meu não aparece. E gostaria de saber se a possibilidade de fazer uma aula sobre como fazer uma pesquisa por cpf e trazer todos os dados qe estão no banco para o novo formulário. Obrigado

Deixe uma resposta

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