Publicado em

Aprenda a Fazer um CRUD com Bootstrap, PHP & MySQL

Nesta série de tutoriais, 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.

Ao final, você vai ter criado um mecanismo de cadastro que funciona a partir desta tela de dashboard:

CRUD com Bootstrap PHP e MySQL

Para criar este CRUD, vamos precisar implementar as seguintes funcionalidades nos próximos posts:

E, antes de fazer as telas de CRUD, precisamos montar um ambiente de desenvolvimento que já tenha o PHP e o MySQL funcionando.

Pra isso você pode usar o XAMPP…


Passo 1: Instale o XAMPP

xamppComo neste CRUD nós vamos usar PHP e MySQL no back end, e você precisa ter eles instalados.

Eu sugiro que você instale e use o XAMPP, porque ele já traz esses dois servers e elimina o trabalho de configuração que seria necessário.

Você pode seguir este tutorial, aqui mesmo da Academy, para ver como montar seu ambiente com o XAMPP.

Caso você já tenha algum outro ambiente instalado e configurado, não tem problema; pode usar ele.

O importante é ter o PHP e o MySQL. Também vamos usar o PHPMyAdmin, para criar o banco de dados.


Passo 2: Baixe e “Instale” o Bootstrap

Bootstrap TutorialVamos usar o Bootstrap para fazer o front-end do nosso CRUD.

Eu vou assumir, aqui, que você já sabe fazer o setup do Bootstrap e que já fez o download.

Caso você não saiba como fazer, é só seguir veja o tutorial Bootstrap: Como Começar, aqui da Academy.


Passo 3: Inicialize a Estrutura do Projeto

Esse é um projeto bem simples.

Vamos aproveitar a estrutura que o Bootstrap traz para o front-end, e adicionar algumas pastas para os códigos de back end.

Então, por enquanto, você deve criar apenas uma pasta “inc” no seu projeto. Essa pasta vai conter os arquivos PHP que serão reaproveitados em todo o CRUD.

A estrutura do seu projeto deve estar assim:

  •  crud-bootstrap-php
    •  css
    •  fonts
    •  inc
    •  js

Ao longo dos tutoriais, vamos criar mais arquivos e pastas.


Próximos Passos…

No próximo tutorial desta série, você vai começar a criar o banco de dados para o nosso CRUD. Será um cadastro de Clientes.

E vamos fazer, também, os scripts de configuração e de conexão com o banco de dados, já usando o PHP.

Até a próxima!

Deixe uma resposta

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