Aula Atividade Aluno

Anlise e Desenvolvimento de Sistemas

UNOPAR VIRTUAL (pgina: 1)

Disciplina: Programao Web I Prof.(a): Veronice de Freitas Aula: 04 - PHP / MySQL Semestre: 5

Aula Atividade

Objetivo da Atividade:

Essa atividade tem por funo trabalhar com contedos abordados na disciplina usando PHP e MYSQL.

Orientao: Caro aluno, O exemplo agenda de contato (autor: Alexandre Pina) possibilita executar as opes relacionadas a um CRUD (acrnimo de Create, Read, Update e Delete em lngua Inglesa). Faa download do exemplo referente a agenda (ser disponibilizado no frum) durante a aula atividade da teleaula 05. Para executar o exemplo necessrio criar o banco de dados bdAgenda e criar a tabela exemplo agenda.

Atividade:

Nessa atividade para analisa / testar o exemplo seguindo a sequncia de cdigos relacionada a seguir. Obs: verifique a ordem de execuo dos cdigos no texto. Se tentar executar diretamente cada arquivo ir apresentar mensagem de erro devido aos parmetros que enviado em cada operao.

Obs: nos cdigos foram utilizados blocos de estilos internos dentro dos arquivos (aps analisar e executar os cdigos). Faa uma cpia dos arquivos em outra pasta e altere os cdigos excluindo as formataes internas para definir a formatao em um arquivo CSS.

Arquivo principal



Exemplo - Like

Exemplo: arquivo geral.css Obs: se os nomes dos estilos forem diferentes dos nomes das tags HTML necessrio usar a especificao class para usar o estilo no documento. Por exemplo: class="myinputstyle">

