Professor Alan Jefferson

alanjxs@hotmail.com

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:

alanjxs@hotmail.com

Ou

Visualize meu canal de Tira dúvidas em meu blog: http://alanjxs.blogspot.com/p/tira-duvidas.html

Professor Alan Jefferson 24