Aula 09 - Conexão Com Banco de Dados

Programação – Web Coding
Conexão com Banco de Dados
Ma. Samara Souza

samaraaveras07@gmail.com
Samara Souza Programação – Web Coding Aula 09

Atividade Prática
❏ Para estabelecer uma conexão entre um código PHP e um banco de dados, é
fundamental criar o banco de dados junto com as tabelas necessárias.
❏ O banco de dados utilizado será o MariaDB explicado anteriormente.
Samara Souza Programação – Web Coding Aula 09 02

Exemplo Prático
❏ Abrir MySQL Client:

Exemplo Prático
❏ Insira a senha: mariadb

Exemplo Prático
❏MariaDB:
❏ Após a senha digitada, será direcionado para essa tela inicial.

Exemplo Prático
❏MariaDB:
❏ Criando banco de dados:

Exemplo Prático
❏MariaDB:
❏ Exibindo banco de dados:

Exemplo Prático
❏MariaDB:
❏ Selecionando o banco de dados que será utilizado:

Exemplo Prático
❏MariaDB:
❏ Criando tabela no banco de dados:

Exemplo Prático
❏MariaDB:
❏ Exibir tabelas no banco de dados:

Exemplo Prático
❏MariaDB:
❏ Exibir colunas da tabela:

Exemplo Prático
❏MariaDB:
❏ Inserir dados na tabela:

Exemplo Prático
❏MariaDB:
❏ Exibir dados adicionados na tabela:

Exemplo Prático
❏MariaDB:
❏ Atualizando dados adicionados na tabela:

Exemplo Prático
❏MariaDB:
❏ Alterando a tabela do banco de dados (adicionando coluna):

Exemplo Prático
❏ MariaDB:
❏ Deletando todos os dados da tabela:

Exemplo Prático
❏ Criar código HTML:
❏ Para o exemplo prático, deverá ser criado uma tela simples em HTML
demonstrada no exemplo abaixo:

Exemplo Prático
❏ Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Cadastro de Clientes</title>
</head>
<body>
<h1>Cadastro de Clientes</h1>
<form action="ConexaoBD.php" method="POST"> // nome do arquivo em PHP
<label for="nome">Nome:</label>
<input type="text" name="nome" required><br><br>
<label for="idade">Idade:</label>
<input type="number" name="idade"><br><br>
<label for="email">E-mail:</label>
<input type="email" name="email" required><br><br>
<input type="submit" value="Cadastrar">
</form>
</body>
</html>

Exemplo Prático
❏ Criar código PHP:
❏ A realização da conexão é feita através do PHP com o banco de dados.
❏ No PHP terá que ter o acesso ao banco, com o usuário, senha e o
nome do banco de dados criado.
❏ Além também de referenciar qual o tipo de requisição (a que vamos
fazer é do tipo POST).
❏ A requisição POST é usada para enviar dados ao banco de dados de
forma mais segura e oculta. Ela é ideal para formulários que contêm
informações sensíveis ou grandes volumes de dados.
❏ Existem vários tipos de requisições, sendo uma delas amplamente
utilizada: a requisição do tipo GET. A requisição GET é empregada para
obter informações do banco de dados.

Exemplo Prático
❏ Para rodar a sua aplicação:
• Baixe a extensão PHP Server

Exemplo Prático
Pesquise pelo documento: my.ini (MariaDB xx.x (64x))
Agora mude a porta para: 3307

Exemplo Prático
❏ Criar código PHP:
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Conecte-se ao banco de dados (substitua com suas
próprias credenciais)
$servername = "localhost:3307";
$username = "root";
$password = "senha";
$dbname = "mercado";
$conn = new mysqli($servername, $username, $password,

$dbname);
Exemplo Prático
if ($conn->connect_error) {
die("Conexão ao banco de dados falhou: ”. $conn->connect_error);
} else {
echo("Conexão com banco de dados realizada!! <br>");
} // Mensagens para verificar se houve ou não conexão com o banco de
dados
// Receba dados do formulário

$nome = $_POST["nome"];
$idade = $_POST["idade"];
$email = $_POST["email"];
// Inserir dados na tabela CLIENTES

$sql = "INSERT INTO clientes (nome, idade, email) VALUES ('$nome',
'$idade', '$email')";

