17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy

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.

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.
https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 1/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy

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:

1 <?php
2
3 /**
4 * Visualização de um Cliente

5 */

6 function view($id = null) {

7 global $customer;

8 $customer = find('customers', $id);

9 }

functions.php hosted with ❤ by GitHub view raw

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

https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 2/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy

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:

1 <?php
2 require_once('functions.php');

3 view($_GET['id']);

4 ?>

5
6 <?php include(HEADER_TEMPLATE); ?>
7
8 <h2>Cliente <?php echo $customer['id']; ?></h2>

9 <hr>
10
11 <?php if (!empty($_SESSION['message'])) : ?>

12 <div class="alert alert-<?php echo $_SESSION['type']; ?>"><?php e

13 <?php endif; ?>
14
15 <dl class="dl-horizontal">

16 <dt>Nome / Razão Social:</dt>

17 <dd><?php echo $customer['name']; ?></dd>
18
19 <dt>CPF / CNPJ:</dt>

20 <dd><?php echo $customer['cpf_cnpj']; ?></dd>

21
22 <dt>Data de Nascimento:</dt>

23 <dd><?php echo $customer['birthdate']; ?></dd>

24 </dl>
25
26 <dl class="dl-horizontal">

27 <dt>Endereço:</dt>
28 <dd><?php echo $customer['address']; ?></dd>

29
30 <dt>Bairro:</dt>

31 <dd><?php echo $customer['hood']; ?></dd>

32
33 <dt>CEP:</dt>

34 <dd><?php echo $customer['zip_code']; ?></dd>

35
36 <dt>Data de Cadastro:</dt>

37 <dd><?php echo $customer['created']; ?></dd>

38 </dl>

39
https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 3/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy

40 <dl class="dl-horizontal">
41 <dt>Cidade:</dt>

42 <dd><?php echo $customer['city']; ?></dd>

43
44 <dt>Telefone:</dt>

45 <dd><?php echo $customer['phone']; ?></dd>

46
47 <dt>Celular:</dt>

48 <dd><?php echo $customer['mobile']; ?></dd>

49
50 <dt>UF:</dt>

51 <dd><?php echo $customer['state']; ?></dd>

52
53 <dt>Inscrição Estadual:</dt>
54 <dd><?php echo $customer['ie']; ?></dd>

55 </dl>

56
57 <div id="actions" class="row">

58 <div class="col-md-12">

59 <a href="edit.php?id=<?php echo $customer['id']; ?>" class="btn

60 <a href="index.php" class="btn btn-default">Voltar</a>

61 </div>

62 </div>

63
64 <?php include(FOOTER_TEMPLATE); ?>

view.php hosted with ❤ by GitHub view raw

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

Publicado por Ruan Carvalho

Ruan é especialista em Front-end e trabalha com Desenvolvimento Web desde 2007.

 Ver todos os posts por Ruan Carvalho

Tutoriais

Bootstrap, CRUD, PHP

https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 4/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy

15 Comentários Web Dev Academy 🔒 Disqus' Privacy Policy 

1 Entrar

 Recomendar t Tweet f Compartilhar Ordenar por Mais votados

Participe da discussão...

FAZER LOGIN COM

OU REGISTRE-SE NO DISQUS ?

Nome

Fabiano Oliveira • 3 anos atrás

Parceiro Ruan Carvalho, como lhe agradecer cara!!!!!
Suas séries de aulas me ajudaram muito aqui, de verdade...
Agradeço por disponibilizar conhecimento e pela ajuda indiretamente.

Sucesso!!
△ ▽ • Responder • Compartilhar ›

Ruan Carvalho Mod > Fabiano Oliveira • 3 anos atrás

Valeu, Fabiano!!!
Fico feliz que tenha te ajudado.

Abs!
△ ▽ • Responder • Compartilhar ›

Ailton Souza • 3 anos atrás

esta acontecendo esse erro, alguem sabe o que pode ser?

△ ▽ • Responder • Compartilhar ›

Ailton Souza > Ailton Souza • 3 anos atrás

a linha 3 está assim no codigo

https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 5/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy

△ ▽ • Responder • Compartilhar ›

Ailton Souza > Ailton Souza • 3 anos atrás

funcionou , na verdade essa pagina so vai funcionar quando vc
clica em um dado para visualizar, pq ele vai pegar o id como
parametro, se ele nao tiver nenhum parametro ele vai dar esse
erro
△ ▽ • Responder • Compartilhar ›

Laiali Safa • 4 anos atrás

Oii, boa tarde. Primeiramente, obrigada por essas aulas, me abriu os olhos
pra uma forma de programar em php que eu não conhecia. Bom, estou presa
em um erro nessa parte da view, diz "Trying to get property of non-object", o
problema é que tenho esse objeto no banco de dados... A index está
funcionando normalmente com a listagem dos dados do banco, só na view
mesmo que a função find() não está funcionando. Já usei o print_r pra ver se
estava enviando o script correto, e está. Sabe me dizer o que pode ser?
△ ▽ • Responder • Compartilhar ›

Fabio Ozuna • 4 anos atrás

Olá Ruan boa noite. Consegui fazer tudo apenas com uma tabela
(customers). Mas não consegui inserir as informações em uma segunda
tabela, por exemplo a tabela suportes, Como informar os parâmetros para
esse segundo caso?
△ ▽ • Responder • Compartilhar ›

Jadson • 4 anos atrás

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
△ ▽ • Responder • Compartilhar ›

Paulo Henrique • 5 anos atrás

Para bens ótimo trabalho.
aqui esta tudo funcionando. porem gostaria de implementar pesquisar e
paginação.
pode indicar onde tenho que mexer
https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 6/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy
pode indicar onde tenho que mexer.
sou novo nessa área.

obrigado.
△ ▽ • Responder • Compartilhar ›

Danilo • 5 anos atrás

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!

△ ▽ • Responder • Compartilhar ›

Ruan Carvalho > Danilo • 5 anos atrás

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...

Abs!
Ruan
△ ▽ • Responder • Compartilhar ›

Igor Federizi • 5 anos atrás

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
△ ▽ • Responder • Compartilhar ›

Ruan Carvalho > Igor Federizi • 5 anos atrás

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.
https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 7/8
17/09/2021 23:02 CRUD com Bootstrap, PHP & MySQL – Parte V - Web Dev Academy
se e be a gu a e sage

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

△ ▽ • Responder • Compartilhar ›

Felipe • 5 anos atrás

TAGS

Bootstrap CRUD Drupal HTML & CSS JavaScript jQuery PHP SQL Tooling

WordPress

MAIS ACESSADOS

» CRUD com Bootstrap, PHP & MySQL - Parte I

» Bootstrap: Criando Layouts e Grids
» Bootstrap 4: Como Começar
» Como Configurar um Servidor Local para Desenvolvimento Web
» Aprenda a Fazer um CRUD com Bootstrap, PHP & MySQL

ORGULHOSAMENTE FEITO COM WORDPRESS | TEMA: BASKERVILLE 2 POR ANDERS NOREN

ACIMA ↑

https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte5/ 8/8