CRUD com Bootstrap, PHP & MySQL - Parte I - Web Dev Academy

17/09/2021 22:31 CRUD com Bootstrap, PHP & MySQL - Parte I - Web Dev Academy
CRUD com Bootstrap, PHP & MySQL – Parte I
A maior parte dos sistemas em PHP é feito com um banco de dados no

back end, e normalmente, esse banco de dados é o MySQL. Por isso, é
importante criar essa camada de acesso a dados de uma forma bem
genérica e independente, para que depois ela possa ser reaproveitada em
todo o sistema.
Neste tutorial, você vai ver como deve ser esse banco de dados para o
nosso sistema de CRUD e como criá-lo, executando o SQL pelo
phpMyAdmin. Depois disso, vamos criar um arquivo de configurações
para usar em todo o sistema. E ,por fim, vamos criar o script de conexão
com esse banco de dados, usando PHP.
Ao final, você vai ter uma estrutura inicial do banco de dados para o nosso
CRUD, e a tabela de clientes vazia, além dos arquivos iniciais do projeto.
Antes de Começar
Eu vou assumir que você já está com o seu ambiente de desenvolvimento
funcionando.
https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte1/ 1/18
Aqui, nós vamos utilizar o XAMPP, que já traz o PHP, o MySQL (ou
MariaDB), e o phpMyAdmin para manipular o banco de dados.
Se você ainda não estiver com o ambiente pronto, é só ver a introdução

desta série e instalar os pré-requisitos.
Passo 1: Crie o Banco de Dados e a Tabela de Clientes

Para este tutorial, vamos criar um banco de dados bem simples, com uma
tabela de clientes apenas.
Eu vou usar aqueles campos de clientes que são usados em notas fiscais
para criar essa tabela, e assim ela vai servir de exemplo para um cadastro
de clientes bem genérico.
O mapeamento das colunas da tabela de clientes ficou assim:
Clientes (codigo, nome, cpf/cnpj, data de nascimento,

endereço, bairro, cep, cidade, estado,
telefone, celular, inscrição estadual,
data de cadastro, data de atualização)
Uma boa prática, que eu sempre recomendo, é você traduzir os nomes de

tabelas e os campos para o inglês, e a partir daí criar seu banco de dados.
Isso facilita muito na hora de escrever as consultas, e na hora de escrever
o código do sistema. Você ainda acaba aprendendo um pouco mais do
idioma.
Então, nós vamos ter os seguintes campos:
customers
PK id int
name varchar
cpf_cnpj varchar
birthdate date
address varchar
hood varchar
zip_code int
city varchar
state varchar
phone int
mobile int
ie int
created datetime
modified datetime
E, convertendo tudo isso em SQL, fica assim:
1 CREATE TABLE customers (

2 id int(11) NOT NULL,
3 name varchar(255) NOT NULL,

4 cpf_cnpj varchar(14) NOT NULL,
5 birthdate date NOT NULL,
6 address varchar(255) NOT NULL,

7 hood varchar(100) NOT NULL,
8 zip_code int(8) NOT NULL,
9 city varchar(100) NOT NULL,

10 state varchar(100) NOT NULL,
11 phone int(13) NOT NULL,
12 mobile int(13) NOT NULL,
13 ie int(11) NOT NULL,
14 created datetime NOT NULL,
15 modified datetime NOT NULL
16 );
17
18 ALTER TABLE customers
19 ADD PRIMARY KEY (id);
20
21 ALTER TABLE customers
22 MODIFY id int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;
crud-bootstrap.sql hosted with ❤ by GitHub view raw
Agora, abra o phpMyAdmin do XAMPP e crie um banco de dados. Eu

coloquei o nome como wda_crud.
Se preferir, pode fazer via SQL direto (na aba SQL, do phpMyAdmin):
CREATE DATABASE wda_crud;
Depois que criar, use o SQL acima para criar a tabela ‘customers‘ nesse
banco de dados.
Passo 2: Crie o Arquivo de Configurações do Sistema
Agora, vamos criar um arquivo de configurações, que vai guardar todos os

dados que vão ser usados em todos os outros scritps PHP do sistema.
Crie um arquivo chamado config.php, na pasta principal, e coloque o

