Como Criar um CRUD Grid View com PHP MySQL

Neste post vou ensinar como construir um sistema grid view com PHP, MySQL, Bootstrap 3.

Igual a figura abaixo!
grid

Esse sistema vai realizar as principais funções no banco de dados, que são:

  • Consultar
  • Incluir
  • Atualizar
  • Excluir

Teremos uma tela principal com uma grade de informações, um formulário para incluir, uma pagina para atualizar e outra para deletar.

Teremos a seguinte estrutura de arquivos:

  • index.php: Pagina inicial com o código do grid e as informações;
  • database.php: Arquivo de inicialização, onde vamos definir constantes e outras configurações gerais
  • read.php: Pagina para que mostra as informações de cada usuário;
  • create.php: Formulário para incluir informações no banco;
  • update.php: Formulário para atualizar as informações já cadastradas;
  • delete.php: Pagina para excluir registros do grid;

Vamos ver parte por parte, uma de cada vez.

Criando o Banco de Dados

Antes de tudo, vamos criar nosso banco de dados.
Vou usar o MySQL, por ser o mais utilizado.
Coisa simples, só uma tabela com ID, nome, email e telefone.

Supondo que você tenha um servidor local instalado e rodando na sua maquina, acesse o phpMyAdmin e crie um banco ou use o banco test do MySQL, neste sistema irei usar o banco padrão de test, uma tabela com nome lista e com as colunas id, nome, email, telefone.

Vamos inserir uns registros na tabela lista:

Pronto, banco de dados criado e registro inserido, agora vamos baixar o Bootstrap 3 do twitter.
Link para baixar aqui!

Use um editor de sua preferência estou usando o PhpStorm.

Na pasta wamp/www crie uma pasta com nome de crud é dentro desta pasta que ficara o sistema e o bootstrap.

diretorios

Crie um arquivo database.php com o seguinte código:

O arquivo Database vai ter as funções de conexão com banco de dados.

Crie um arquivo index.php com o seguinte código:

O arquivo index.php será a interface do usuário e mostrara o grid com informações do banco de dados.

Crie um arquivo create.php será o formulário para inserir registros no banco de dados:

Percebemos que no topo do arquivo create.php foi criado as validações, uma segurança caso o usuário não preencha os campos.

Crie um aquivo read.php com o seguinte código:

No read foi feito uma consulta no banco e retornou o valor desta consulta

Vamos criar um arquivo update.php que atualiza os dados com o seguinte código:

O arquivo tem praticamente a mesma função do create a única diferença é que atualiza os dados já existentes UPDATE.

Ultimo arquivo será o delete.php para excluir registro com o seguinte código:

Ufa! Até que fim…

Bom é isso, espero que esse sistema sirva de exemplo para futuros projetos, que você venha desenvolver, se gostou compartilhe com amigos, pode copiar esse conteúdo, é livre. Valeu até a próxima!

Link para download do projeto: Aqui!

Comments

  1. By Vando

    Responder

    • By admin

      Responder

    • By admin

      Responder

  2. By JUAN CARLOS RA

    Responder

    • By admin

      Responder

Deixe uma resposta

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.