BODY { background: #7093DB; color: #000000; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; text-decoration: none; scrollbar-darkshadow-color: #78acff; scrollbar-3dlight-color: #78acff; scrollbar-arrow-color: #000000; scrollbar-base-color: #eaf2ff; scrollbar-face-color: #eaf2ff; scrollbar-highlight-color: #eaf2ff; scrollbar-shadow-color: #eaf2ff; scrollbar-track-color: #ffffff; }

h1 { border-width: thick; border-style: outset; border-color: gold; } h2 { border-width: 20px; border-style: double; border-color: red; } p { border-top-width: 1px; border-style: solid; border-color: blue; }

TH { font-family:tahoma,sans-serif; font-size:11px; background: #009ACD; color:#000066; text-decoration:none; font-weight: normal;

Obs: esse arquivo pode ser colocado dentro da pasta css.

.myinputstyle { border: 1px solid #FFFFFF; background: url(none) no-repeat #FFFFFF; font-family: tahoma, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #454743; }

.mylabelstyle { font-family: tahoma, helvetica, sans-serif; font-style: bold; font-size: 13px; color: #82983e; }

Estilo que foi usado internamente nos arquivos que podem ser includos no arquivo geral.css.

Exemplo: arquivo externo



text-indent: 4px; height:30px; }

TR.zebraA { font-family:tahoma,sans-serif; font-size:11px; background: #CAE1FF; color:#000066; text-decoration:none; font-weight: normal; text-indent: 4px; height:30px; }

TR.zebraB { font-family:tahoma,sans-serif; font-size:11px; background: #BCD2EE; color:#000066; text-decoration:none; font-weight: normal; text-indent: 4px; height:30px; }

TD { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }

NOME DO BANCO DE DADOS PHPMYADMIN - bdAgenda

bdAgenda (crie o banco de dados)

TABELA agenda (crie a tabela)

bdAgenda

Executar o script criar a tabela agenda (prximo cdigo)



create table agenda ( id_contato int auto_increment primary key, nome varchar(100), telefone varchar(12), comercial varchar(12), celular varchar(12), celular2 varchar(12), email varchar(100), site varchar(100), observacao varchar(100) );

ARQUIVO DE CONFIGURAES config.php

TELA INICIAL DA AGENDA DE CONTATOS (agenda.php)

AGENDA DE CONTATOS A B C D

Informar no arquivo de configuraes o nome do banco de dados bdAgenda

Mtodo GET Envia a letra do alfabeto que ser usada como critrio de pesquisa para listar os dados

Ao clicar em cada letra ir obter a listagem de contato correspondente.

Acesso ao formulrio de cadastro.



E F G H I J K L M N O P Q R S T U V W X Y Z Inserir Novo contato

INSERIR NOVO CONTATO (form-cad-agenda.php)



Voltar

Agenda de contatos

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/ .myinputstyle { border: 1px solid #FFFFFF; /** remember to change image path **/ background: url(none) no-repeat #FFFFFF; font-family: tahoma, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #454743; }

/** You can use this style for your LABEL elements **/ .mylabelstyle { font-family: tahoma, helvetica, sans-serif; font-style: bold; font-size: 13px; color: #82983e; }

Nome:

Telefone:

Telefone Comercial:

Obs: Nesse exemplo foi utilizado bloco de cdigo CSS interno dentro do cdigo.

Obs: nos exemplos usados nas teleaulas foi utilizado na seo head.

Obs: Outra forma de usar CSS da forma inline, como por exemplo:

Usando o estilo

Mtodo POST

Arquivo que ir inserir o registro.



Celular:

Celular 2:

E-mail:

Site:

Observaes

INSERIR NOVO CONTATO NO BANCO DE DADOS (cadastrar-agenda.php)



celular2, email, site, observacao ) Values ('".$_POST["nome"]."', '".$_POST['telefone']."', '".$_POST['comercial']."', '".$_POST['celular']."', '".$_POST['celular2']."', '".$_POST['email']."', '".$_POST['site']."', '".$_POST['observacao']."' )"; //echo $sql; //Executo a minha query //echo $sql;

$query = mysql_query($sql);

//Verifico se o registro foi inserido com sucesso if ($query == true) { include "agenda.php"; } else { echo "No foi possivel inserir o registro - entre em contato com o webmaster ".mysql_error(); } ?>

EXIBIR CONTATO (exemplo: na lista de contato selecionei a letra M)

Agenda.php

Agenda.php

pesquisa_agenda.php



pesquisa_agenda.php

Agenda de contatos - pesquisa



echo ""; }

echo "Voltar"; ?>

EXIBIR CONTATO (exemplo: na lista de contato selecionei a letra M)

agenda-exibir.php

Agenda de Contatos

No cdigo anterior pesquisa_agenda.php apresentado a listagem de contato referente a letra que o usurio escolheu na pgina principal da agenda. Ao selecionar um item da pesquisa apresentado os dados do registro com a opo de Atualizar ou excluir o cadastro.

Atravs dp HREF criado um hiperlink para a opo passando o cdigo do usurio.

href='form-alterar-contato.php?id_contato={$dados['id_contato']}'> Atualizar Contato";

Obs: para EXCLUIR tambm passado o cdigo do usurio.



echo ""; echo "";

echo "Celular: $dados[celular]"; echo ""; echo "";

echo ""; echo "";

echo "Celular2: $dados[celular2]";

echo ""; echo "";

echo ""; echo "";

echo "E-mail:&nbsp $dados[email]";

echo ""; echo "";

echo ""; echo "";

echo "Site: $dados[site]";

echo ""; echo "";

echo ""; echo "";

echo "Observaes: $dados[observacao]";

echo ""; echo "";

echo ""; echo "";

echo "";

echo "



echo ""; echo ""; echo "";

echo ""; } ?>

ALTERAR CONTATO (FORMULRIO)

form-alterar-contato.php

form-alterar-contato.php

altera-contato.php

agenda-exibir.php



Voltar

Agenda de contatos

/** * Generated by www.formstylegenerator.com **/

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/ .myinputstyle { border: 1px solid #FFFFFF; /** remember to change image path **/ background: url(none) no-repeat #FFFFFF; font-family: tahoma, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #454743; }

/** You can use this style for your LABEL elements **/ .mylabelstyle { font-family: tahoma, helvetica, sans-serif; font-style: bold; font-size: 13px; color: #82983e;

}

Alterar Cadastro



ALTERAR CONTATO SQL / UPDATE

altera-contato.php

Voltar



Registro Alterado com sucesso

EXCLUIR CONTATO (deletar-contato.php)

Voltar



$query = mysql_query($sql);

//Verifico se o registro foi excludo com sucesso if ($query == true) { echo "Registro excludo com sucesso"; } else { echo "No foi possvel excluir seu registro"; } ?>

Observaes: Caro Aluno, Pea para o tutor de sala enviar suas dvidas pelo Chat Atividade para que o professor possa esclarec-las.

Tenham um timo trabalho! Prof.Veronice de Freitas

Aula Atividade Aluno

Documents