código a seguir:
1 <?php
2
3 /** O nome do banco de dados*/
4 define('DB_NAME', 'wda_crud');
5
6 /** Usuário do banco de dados MySQL */
7 define('DB_USER', 'root');
8
9 /** Senha do banco de dados MySQL */
10 define('DB_PASSWORD', '');
11
12 /** nome do host do MySQL */
13 define('DB_HOST', 'localhost');
14
15 /** caminho absoluto para a pasta do sistema **/
16 if ( !defined('ABSPATH') )
17 define('ABSPATH', dirname(__FILE__) . '/');
18
19 /** caminho no server para o sistema **/
20 if ( !defined('BASEURL') )
21 define('BASEURL', '/crud-bootstrap-php/');
22
23 /** caminho do arquivo de banco de dados **/
24 if ( !defined('DBAPI') )
25 define('DBAPI', ABSPATH . 'inc/database.php');
config.php hosted with ❤ by GitHub view raw
Este arquivo de configurações é baseado no wp-config do WordPress.
Os quatro primeiros itens são as constantes que vão guardar as

credenciais para acessar o banco de dados:
o DB_NAME define o nome do seu banco de dados;
o DB_USER é o usuário para acessar o banco de dados;
o DB_PASSWORD é a senha deste usuário (no XAMPP, este usuário

root não tem senha);
e o DB_HOST é endereço do servidor do banco de dados;
Você deve modificar esses valores de acordo com o seu ambiente de

desenvolvimento, ou de produção.
Além dessas constantes, temos mais duas outras que são muito
importantes:
O ABSPATH, na linha 17, define o caminho absoluto da pasta

deste webapp no sistema de arquivos.
Ela vai ser usada para chamar os outros arquivos e templates via PHP
(usando o include_once), já que ela guarda o caminho físico da pasta.
E o BASEURL, na linha 21, define o caminho deste webapp no servidor

web.
Esse valor deve ser igual ao nome da pasta que você criou no começo do
projeto. Ela será usada para montar os links da aplicação, já que ela
guarda a URL inicial.
Depois, nós vamos adicionar mais itens neste arquivo de configurações.

Por enquanto, esses aí são suficientes para conectar com o banco.
Você pode criar outros itens próprios, também, se precisar.
Passo 3: Implemente o script de Conexão com o Banco de

Dados
Vamos criar um arquivo que vai ter todas as funções de acesso ao banco
de dados. Assim, podemos reaproveitar código nas outras partes do
CRUD.
Crie um arquivo chamado database.php, na pasta inc do seu projeto, e

coloque o código a seguir:
1 <?php
2
3 mysqli_report(MYSQLI_REPORT_STRICT);
4
5 function open_database() {
6 try {
7 $conn = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME
8 return $conn;
9 } catch (Exception $e) {

10 echo $e->getMessage();
11 return null;
12 }
13 }
14
15 function close_database($conn) {
16 try {
17 mysqli_close($conn);
18 } catch (Exception $e) {
19 echo $e->getMessage();
20 }
21 }
database.php hosted with ❤ by GitHub view raw
Este será um arquivo de funções do banco de dados. Tudo que for relativo
ao BD estará nele.
Vamos entender esses códigos…
Primeiramente, na linha 3, configuramos o MySQL para avisar sobre erros

graves, usando a função mysqli_report(). Depois, temos duas funções.
A primeira função – open_database() – abre a conexão com a base de

dados, e retorna a conexão realizada, se der tudo certo. Se houver
algum erro, a função dispara uma exceção, que pode ser exibida ao
usuário.
Já a segunda função – close_database($conn) – fecha a conexão que for

passada. Se houver qualquer erro, a função dispara uma exceção,
também.
Observe as constantes sendo usadas (DB_HOST, DB_USER,

DB_PASSWORD, DB_NAME). Dessa forma, caso você mude de servidor ou
de BD, basta alterar o arquivo de configurações; sem precisar mexer no
código principal.
Passo 4: Teste a Conexão

Agora sim, vamos ver se o banco de dados está conectado ao CRUD.
Crie um arquivo chamado index.php, na pasta principal, e coloque o

código a seguir:
1 <?php require_once 'config.php'; ?>

2 <?php require_once DBAPI; ?>
3
4 <?php
5 $db = open_database();
6
7 if ($db) {
8 echo '<h1>Banco de Dados Conectado!</h1>';
9 } else {
10 echo '<h1>ERRO: Não foi possível Conectar!</h1>';
11 }
12 ?>
index.php hosted with ❤ by GitHub view raw
Para entender, rapidamente:
Primeiro, adicionamos o arquivo de configurações e o arquivo de funções

do banco de dados (ou API de Banco de Dados), usando o require_once.
Depois, usamos a função para abrir a conexão. E, então, é feito um teste