Exemplo Prático
if ($conn->query($sql) === TRUE) {
echo "Cliente cadastrado com sucesso!";
} else {
echo "Erro: " . $sql . "<br>" . $conn->error;
}
$conn->close(); // fechando a conexão com o banco de dados do mariaDB

}
?>

Exemplo Prático
Para executar seu código, clique com o botão direito do mouse -> PHP
Server Project
Depois:

Exercícios em sala
❏ Faça os exercício abaixo utilizando mariaDB, PHP e HTML:
1. Crie um novo banco de dados;
2. Adicione 2 tabelas (Clientes e Produtos);
3. Na tabela de cliente, adicione no mínimo 4 colunas ex: ID, Nome, Telefone,
Email e Endereço.
4. Na tabela produtos, adicione no mínimo 3 colunas ex: ID, nome_produto,
preco_produto.
5. Crie duas páginas HTML com os campos exigidos no banco de dados.
6. Faça a conexão das duas páginas HTML com o banco de dados utilizando
PHP. (Cada página de HTML deverá ter uma página de requisição em PHP).
7. Os IDs deverão ser chaves primárias e devem ter auto incremento.

Exercícios em sala
❏ Faça os exercício abaixo utilizando mariaDB:
1.Crie um banco de dados chamado "escola".
2.Dentro do banco de dados "escola", crie uma tabela
chamada "alunos" com as seguintes colunas: ID (chave
primária) auto incremento, Nome, Idade e Nota.
3.Insira três alunos na tabela "alunos" com os
seguintes valores: (João, 18 anos, 9.5 de nota),
(Maria, 20 anos, 8.7 de nota), (Pedro, 19 anos, 7.2
de nota).
4.Atualize a nota do aluno "Maria" para 9.0.
5.Exclua o aluno "Pedro" da tabela "alunos".

Exercícios em sala
❏ Faça os exercício abaixo utilizando mariaDB:
1.Execute uma consulta para listar todos os alunos da
tabela "alunos".
2.Execute uma consulta para encontrar o aluno com a nota
mais alta.
3.Execute uma consulta para encontrar a média de idade dos
alunos.
4.Execute uma consulta para encontrar o número de alunos
com idade acima de 18 anos.
5.Adicione uma nova coluna chamada "Cidade" à tabela
"alunos" para armazenar a cidade de cada aluno.
6.Atualize os registros existentes para preencher a coluna
"Cidade" com cidades fictícias de sua escolha.

Projeto Final
❏ Descrição do Projeto:
1. Você deve criar uma aplicação web usando HTML(5), CSS(3), Javascript, PHP,
com acesso a banco de dados no MariaDB para simulação de um site de vendas
(Ex.: roupas, mercado, eletrônicos, etc...).
2. O site deve possuir tela de cadastros de clientes e produtos, que serão inseridos
no banco de dados e uma tela de vendas dos produtos.
3. Na tabela de cliente, adicione no mínimo 4 colunas ex: ID, Nome, Telefone,
Email e Endereço.
4. Na tela de produtos adicione no mínimo 3 colunas ex: ID, nome do produto e o
preço.
5. Na tela de vendas adicione no mínimo 5 colunas ex: ID, nome do cliente, nome
do produto, quantidade desejada de produtos, valor da venda e valor do frete.

Projeto Final
❏ Descrição do Projeto:
6. Na página HTML de Vendas deve haver a busca do cep para cálculo do frete (VIACEP
ou outra de sua preferência).
7. O Banco de dados deverá ter no mínimo as tabelas CLIENTES, PRODUTOS e
VENDAS, contudo se acharem necessário podem criar mais.

