aula 05- construindo uma mini agenda com php
TRANSCRIPT
Professor Alan Jefferson
http://alanjxs.blogspot.com/
Objetivos Construir uma mini agenda em php e mysql visando a
prática de todos os conceitos já estudados em sala de aula;
A mini agenda que nós iremos desenvolver é bem simples e irá servir de exemplo para você desenvolver uma aplicação com as suas necessidades;
Nós iremos criar o CRUD(explicado mais a frente) com o PHP e MySQL.
Professor Alan Jefferson 2
CRUD É o acrônimo de Create, Retrieve, Update e Delete em
língua Inglesa para as quatro operações básicas utilizadas em banco de dados relacionais ou em
interface para usuários para criação, consulta, atualização e destruição de dados;
No português poderíamos chamar de:
VEIA: Visualizar, Excluir, Inserir, Alterar
Professor Alan Jefferson 3
Padrão CRUD – ISO/SQL A abreviação CRUD mapeada para o padrão ISO/SQL:
Professor Alan Jefferson 4
Como ficará nosso Trabalho
Professor Alan Jefferson 5
Vamos a práticaNossa index.php
Primeiro devemos construir nossa interface com o usúario, então crie um arquivo chamado index.php
Devemos construir dois campos: Nome e Telefone, pois nossa mini agenda só terá esses dados, ficando assim aberto para a sua criatividade criar outros campos e um botão para salvar o cadastro.
Eu coloquei uma imagem minha logo no cabeçalho e você poderá colocar uma imagem sua.
Professor Alan Jefferson 6
Interface utilizando HTML no PHP
Professor Alan Jefferson 7
Criando o Banco de Dados Para armazenar os valores
Primeiro cria o Banco de Dados: aqui eu chamei de
`crud` Depois cria a tabela agenda com os campos id
(identificador), Nome e Telefone.
CREATE TABLE `agenda` ( `id` int(10) NOT NULL AUTO_INCREMENT, `nome` varchar(100) NOT NULL, `telefone` varchar(20) NOT NULL, PRIMARY KEY (`id`))
Ou Utiliza o phpMyadmin: localhost/phpmyadmin
Professor Alan Jefferson 8
Criando a Conexão com o PHP Crie um arquivo em php chamado conexao.php
Nele você irá criar a conexão com Banco de Dados com os seguintes comandos:
Professor Alan Jefferson 9
Inserindo informações no BD Primeiro vamos criar um arquivo em php chamado:
funcoes.php
Nele terá as intruções pra inserir, alterar e excluir;
Vamos começar com o inserir:
Professor Alan Jefferson 10
Criando a tabela de contatos Primeiro vamos criar a tabela, logo abaixo no
formulário em html do arquivo index.php, sendo essa tabela que receberá os dados cadastrados:
Professor Alan Jefferson 11
Consultando as informações no BD
Professor Alan Jefferson 12
Logo abaixo da tabela criada anteriormente você irá fazer a consulta dos cadastros no BD e depois escrever na lista de contatos, com o código a seguir, que está todo comentado para melhor entendimento:
Já estamos Inserindo e ConsultandoAté agora já estamos inserindo e
consultando os registros no MySQL;
Agora faltam fazer duas funções:
Alterar;
Excluir;
Professor Alan Jefferson 13
Alterar No arquivo funcoes.php você irá cria o alterar ou
atualizar no mysql segundo código abaixo:
Professor Alan Jefferson 14
Atualizando o Cadastro Agora que você já criou a função de alterar no php,
agora vamos implementar a função no formulário
Primeiro vamos perguntar se é editar que a função quer, deste modo:
Professor Alan Jefferson 15
Atualizando o Cadastro Agora temos que criar outro formulário identico ao
anterior, só que este ira mostrar as informações do cadastro para poder ser alterada:
Por exemplo caso eu clique em editar referente a pessoa Alan irá mostrar os dados dele nas caixas de textos acima.
Professor Alan Jefferson 16
Atualizando o Cadastro Agora para fazer isso crio o seguinte formulário:
Perceba que no action a funcao agora será editar e pergunto é passo o valor id no banco de dados.
E nos campos mando escrever seus valores
Professor Alan Jefferson 17
Excluir
Professor Alan Jefferson 18
No arquivo funcoes.php você irá cria o excluir no
mysql segundo código abaixo:
Excluindo o Cadastro A função excluir no formulário é implementado dentro
da tabela de contatos assim como a alterar;
Onde passamos o valor excluir para funcao e o id para fazer a identificação do cadastro:
Professor Alan Jefferson 19
Ajustes finais Bem agora só para organizar melhor;
Devemos nos preocupar com o usuário na utilização do sistema, fazendo o passo a passo dele;
Primeiro ele digita as informações depois salva, logo ele pode excluir ou editar caso ele queira editar não podemos mostrar outro formulário para ele, caso isso aconteça fica bem deselegante a agenda;
Então temos que perguntar antes se quer editar temos que mostrar o formulário de edição, se ele quer cadastrar temos que mostrar o formulário de cadastro.
Professor Alan Jefferson 20
Ajustes finais Ficando assim:
Caso a função não seja editar mostra o formulário normal:
Professor Alan Jefferson 21
Ajustes finais Caso seja editar:
Professor Alan Jefferson 22
A tabela ficando assim:
Professor Alan Jefferson 23
FinalEspero ter conseguido alcançar seu objetivo;
Caso tenha ficado alguma dúvida:
Ou
Visualize meu canal de Tira dúvidas em meu blog: http://alanjxs.blogspot.com/p/tira-duvidas.html
Professor Alan Jefferson 24