para saber se a conexão existe: if ($db) …
Vamos ver se funciona… Acesse o CRUD pelo navegador:
http://localhost/crud-bootstrap-php
Se aparecer a mensagem ‘Banco de Dados Conectado!‘, sua conexão

está OK.
Senão, verifique se o MySQL está iniciado e verifique se as credenciais

estão corretas (DB_HOST, DB_USER, DB_PASSWORD, DB_NAME).
Qualquer item errado causa falha na conexão.
Até aqui, seu projeto deve estar assim:
crud-bootstrap-php
css
fonts
inc
database.php
js
config.php
index.php
Próximos Passos…
No próximo tutorial, vamos implementar os arquivos de template do
cabeçalho (header) e do rodapé (footer) para usar em todo o projeto.
Também vamos criar uma página inicial com os botões de acesso para as
funcionalidades do CRUD.
Até a próxima!
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, PHP
50 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
yhury • um ano atrás

ta aparecendo esse erro no meu alguém pode me ajudar ?
Objeto não encontrado!

A URL requisitada não foi encontrada neste servidor. Se você digitou o
endereço (URL) manualmente, por favor verifique novamente a sintaxe do
endereço.
Se você acredita ter encontrado um problema no servidor, por favor entre em

contato com o webmaster.
Error 404
localhost
Apache/2.4.43 (Win64) OpenSSL/1.1.1g PHP/7.4.8
△ ▽ • Responder • Compartilhar ›
kaue • 2 anos atrás

Onde esta o link pra baixar toda a estrutura?
João Pedro Mariotti • 2 anos atrás

Toda vez que tento acessar a URL aparece a seguinte mensagem:

Access denied for user 'root'@'localhost' (using password: YES)
O problema é que nem senha estou usando para meus usuários e o servidor
nem chega a reconhecer isso
Thiago Moskito > João Pedro Mariotti • um ano atrás

Exatamente esse o problema. Geralmente, servidor localhost não
deixa você usar usuário super admin (root) para aplicação local, não
deixa usar usuário global (tem que definir o acesso ao localhost) e
nem usuário sem senha.
Em suma, não use o root, crie um usuário, coloque uma senha pra ele
e declare o uso no localhost. Só isso.
Viviane Ruiz • 3 anos atrás

Qual o correspondente mysqli_report(MYSQLI_REPORT_STRICT); no
Postgres?
Thiago Frederico > Viviane Ruiz • 3 anos atrás

Também gostaria de saber.
Cleiton • 4 anos atrás

Bom Dia, estou iniciando no desenvolvimento Web e estou seguindo esse
conteúdo para o desenvolvimento, mas gostaria de saber se podem me
ajudar.
Instalei o Xampp e estou usando para servidor Apache.

Estou tentando estabelecer conexão com um banco de dados externo, mais
estou tendo problemas, tentei diversas vezes mas não consegui resolver o
problema.
Tenho 3 arquivos diferentes:
config.php
/** O nome do banco de dados*/

define('DB_NAME', 'bd');
/** Usuário do banco de dados MySQL */

define('DB_USER', 'usuario');
/** Senha do banco de dados MySQL */

ver mais
Diego Albuquerque • 4 anos atrás

R l id ! D t i li h "
https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte1/
t i h li dll" i 10/18
Resolvido! Descomentei a linha "extension=php_mysqli.dll" no arquivo
"php.ini". :)
Diego Albuquerque • 4 anos atrás

Ruan, bom dia! Gostaria inicialmente de agradecer por vc estar
compartilhando esse conhecimento com todos! :)
Eu sou iniciante na área, e estou tendo um problema com uma mensagem de

erro abaixo,
Por gentileza, vc consegue me ajudar?
Um abraço e obrigado!
Erro: Fatal error: Call to undefined function mysqli_report() in

