Programando comOFICINA DE VERÃO

INSTRUTOR: ANDERSON HENRIQUE

AULA 04 – PHP E BANCO DE DADOS MYSQL

Conteúdo:

Tendo acesso ao nosso banco de dados no localhost (abrindo nosso

phpMyAdmin, entendo um banco de dados, criando um banco de

dados e uma tabela dentro do nosso banco;

Criando uma página de conexão com nosso banco de dados em

PHP;

Criando um formulário e uma página php para receber as

informações dos campos (aula 03), inserindo dados no banco de

dados usando SQL (INSERT INTO);

Fazendo uma simples consulta no banco de dados usando SQL

(SELECT)

Iniciando serviços no XAMPP

Antes de começar, precisamos inicializar os nosso serviços disponíveis no XAMPP,

principalmente o Apache (nosso interpretador dos códigos PHP) e o MySQL (nosso

serviço de banco de dados);

NO NOSSO DIRETÓRIO RAIZ (HD),

VAMOS ACESSAR A NOSSA PASTA XAMPP

DENTRO DA PASTA XAMPP, PROCURE O ARQUIVO EXECUTÁVEL CHAMADO XAMPP-CONTROL

APÓS EXECUTÁ-LO, VOCÊ ABRIRÁ

ESSE PAINEL DE CONTROLE DO XAMPP;

PRESSIONE O START NO APACHE E

NO MySQL SERVICES E AGUARDE...

VERIFIQUE SE O APACHE E O MySQL

FORAM INICIALIZADOS E ESTÃO

RODANDO...

APÓS EXECUTÁ-LOS, VAMOS TESTAR

OS NOSSOS SERVIÇOS NO NOSSO

NAVEGADOR:

DIGITE NA BARAR DE ENDEREÇOS:

Localhost OU 127.0.0.1

SE O SERVIÇO DO XAMPP

ESTIVER RODANDO ESSA

PÁGINA SERÁ EXIBIDA;

OBSERVE ESSE PAINEL

LARANJA NO SEU LADO

ESQUERDO;

LÁ EMBAIXO VOCÊ TERÁ

OPÇÃO TOOLS

1- VOCÊ TERÁ A VERSÃO DO XAMPP QUE ESTÁ USANDO E ABAIXOA VERSÃO DO PHP QUE ELE SUPORTA

2- AQUI VOCÊ TEM A PÁGINA DE BEM VINDO, O STATUS DO SERVIDORLOCAL, TODA A DOCUMENTAÇÃO, COMPONENTES E AS

APLICAÇÕES

3- AQUI VOCÊ TEM DOCUMENTAÇÃO QUE INFORMA TUDO SOBRE O PHP QUE ESTÁ SENDO UTILIZADO, ALGUNS EXEMPLOS DE

PROGRAMAS

4- AQUI VOCÊ TEM AS FERRAMENTAS QUE PODERÃO SER UTILIZADAS NASSUAS APLICAÇÕES WEB:

phpMyAdmin (onde iremos administrar o nosso banco de dados)FileZilla FTP (serviço para transferência de arquivos na Web)

Webalizer (serviços de estatísticas do servidor)Mail (serviço local para envio de mensagens eletrônicas)

ACESSANDO O phpMyAdmin, VOCÊ TERÁ ACESSO A ESTA PÁGINA, ABAIXO:

AGORA DEIXE ESSA PÁGINA ABERTA, VAMOS CONSTRUIR NOSSOFORMULÁRIO EM HTML, DEPOIS CRIAREMOS NOSSO BANCO DE

DADOS E A NOSSA TABELA DENTRO DO BANCO.

Nosso formulário exemplo:

SALVE ESSE ARQUIVO

COM A EXTENSÃO

HTML.

Formulário ficou assim:

OBSERVE QUE NESSE FORMULÁRIO, NO ATRIBUTO action, INFORMAMOS QUE NOSSAS

INFORMAÇÕES SERÃO ENVIADAS PARA UMA PÁGINA PHP, CHAMADA insert,

VAMOS CRIAR ESSA PÁGINA:

Eis nosso arquivo em PHP

VAMOS FAZER O TESTE DE MESA, APENAS

FAZENDO A IMPRESSÃO DAS INFORMAÇÕES

ARMAZENADAS PELAS VARIÁVEIS EM TELA

USANDO O COMANDO DE SAÍDA

ECHO

O resultado foi:

Criando o banco de dados

VOLTE PARA A PÁGINA DO

PhpMyAdmin, E CLIQUE NA

OPÇÃO “Base da Dados”

Nomeando o nosso BD

No campo Create database, insira o nome do

Nosso banco de dados, como exemplo vamos

Usar o nome: “clientes”

Clique no botão Criarclientes

Observe banco de dados criado:

AGORA QUE O BANCO DE DADOS

JÁ FOI CRIADO VAMOS SELECIONÁ-LO

E CRIAR A NOSSA TABELA

NOSSA TABELA DEVERÁ CONTER OS

MESMO CAMPOS QUE FORAM

CRIADOS NO FORMULÁRIO DE

EXEMPLO:

nome

email

senha

Criando a tabela no banco

OBSERVE QUE NÃO FOI ENCONTRADA NENHUMA TABELA NA BASE DE DADOS, VAMOS CRIAR NOSSA

TABELA DANDO O NOME DE “clientes_tb”, E NO NÚMERO DE COLUNAS VAMOS COLOCAR O NÚMERO

DE CAMPOS QUE CONTÉM NO NOSSO FORMULÁRIO, ACRESCIDO DE UM, SERÁ NOSSO CAMPO DE

IDENTIFICAÇÃO “id”. Clique no botão “Executar”...

clientes_tb 4

Vamos criar nossos campos

id

nome

email

senha

varchar

varchar

varchar

11

250

250

250

No tipo especificamos

int do tipo inteiro para

o nosso índice, e

varchar para os demais

campos que receberãocaracteres variáveis, pode

ser uma string ou numérico,

ou acentos, pontos, vírgulas

e underline.

id 11

NO CAMPO id, precisamosindicar o índice como

chave primária, “primary”

e marcar a opção A_I

(autoincrement), ou seja, a cadacadastro que for efetuado no

nosso formulário, no campo índice

teremos um registro a mais sendo

somado, utilizando como tipo

um inteiro

id = 1, id = 2, id = 3.....

PRIMARY

VERIFIQUE SE OS CAMPOS FORAM PREENCHIDOS DE FORMA CORRETA, SE O CAMPO ID ESTÁ COMO PRIMARY E A OPÇÃOA_I ESTÁ MARCADA, SE SIM, VAMOS FINALIZAR A CRIAÇÃO DA NOSSA TABELA CLICANDO NO BOTÃO “Guardar” E PRONTO!

Tabela criada com sucesso...

AO CLICAR NA TABELA, NÓS RECEBEMOS A SEGUINTE MENSAGEM

SE QUISER VISUALIZAR A

ESTRUTURA DA TABELA

CLIQUE NO BOTÃO

“Estrutura”... VEJA

Pronto,...

AGORA VAMOS CRIAR NOSSO DOCUMENTO EM PHP PARA FAZER CONEXÃO COM O NOSSO

BANCO DE DADOS, LET’S GO...

Documento conexao.php

Modificando o insert.php

Verificando se código funciona...

APÓS PREENCHER OS CAMPOS E CLICAR

NO BOTÃO ENVIAR, O CÓDIGO PHP

INSERE OS DADOS NO BANCO E RETORNA

A MENSAGEM NA TELA

SISTEMA RODANDO 100%

PARABÉNS!!!

Melhorando nosso sistema

VAMOS UTILIZAR UM SCRIPT EM JAVA PARA O PROGRAMA RODAR COM PERFEIÇÃO, APÓS

MOSTRAR NA TELA “Cliente cadastrado com sucesso!”, REDIRECIONAR AUTOMATICAMENTE

A PÁGINA PARA A TELA DE CADASTRO NOVAMENTE

PERCEBA QUE O SCRIPT ESTÁ SENDO PUXADO DENTRO DO CÓDIGO EM PHP ATRAVÉS DO

COMANDO “<script>cadSucesso( )</script>”;

Consulta clientes

CÓDIGO DO FORMULÁRIO

ALTERADO, INSERINDO UM

LINK PARA A PÁGINA

“consulta_cli.php”

Página ficou assim...

AGORA VAMOS CRIAR A PÁGINA EM PHP

CHAMADA CONSULTA_CLI, COM O CÓDIGO

QUE PERMITE TRAZER AS INFORMAÇÕES DO

BANCO DE DADOS UTILIZANDO O SELECT (sql)

consulta_cli.php (código fonte)

VAMOS ENTENDER ESSE CÓDIGO

PASSO A PASSO:

Código para conectar com o banco de dados

Código para consultar (requerimento) do banco

Código para criar a variável que armazena informações e estabelecendo um critério na busca dentro de uma condição

Código para criar uma estrutura de repetição dentro da consulta, enquanto for encontrada informações armazenar osValores na variável

Código para exibir na tela as informações que foram encontra-das e armazenadas na variável linha, as informações serãoExibidas de acordo com a formatação que foi inserida no código

Se não for encontrada nenhuma informação, retornar aMensagem na tela

Sistema de busca finalizado...

EXERCÍCIOS LABORATÓRIO

CRIAR UM FORMULÁRIO UTILIZANDO A LINGUAGEM HTML, COM OSSEGUINTES CAMPOS: nome, email e telefone. Abrir o PhpMyAdmin

e criar o banco de dados e a tabela dentro do banco de dados,

criar o programa em PHP para conexão com o banco de dados,

criar a página insert.php para inserir as informações do formulário

no banco de dados;

CRIAR UMA PÁGINA DE CONSULTA PARA PUXAR AS INFORMAÇÕES

QUE FORAM INSERIDAS NO BANCO USANDO O SELECT (sql)

LET’S GO!