Projeto Final
❏ Pontuação (5pt):
1. HTML(5): total de 1,0 pt
a. Formulários de Cadastros: 0,5 pt
b. Organização: 0,5 pt
2. CSS(3): total de 1,0 pt
a. Responsividade: 0,5 pt
b. Animações: 0,5 pt
3. Javascript: total de 1,0 pt
a. Consulta à API: 0,5 pt
b. Carregamento dos dados: 0,5pt
4. PHP: total de 1,0 pt
a. Consultas e conexões: 0,5pt
b. Requisições 0,5pt
5. Banco de Dados (mariaDB): total de 1,0pt
Projeto Final
❏ Outras informações:
❏ A atividade pode ser feita no máximo em trio;
❏ Apenas um integrante da equipe deve fazer a entrega do trabalho pelo
Teams, mas o nome completo de todos os integrantes deve ser
informado.
❏ Entregue o projeto ZIPADO (formato .zip).
❏ O prazo de entrega é dia 03/12 às 23:59.
❏ Projetos entregues fora do prazo terão nota reduzida em 30%.
❏ Projetos iguais ou muito parecidos ou copiados da internet não serão
considerados.
❏ Use a sua criatividade e seja perseverante!
❏ Bom trabalho!

Programação – Web Coding
Conexão com Banco de Dados
Ma. Samara Souza

samaraaveras07@gmail.com
Samara Souza Programação – Web Coding Aula 09

Aula 09 - Conexão Com Banco de Dados

Enviado por

Dados do documento

Título original

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

Aula 09 - Conexão Com Banco de Dados

Enviado por

Direitos autorais:

Formatos disponíveis

Programação – Web Coding

Conexão com Banco de Dados

Ma. Samara Souza

Samara Souza Programação – Web Coding Aula 09

Samara Souza Programação – Web Coding Aula 09 02

Samara Souza Programação – Web Coding Aula 09 03

Samara Souza Programação – Web Coding Aula 09 04

Samara Souza Programação – Web Coding Aula 09 05

Samara Souza Programação – Web Coding Aula 09 06

Samara Souza Programação – Web Coding Aula 09 07

Samara Souza Programação – Web Coding Aula 09 08

Samara Souza Programação – Web Coding Aula 09 09

Samara Souza Programação – Web Coding Aula 09 10

Samara Souza Programação – Web Coding Aula 09 11

Samara Souza Programação – Web Coding Aula 09 12

Samara Souza Programação – Web Coding Aula 09 13

Samara Souza Programação – Web Coding Aula 09 14

Samara Souza Programação – Web Coding Aula 09 15

Samara Souza Programação – Web Coding Aula 09 16

Samara Souza Programação – Web Coding Aula 09 17

Samara Souza Programação – Web Coding Aula 09 18

Samara Souza Programação – Web Coding Aula 09 19

Samara Souza Programação – Web Coding Aula 09 20

Agora mude a porta para: 3307

Samara Souza Programação – Web Coding Aula 09 21

$conn = new mysqli($servername, $username, $password,

// Receba dados do formulário

// Inserir dados na tabela CLIENTES

Samara Souza Programação – Web Coding Aula 09 23

$conn->close(); // fechando a conexão com o banco de dados do mariaDB

Samara Souza Programação – Web Coding Aula 09 24

Samara Souza Programação – Web Coding Aula 09 25

Samara Souza Programação – Web Coding Aula 09 26

Samara Souza Programação – Web Coding Aula 09 27

Samara Souza Programação – Web Coding Aula 09 28

Samara Souza Programação – Web Coding Aula 09 29

Samara Souza Programação – Web Coding Aula 09 30

Samara Souza Programação – Web Coding Aula 09 32

Ma. Samara Souza

Samara Souza Programação – Web Coding Aula 09

Você também pode gostar