D:MSXwwwrootprojetoXincdatabase.php on line 3
">>> LINHA 3
function open_database() {
try {
$conn = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
return $conn;
} catch (Exception $e) {

ver mais
Diego Albuquerque > Diego Albuquerque • 4 anos atrás

A linha 3 é a: mysqli_report(MYSQLI_REPORT_STRICT);
Vic Bormo • 4 anos atrás

excelente post! Parabéns.
Por favor, poderia me dar uma ajuda? Quero alterar a tabela customers para
companies, porém os campos e quantidades de campos da tabela companies
são totalmente diferentes da tabela origial (customers). Eu alterei a
save('customers', $customer) para save('companies', $customer) e nas tags o
name="customer['name_abs']" deixei o mesmo nome name_abs.
O sistema grava, porém somente campo null... onde mais preciso alterar?
Obrigado!
Ruan Carvalho > Vic Bormo • 4 anos atrás

Bom, deve alterar só isso mesmo.
E, na tabela, o nome da coluna deve ser igual ao que você definiu no
atributo name.
Ex: para customer['name_abs'] a coluna deve ser name_abs
Use a função print_r($customers) pra ver se que está indo alguma

coisa errada no array.
Vic Bormo > Ruan Carvalho • 4 anos atrás

Realmente foi bobeira escrita no array :(
Está funcionando perfeitamente agora!
muito obrigado!
Junior • 4 anos atrás

Código está dando o seguinte erro...
Warning: require_once(DBAPI): failed to open stream: No such file or directory

in /opt/lampp/htdocs/webapp/index.php on line 2
Fatal error: require_once(): Failed opening required 'DBAPI'
(include_path='.:/opt/lampp/lib/php') in /opt/lampp/htdocs/webapp/index.php
on line 2
Paulo • 4 anos atrás

Olá Ruan, Sou novato em PHP e Bootstrap, e iniciei a montagem do meu
ambiente para acompanhar o curso. Você usa alguma IDE ou apenas editor
de texto para programar ? Recomenda alguma IDE ?
Ruan Carvalho > Paulo • 4 anos atrás

Olá Paulo. Sugiro que você não use IDE's para desenvolvimento web.
Elas mais atrapalham do que ajudam.
Recomendo usar o Atom.io ou o Sublime Text. Você pode instalar

plugins que agilizam várias coisas, como o Emmet.
graziela • 4 anos atrás

Onde fica a variavel dizendo o nome da tabela? Em database.php tem a
variavel $table, mas eu não consigo achar onde esta o valor definindo ela.
Modifiquei function index() {
global $customers;
$customers = find_all('cli_form');
}
para a minha tabela e pegam os dados dela, mas ainda não consigo fazer
modificações.
Ruan Carvalho > graziela • 4 anos atrás

O nome da tabela é passado como parâmetro na chamada da função:
find_all( $table )
No seu caso, você passou como tabela o 'cli_form'. A função vai

procurar essa tabela, se existir. Isso está na parte 3 dessa série.
Wilton Basilio • 5 anos atrás

Olá Ruan Carvalho,
Estou com o mesmo erro que apareceu ao Afonso Silva e o Ari Rodrigues.
Agradeço imensamente se você puder ajudar ajuda.
Parabens pelo material, excelente qualidade.

in C:xampphtdocssoftwareclassesteste.php on line 7

(include_path='C:xamppphpPEAR') in
C:xampphtdocssoftwareclassesteste.php on line 7
Wilton Basilio > Wilton Basilio • 5 anos atrás

Consegui corrigir meu erro, era uma chave a mais, agora deu certo.
To na parte IV já, muito foda, show esse material.
Obrigado mais uma vez.

Higino Fernandes Sumbana Junio • 5 anos atrás

Muito boa a aula
Cassio Ribeiro • 5 anos atrás

sou iniciante, eu to acompanhando os tutoriais, mas me perde quando
chegou nessa parte, segue abaixo.
--------------------------------------------------------------------------------------------------------
---------------------------------------------------
Objeto não encontrado!
A URL requisitada não foi encontrada neste servidor. O link na página referida
parece estar com algum erro ou desatualizado. Por favor informe o autor
desta página sobre o erro.
Se você acredita ter encontrado um problema no servidor, por favor entre em

contato com o webmaster.
Error 404
localhost
Apache/2.4.23 (Win32) OpenSSL/1.0.2h PHP/7.0.13
juniormarques100 > Cassio Ribeiro • 4 anos atrás

Estou com este mesmo problema Ruan pode nos ajudar? Desde já
Estou com este mesmo problema Ruan, pode nos ajudar? Desde já
agradeço. Sou iniciante em php.
Cleuton > juniormarques100 • 4 anos atrás

talvez a pasta do projeto esteja no diretório errado, eu também
tava com esse problema. O diretório correto no XAMPP é:
C:xampphtdocscrud-bootstrap-php
Ruan Carvalho > juniormarques100 • 4 anos atrás

Erro 404 é página não encontrada.
Você precisa verificar se está chamando o endereço da página

corretamente.
Verifique o BASE_URL, usando a função print_r()
Eduardo • 5 anos atrás

No código existente junto ao passo '2' está faltando o fechamento da tag do
php.
Ruan Carvalho > Eduardo • 5 anos atrás

Em scripts que só contenham código PHP, não é necessário fechar a
tag no final do arquivo.
Guilherme • 5 anos atrás

Poderia me explicar esse trecho do coder pf, do que se trata mais
especificamente esse DBAPI?
/** caminho do arquivo de banco de dados **/

if ( !defined('DBAPI') )
define('DBAPI', ABSPATH . 'database.php');
Ruan Carvalho > Guilherme • 5 anos atrás

Nesse trecho, o DBAPI é uma constante que está sendo criada.
Ela vai guardar o caminho completo do arquivo database.php.
Isso serve para que você não tenha que digitar o caminho sempre que
for importar (include) o arquivo.
Paulo Henrique • 5 anos atrás

Como que eu faço para alterar o formato da data?
valeeeu
Afonso Silva • 5 anos atrás

Olá,
Estou acompanhando seu tutorial fazendo uma pagina de cadastro de

clientes como tu fez. Só coloquei o arquivo do database em outra pasta. Mas
está dando o mesmo erro do Ari Rodrigues.
Segue o erro:

in C:xampphtdocssoftwareclassesteste.php on line 7

(include_path='C:xamppphpPEAR') in
C:xampphtdocssoftwareclassesteste.php on line 7
Não sei onde está errado. Pois fiz e refiz a configuração inteira de acordo seu
tutorial. Espero que possa me ajudar :(
Felipe • 5 anos atrás

opa nao entendi como entrar na tela para testar a conexão com servidor, ao
clicar no botão desta pagina ele nao encontra nada e mesmo mudando para o
mesmo nome da pasta do meu projeto ele nao encontra
Ruan Carvalho > Felipe • 5 anos atrás

Você tem que estar com seu servidor local ativado.
Dá uma revisada na introdução (http://webdevacademy.com.br... e nas

ferramentas necessárias.
Isadora Natasha • 5 anos atrás

Eu não estou conseguindo :c
Ari Rodrigues • 5 anos atrás

Parabens Ruan pelo trabalho, mas estou com um pequeno problema.
Está dando o seguinte erro.

in /var/www/html/controle/index.php on line 11

(include_path='.:/usr/share/php:/usr/share/pear') in
/var/www/html/controle/index.php on line 11
Obs: só não estou usando o mesmo nome da página, mas a estrutura delas
está igual ao tutorial.
Uso o Linux Mint Cinnamon 17.3

Se puder me ajudar a resolvê-lo eu agradeço muito.
Ari Rodrigues > Ari Rodrigues • 5 anos atrás

Encontrei o erro...
tinha colocado aspas simples em . esse era o erro.

o correto é , como esta no tutorial.
Falta de atenção minha. rsrs

Gerson dos prazeres • 5 anos atrás

Boa tarde professor desculpa mais uma vez não pude receber o livro mais me
escrevi no canal
Ruan Carvalho • 5 anos atrás

Se está em branco, pode ser um erro na conexão.
Tenta colocar um ELSE na página index.php
if ($db) { echo 'Banco de Dados Conectado!'; } else { echo 'Não foi possível
conectar.'; }
Depois, revise o passo 2. Pode ter algum erro de credencial no config.php

LUCEMIRO BUENO DA SILVA • 5 anos atrás

Muito bom seu tutorial,
Mas eu estou com uma dificuldade fiz o exemplo do jeito que você passou só
que meu navegador esta trazendo a pagina em branco...
já testei o apache ta OK
o mysql esta OK
o que pode ser?

Ruan Carvalho > LUCEMIRO BUENO DA SILVA • 5 anos atrás

Se está em branco, pode ser um erro na conexão.
Tenta colocar um ELSE na página index.php
if ($db) { echo 'Banco de Dados Conectado!'; } else { echo 'Não foi

possível conectar.'; }
Depois, revise o passo 2. Pode ter algum erro de credencial no

config.php
LUCEMIRO BUENO DA SILVA > Ruan Carvalho • 5 anos atrás

Revisei o código mas não encontrei o erro, se puder me ajudar

eu agradeço olha o código...
index.php
....
LUCEMIRO BUENO DA SILVA > LUCEMIRO BUENO DA

SILVA • 5 anos atrás
Não consigo postar o código
Ruan Carvalho > LUCEMIRO BUENO DA SILVA

• 5 anos atrás
Cria um gist com o códgo (https://gist.github.com) e bota
o link aqui.
Wilton • 5 anos atrás

Meus parabéns amigo, sou sempre grato a você. Continue, estou
compartilhando suas aulas nas mídias sociais.
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 ↑

CRUD com Bootstrap, PHP &amp; MySQL - Parte I - Web Dev Academy

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

CRUD com Bootstrap, PHP &amp; MySQL - Parte I - Web Dev Academy

Enviado por

Direitos autorais:

Formatos disponíveis

17/09/2021 22:31 CRUD com Bootstrap, PHP & MySQL - Parte I - Web Dev Academy

CRUD com Bootstrap, PHP & MySQL – Parte I

A maior parte dos sistemas em PHP é feito com um banco de dados no

Se você ainda não estiver com o ambiente pronto, é só ver a introdução

Passo 1: Crie o Banco de Dados e a Tabela de Clientes

O mapeamento das colunas da tabela de clientes ficou assim:

Clientes (codigo, nome, cpf/cnpj, data de nascimento,

Uma boa prática, que eu sempre recomendo, é você traduzir os nomes de

Então, nós vamos ter os seguintes campos:

1 CREATE TABLE customers (

3 name varchar(255) NOT NULL,

5 birthdate date NOT NULL,

6 address varchar(255) NOT NULL,

8 zip_code int(8) NOT NULL,

9 city varchar(100) NOT NULL,

11 phone int(13) NOT NULL,

12 mobile int(13) NOT NULL,

13 ie int(11) NOT NULL,

14 created datetime NOT NULL,

15 modified datetime NOT NULL

19 ADD PRIMARY KEY (id);

22 MODIFY id int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;

crud-bootstrap.sql hosted with ❤ by GitHub view raw

Agora, abra o phpMyAdmin do XAMPP e crie um banco de dados. Eu

CREATE DATABASE wda_crud;

Passo 2: Crie o Arquivo de Configurações do Sistema

Agora, vamos criar um arquivo de configurações, que vai guardar todos os

Crie um arquivo chamado config.php, na pasta principal, e coloque o

17 define('ABSPATH', dirname(__FILE__) . '/');

25 define('DBAPI', ABSPATH . 'inc/database.php');

config.php hosted with ❤ by GitHub view raw

Este arquivo de configurações é baseado no wp-config do WordPress.

Os quatro primeiros itens são as constantes que vão guardar as

o DB_NAME define o nome do seu banco de dados;

o DB_USER é o usuário para acessar o banco de dados;

o DB_PASSWORD é a senha deste usuário (no XAMPP, este usuário

e o DB_HOST é endereço do servidor do banco de dados;

Você deve modificar esses valores de acordo com o seu ambiente de

O ABSPATH, na linha 17, define o caminho absoluto da pasta

E o BASEURL, na linha 21, define o caminho deste webapp no servidor

Depois, nós vamos adicionar mais itens neste arquivo de configurações.

Você pode criar outros itens próprios, também, se precisar.

Passo 3: Implemente o script de Conexão com o Banco de

Crie um arquivo chamado database.php, na pasta inc do seu projeto, e

9 } catch (Exception $e) {

database.php hosted with ❤ by GitHub view raw

Vamos entender esses códigos…

Primeiramente, na linha 3, configuramos o MySQL para avisar sobre erros

A primeira função – open_database() – abre a conexão com a base de

Já a segunda função – close_database($conn) – fecha a conexão que for

Observe as constantes sendo usadas (DB_HOST, DB_USER,

Passo 4: Teste a Conexão

Crie um arquivo chamado index.php, na pasta principal, e coloque o

1 <?php require_once 'config.php'; ?>

8 echo '<h1>Banco de Dados Conectado!</h1>';

10 echo '<h1>ERRO: Não foi possível Conectar!</h1>';

index.php hosted with ❤ by GitHub view raw

Para entender, rapidamente:

Primeiro, adicionamos o arquivo de configurações e o arquivo de funções

Depois, usamos a função para abrir a conexão. E, então, é feito um teste

Vamos ver se funciona… Acesse o CRUD pelo navegador:

Se aparecer a mensagem ‘Banco de Dados Conectado!‘, sua conexão

Senão, verifique se o MySQL está iniciado e verifique se as credenciais

Até aqui, seu projeto deve estar assim:

CRUD com Bootstrap, PHP & MySQL - Parte I - Web Dev Academy

CRUD com Bootstrap, PHP & MySQL - Parte I - Web Dev Academy

17 define('ABSPATH', dirname(FILE) . '/');

/ caminho do arquivo de banco de dados /