Projeto em Sala de Aula

Transcrição

1 Projeto em Sala de Aula Desenvolveremos um site dinâmico utilizando a linguagem PHP e o servidor de banco de dados PostgreSQL. O objetivo deste site será o cadastro de alunos da Fatec. Fazendo-se uma busca pelo nome do aluno, serão disponibilizadas informações (idade, telefone, fax, e hobby). O site permitirá inclusão, consulta, alteração e exclusão de dados. Todas as páginas e programas ficarão armazenados no diretório de publicação do servidor web Apache, que no nosso caso, encontra-se em: /var/www/html/ (engtarde ou fatnoite). 1 - Base de dados e tabelas Podemos pensar nas tabelas que serão necessárias para esse projeto. A base de dados se chamará engtarde/fatnoite. Para facilitar, vamos utilizar uma única tabela, chamada alunos. Dicas: Tipos de campos: varchar(n) : um campo caractere variável de no máximo N caracteres; integer : um inteiro padrão; char(n) : um campo caractere com exatamente N caracteres; text : um campo com um comprimento máximo de caracteres; date : uma data no formato AAAA-MM-DD. Not null: significa que o campo não pode ser nulo. Primary key: significa que é campo chave. Para criar essa tabela, podemos utilizar a seguinte sintaxe: create table alunos ( nome varchar(40) not null primary key, idade integer not null, telefone varchar(10) not null, varchar(40), hobby varchar(40) ); 2 - Criação da home page do site A página principal (homepage) do site será bastante simples e trará um menu com as opções de inclusão, consulta, alteração e exclusão. As opções terão links para seus respectivos módulos. Essa página inicial terá a extensão.html.(sugiro index.html) O código ficará assim: <title>pagina Principal</title> <font face="verdana"> <center> <h1>cadastro de Alunos Fatec-Jundiai</h1> <hr size="0"> Aula de PHP Prof. Cláudio F. Rossoni Página 1

2 <p><b><a href="inclusao.html">inclusão de Alunos</a></b> <p><b><a href="consulta.html">consulta de Alunos</a></b> <p><b><a href="alteracao.html">alteração dos dados dos Alunos</a></b> <p><b><a href="exclusao.html">exclusão de Alunos</a></b></center> </font> 3 - Módulo de Inclusão Vamos criar a página para o formulário de inclusão. Os recursos do Mozilla Composer são muito limitados para a confecção de formulários, sendo assim digitaremos o código utilizando um editor de texto. Esse arquivo terá extensão.html. 3.1) Formulário inclusao.html <title>inclusao.html</title> <table width="640" border="0" cellspacing="0" align="center"> <tr> <td> <h1>fatec - Jundiaí</h1> <p><b>formulário de inclusão: <br> </b></p> <form method="post" action="inclusao.php"> <p>nome completo: <input type="text" name="nome" size="25" maxlength="50"></p> <p>idade: <input type="text" name="idade" size="6" maxlength="2"></p> <p>telefone: <input type="text" name="telefone" maxlength="10" size="10"></p> <p> <input type="text" name=" " size="25" maxlength="40"></p> <p>hobby: <input type="text" name="hobby" size="40" maxlength="40"></p> <p><input type="submit" name="submit" value="enviar"> <center><b><a href="index.html">pagina Inicial</a></b></center> </p> </form> </td> </tr> </table> Após digitar o código, salve-o e teste-o. Quando o formulário for submetido, dará um erro, alertando que o script inclusao.php (para o qual estamos encaminhando os dados) não existe. Precisamos, então, criá-lo. Notem que a próxima página não terá mais a extensão.html e sim.php, pois o código vai conter programação PHP. Relembrando: Quando o servidor recebe a requisição de uma página HTML, ele apenas envia a página requisitada. Por outro lado, quando a requisição é de uma página com extensão PHP, o servidor processa o código antes de enviá-la. Pode-se combinar os códigos HTML e PHP. Aula de PHP Prof. Cláudio F. Rossoni Página 2

3 3.2) Script inclusão.php Este script tratará os dados recebidos através do formulário, e caso não falte nenhum campo obrigatório, irá incluí-los no banco de dados. Relembrando: As tags que identificam o início e o fim da programação PHP são: código php A sintaxe do if/: if (condição) echo ( mensagem1 ); echo ($variavel1); echo ( mensagem2 ); echo ($variavel2); Variáveis: as variáveis devem ser precedidas pelo caractere $. Dicas: No código referente ao script inclusão.php, utilizaremos algumas funções do PHP: trim: tira espaços em branco de uma variável. header: chama outro script, passando parâmetros e não retorna ao script chamador. Obs.: Nenhum comando de exibição (echo, include, tags html) pode ser usado antes dessa rotina. A expressão or die pode ser usada como uma alternativa para o if/. // Tirar espaço em branco das variáveis recebidas através do formulário $nome = trim($_post["nome"]); $idade = trim($_post["idade"]); $telefone = trim($_post["telefone"]); $ = trim($_post[" "]); $hobby = trim($_post["hobby"]); // Consiste as variáveis recebidas if (empty($nome) empty($idade) empty($telefone) empty($hobby)) /* Comentar blocos de código */ // se os campos obrigatórios não estão preenchidos, recria o formulário e exibe mensagem de erro echo (' <title>inclusao.php</title> '); echo ("<p><center><h1>fatec-jundiai </h1></center></p>"); echo ("<font color=\"#ff0000\"><b>campo(s) obrigatório(s) não preenchido(s)</b></font>"); echo (" <table width=\"640\" border=\"0\" cellspacing=\"0\" align=\"center\"> <tr> <td> Aula de PHP Prof. Cláudio F. Rossoni Página 3

4 <p><b>formulário de inclusão: <br></b></p> <form method=\"post\" action=\"inclusao.php\"> <p>nome completo: <input type=\"text\" name=\"nome\" value=\"$nome\" size=\"25\" maxlength=\"50\"></p> <p>idade: <input type=\"text\" name=\"idade\" value=\"$idade\" size=\"6\" maxlength=\"2\"></p> <p>telefone: <input type=\"text\" name=\"telefone\" value=\"$telefone\" maxlength=\"10\" size=\"10\"> </p> <p> <input type=\"text\" name=\" \" value=\"$ \" size=\"25\" maxlength=\"40\"></p> <p>hobby: <input type=\"text\" name=\"hobby\" value=\"$hobby\" size=\"40\" maxlength=\"40\"></p> <p> <input type=\"submit\" name=\"submit\" value=\"enviar\"> <center> <b> <a href=\"index.html\">home</a> </b> </center> </p> </form> </td> </tr> </table> "); echo (" ); // Cria uma conexão com o servidor PostgreSQL passando host, db, username e senha // Substitua o xxx pelo nome do seu banco de dados, o yyy pelo usuário e o yyy pela password pg_connect("host=localhost dbname=xxx user=yyy password=zzz") or die("erro ao conectar ao banco de dados"); // Declaração SQL $declar = "INSERT into alunos values ('$nome', '$idade', '$telefone', '$ ', '$hobby')"; // Roda a query e trata o resultado $tipo_msg = 'I'; if (pg_query($declar)) $ok = 1; header("location: exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); $ok = 2; header("location: exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); 3.3) Criando o script que exibe mensagens: exibe_mensagem.php Não devemos exibir as mensagens finais em um script que acessa banco de dados, pois, se o usuário clicar no botão atualizar do navegador, o script será processado novamente. Por isso, criaremos um script só para exibir as mensagens finais. Esse script foi chamado em inclusao.php através da função header. <title>exibe Mensagem</title> $tipo_msg = $_GET["tipo_msg"]; $ok = trim($_get["ok"]); echo ("<br>"); Aula de PHP Prof. Cláudio F. Rossoni Página 4

5 if ($tipo_msg == 'I') //se inclusão OK if ($ok == 1) echo ("<center><b><font size = 4> Inclusão Efetuada </font></b></center>"); echo ("<center><b> <a href=\"inclusao.html\">voltar</a> </b></center>"); // se deu erro na inclusão if ($ok == 2) echo ("<center><b><font size = 4> Erro - Inclusão não Efetuada </font></b></center>"); echo ("<center><b> <a href=\"inclusao.html\">voltar</a> </b></center>"); if ($tipo_msg == 'E') //se exclusão OK if ($ok == 1) echo ("<center><b><font size = 4> Exclusão Efetuada</font></b></center>"); echo ("<center><b> <a href=\"exclusao.html\">voltar</a></b></center>"); // se deu erro na exclusão if ($ok == 2) echo ("<center><b><font size = 4> Erro - Exclusão não Efetuada</font></b></center>"); echo ("<center><b> <a href=\"exclusao.html\">voltar</a></b></center>"); // se aluno não cadastrado if ($ok == 3) echo ("<center><b> Aluno não cadastrado </b></center>"); echo ("<center><b> <a href=\"exclusao.html\">voltar</a></b></center>"); //se alteração OK if ($ok == 1) echo ("<center><b><font size = 4> Alteração Efetuada</font></b></center>"); echo ("<center><b> <a href=\"alteracao.html\">voltar</a></b></center>"); // se deu erro na alteração if ($ok == 2) Aula de PHP Prof. Cláudio F. Rossoni Página 5

6 echo ("<center><b><font size = 4> Erro - Alteração não Efetuada</font></b></center>"); echo ("<center><b> <a href=\"alteracao.html\">voltar</a></b></center>"); 3.4) Testando o módulo de inclusão Abra o navegador (Mozilla) e digite o endereço do site: onde XXX poderá ser engtarde ou fatnoite No menu da página principal, clique na opção inclusão. Deixe os campos do formulário em branco. Clique em enviar. Deverá mostrar uma mensagem de erro. O único campo que não é obrigatório é o . Preencha o formulário com os dados do aluno: nome completo, idade, telefone, e hobby. Clique em enviar. Deverá mostrar a mensagem Inclusão Efetuada. Volte para a página do formulário e entre com outros dados, só que desta vez entre com um nome que já existe no banco de dados. Clique em enviar. Deverá mostrar a mensagem Inclusão não efetuada, pois o campo nome é chave e não aceita valores duplicados. Insira pelo menos 5 alunos. Aula de PHP Prof. Cláudio F. Rossoni Página 6

7 4 - Módulo de Consulta Vamos criar a página com o formulário de consulta. 4.1) Formulário consulta.html <title>consulta.html</title> <!mensagem> <table width="640" border="0" cellspacing="0" align="center"> <tr valign="top"> <td> <p><b>formulário de consulta</b><br></p> <form method="post" action="consulta.php"> <p>nome completo:<input type="text" name="nome" size="25" maxlength="50"></p> <p><input type="submit" name="submit" value="enviar"></p> </form> <center><b><a href="index.html">voltar</a></b></center> </td> </tr> </table> Após digitar o código, salve-o e teste-o. Quando o formulário for submetido, dará um erro, alertando que o script consulta.php (para o qual estamos encaminhando os dados) não existe. Precisamos, então, criá-lo. Notem que essa página não será mais HTML e sim PHP, pois conterá blocos de código em PHP. 4.2) Script consulta.php Este script receberá o dado do formulário, realizará uma pesquisa no banco de dados, e exibirá as informações caso o aluno esteja cadastrado. Dicas: No código referente ao programa consulta.php utilizaremos mais algumas funções do PHP: file: lê um arquivo, retornando o seu conteúdo como um array; cada linha do arquivo será representada por um elemento do array. implode: armazena todo o conteúdo de um array como uma string, concatena os conteúdos de cada elemento do array em uma string, utilizando ou não um delimitador entre eles. str_replace: vai ler uma string e substituir um determinado valor por outro. No nosso caso, essa função substituirá a expressão <!mensagem>, contida no código do consulta.html, por uma mensagem de erro. Portanto, não se esqueça de colocar no html a expressão a ser substituída (como comentário). pg_num_rows: obtém o número de registros que retornou do select. pg_fetch_row: obtém os campos do registro que retornou do select. <title>consulta.php</title> Aula de PHP Prof. Cláudio F. Rossoni Página 7

8 // Tirar espaço em branco da variável recebida através do formulário $nome = trim($_post["nome"]); // Consiste Nome if (empty($nome)) $html = file("consulta.html"); $html = implode(" ",$html); $erro = "<center><font color=\"#ff0000\"> Preencha o campo <b>nome</b></font></center>"; $html = str_replace("<!mensagem>",$erro,$html); echo ($html); echo ("<br>"); // Parâmetros: XXX = engtarde / fatnoite pg_connect("host=localhost dbname=xxx user=xxx password=xxx") or die("erro ao conectar ao banco de dados"); // Declaração do SQL $declar = "SELECT nome, idade, telefone, , hobby from alunos where nome = '$nome'"; // Roda a query e verifica se encontrou registro $query = pg_query($declar) or die ("Erro no acesso ao banco"); $achou = pg_num_rows($query); // Se encontrou, guarda as variáveis if ($achou > 0) $row = pg_fetch_row ($query); $nome = $row[0]; $idade = $row[1]; $telefone = $row[2]; $ = $row[3]; $hobby = $row[4]; echo ("<table width=\"640\" border=\"0\" cellspacing=\"0\" align=\"center\"> <tr> <td>"); echo ("<b> Resultado da Consulta </b>"); echo ("<b> Nome: </b> $nome <BR>"); echo ("<b> Idade: </b> $idade <BR>"); echo ("<b> Telefone: </b> $telefone <BR>"); echo ("<b> </b> $ <BR>"); echo ("<b> Hobby: </b> $hobby <BR>"); echo ("</td> </tr> </table>"); echo ("<center> <b> <a href=\"consulta.html\">voltar</a></b></center>"); echo ("<center><b>aluno não cadastrado</b></center>"); echo ("<center><b><a href=\"consulta.html\">voltar</a></b></center>"); Aula de PHP Prof. Cláudio F. Rossoni Página 8

9 4.3) Testando o módulo de consulta Abra o navegador (Mozilla) e digite o endereço do site: onde xxx = engtarde / fatnoite No menu da página principal, clique na opção consulta. Deixe o campo nome do aluno em branco e clique em enviar. Deverá mostrar uma mensagem de erro. Preencha o formulário com um nome de aluno inexistente e clique em enviar. Deverá mostrar a mensagem Aluno não cadastrado. Preencha o formulário com um nome de aluno válido e clique em enviar. Deverá mostrar os dados do aluno. 5 - Módulo de Exclusão Vamos criar a página com o formulário de exclusão. 5.1) Formulário exclusao.html <title>exclusao.html</title> <table width="640" border="0" cellspacing="0" align="center"> <tr valign="top"> <td> <br> <!mensagem> <p><b>formulário de exclusão: <br> </b></p> <form method="post" action="exclusao.php"> <p>nome Completo:<input type="text" name="nome" size="25" maxlength="50"></p> <p><input type="submit" name="submit" value="enviar"></p> </form> <center><b><a href="index.html">voltar</a></b></center> </td> </tr> </table> Após digitar o código, salve-o e teste-o. Quando o formulário for submetido, dará um erro, alertando que o script exclusao.php (para o qual estamos encaminhando os dados) não existe. Precisamos, então, criá-lo. Notem que esta página não será mais HTML e sim PHP, pois conterá blocos de código em PHP. 5.2) Script exclusao.php Aula de PHP Prof. Cláudio F. Rossoni Página 9

10 Este script receberá o dado do formulário, validará o nome digitado através de consulta ao banco de dados, e excluirá o registro caso o aluno estiver cadastrado. // Tirar espaço em branco das variáveis recebidas do formulário $nome = trim($_post["nome"]); // Consiste Nome if (empty($nome)) $html = file("exclusao.html"); $html = implode(" ",$html); $erro = "<center><font color=\"#ff0000\">preencha o campo <b>nome</b></font></center>"; $html = str_replace("<!mensagem>",$erro,$html); echo ($html); // Conexão com o PostgreSQL onde XXX = engtarde / fatnoite pg_connect("host=localhost dbname=xxx user=xxx password=xxx") or die("erro ao conectar ao banco de dados"); // Declaração do SQL $declar = "SELECT nome from alunos where nome = '$nome'"; // Roda a query, verifica se aluno é cadastrado $query = pg_query($declar) or die ("Erro no acesso ao banco"); $achou = pg_num_rows($query); // Se encontrou exclui, senão mostra mensagem $tipo_msg = 'E'; if ($achou > 0) // Exclui registro na tabela alunos $declar2 = "DELETE from alunos where nome = '$nome'"; if (pg_query($declar2)) $ok = 1; header("location:exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); $ok = 2; header("location:exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); $ok = 3; header("location: exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); 5.3) Testando o módulo de exclusão Abra o navegador (Mozilla) e digite o endereço do site: onde xxx = engtarde / fatnoite Aula de PHP Prof. Cláudio F. Rossoni Página 10

11 No menu da página principal, clique em exclusão. Deixe o campo nome do aluno em branco e clique em enviar. Deverá mostrar uma mensagem de erro. Preencha o formulário com o nome completo do aluno e clique em enviar. Deverá mostrar a mensagem Exclusão efetuada. Preencha o formulário com o nome do aluno que você acabou de excluir e clique em enviar. Deverá mostrar a mensagem Aluno não cadastrado. 6 - Módulo de Alteração Vamos criar a página com o formulário de alteração. 6.1) Formulário alteracao.html <title>alteracao.html</title> <table width="640" border="0" cellspacing="0" align="center"> <tr valign="top"> <td> <br> <!mensagem> <p><b>formulário de alteração </b></p> <form method="post" action="alteracao.php"> <p>nome completo: <input type="text" name="nome" size="25" maxlength="50"></p> <p><input type="submit" name="submit" value="enviar"></p> </form> <center><b><a href="index.html">voltar</a></b></center> </td> </tr> </table> Após digitar o código, salve-o e teste-o. Quando o formulário for submetido, dará um erro, alertando que o script alteracao.php (para o qual estamos encaminhando os dados) não existe. Precisamos, então, criá-lo. Notem que esta página não será mais HTML e sim PHP, pois conterá blocos de código em PHP. 6.2) Script alteracao.php Este script receberá o dado do formulário, recuperará as informações do banco de dados e irá mostrá-las num formulário para que elas sejam alteradas. Para montar o formulário, criaremos uma função em PHP. include ("funcoes.php"); // Tirar espaço em branco das variáveis recebidas do formulário $nome = trim($_post["nome"]); // Consiste Nome if (empty($nome)) Aula de PHP Prof. Cláudio F. Rossoni Página 11

12 $html = file("alteracao.html"); $html = implode(" ",$html); $erro = "<center><font color=\"#ff0000\"> Preencha o campo <b>nome</b></font></center>"; $html = str_replace("<!mensagem>",$erro,$html); echo ($html); // Cria uma conexão com o servidor PostgreSQL, onde XXX = fatnoite / engtarde pg_connect("host=localhost dbname=xxx user=xxx password=xxx") or die("erro ao conectar ao banco de dados"); // Declaração do SQL $declar = "SELECT nome, idade, telefone, , hobby from alunos where nome = '$nome'"; // Roda a query e verifica se encontrou registro $query = pg_query ($declar) or die ("Erro no acesso ao banco"); $achou = pg_num_rows($query); // Se encontrou, guarda as variáveis if ($achou > 0) $row = pg_fetch_row ($query); $nome = $row[0]; $idade = $row[1]; $telefone = $row[2]; $ = $row[3]; $hobby = $row[4]; $script_chamador = 'A'; monta_pagina($nome,$idade,$telefone,$ ,$hobby,$script_chamador); echo (' <title>alteracao.php</title> '); echo ("<br>"); echo ("<center> <b> Aluno não cadastrado </b> </center>"); echo ("<center> <b> <a href=\"alteracao.html\">voltar</a></b></center>"); Notem que, no código que acabamos de digitar, estamos chamando a função monta_pagina, passando como parâmetros as variáveis nome, idade, telefone, e hobby. As funções são úteis porque podem ser reutilizadas em vários programas, além disso, o tamanho do código do programa chamador diminui consideravelmente. Aula de PHP Prof. Cláudio F. Rossoni Página 12

13 Podemos criar um único script (exemplo: funcoes.php) que conterá todas as funções. Um detalhe importante que não podemos esquecer é que precisamos incluir esse programa de funções em nosso programa chamador. No código visto anteriormente temos o comando include ("funcoes.php") logo no início do código PHP. 6.3) Script funcoes.php Este script pode armazenar todas as funções que serão utilizadas no site. Neste curso usaremos apenas a função monta_pagina. Essa função serve para montar o formulário já preenchido, com as informações que foram passadas como parâmetros no programa anterior. Observação: essa função também é chamada pelo script alteracao2.php, e com algumas alterações, poderia ser usada para recriar o formulário do módulo de inclusão. function monta_pagina($nome,$idade,$telefone,$ ,$hobby,$script_chamador) echo (' <title>inclusao.php</title> '); echo ("<br>"); if ($script_chamador == 'A2') echo ("<font color=\"#ff0000\"><b>campo(s) obrigatório(s) não preenchido(s)</b></font>"); echo " <table width=\"640\" border=\"0\" cellspacing=\"0\" align=\"center\"> <tr> <td> <p><b>formulário de alteração: <br></b></p> <form method=\"post\" action=\"alteracao2.php\"> <p>nome: $nome </p> <p>idade: <input type=\"text\" name=\"idade\" value=\"$idade\" size=\"40\" maxlength=\"40\"></p> <p>telefone: <input type=\"text\" name=\"telefone\" value=\"$telefone\" maxlength=\"10\" size=\"10\"></p> <p> <input type=\"text\" name=\" \" value=\"$ \" size=\"25\" maxlength=\"25\"></p> <p>hobby: <input type=\"text\" name=\"hobby\" value=\"$hobby\" size=\"40\" maxlength=\"40\"></p> <p> <input type=\"submit\" name=\"submit\" value=\"enviar\"><p> <p> <input type=\"hidden\" name=\"nome\" value=\"$nome\"></p> </form> </td> </tr> </table> <center><b><a href=\"alteracao.html\">voltar</a></b></center> "; Notem que o formulário criado pela função monta_pagina chama o programa Aula de PHP Prof. Cláudio F. Rossoni Página 13

14 alteracao2.php. Isso porque, para completarmos o módulo de alteração precisamos de mais um script que pegue as informações que foram alteradas e as inclua no banco de dados. Observação: como o campo nome não é passado para o script alteracao2.php, por não se tratar de uma variável do formulário, temos que passá-lo como um campo escondido <input type="hidden">. 6.4) Script alteracao2.php Este script receberá as informações alteradas, irá consisti-las e gravará no banco de dados. // Tirar espaço em branco das variáveis recebidas do formulário $nome = trim($_post["nome"]); $idade = trim($_post["idade"]); $telefone = trim($_post["telefone"]); $ = trim($_post[" "]); $hobby = trim($_post["hobby"]); if (empty($nome) empty($idade) empty($telefone) empty($hobby)) include ("funcoes.php"); $script_chamador = 'A2'; monta_pagina($nome, $idade, $telefone, $ , $hobby, $script_chamador); // Cria uma conexão com o servidor PostgreSQL passando host, db, username e senha pg_connect("host=localhost dbname=geral user=postgres password=postgres") or die("erro ao conectar ao banco de dados"); $declar = "UPDATE alunos SET idade='$idade', telefone='$telefone', ='$ ', hobby='$hobby' WHERE nome='$nome'"; // Roda a query e trata o resultado $tipo_msg = 'A'; if (pg_query($declar)) $ok = 1; header("location: exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); $ok = 2; header("location: exibe_mensagem.php?ok=$ok&tipo_msg=$tipo_msg"); 6.5) Testando o módulo de alteração Abra o navegador (Mozilla) e digite o endereço do site: onde xxx = engtarde / fatnoite No menu da página principal, clique em alteração. Aula de PHP Prof. Cláudio F. Rossoni Página 14

15 Deixe o campo nome do aluno em branco e clique em enviar. Deverá mostrar uma mensagem de erro. Preencha o formulário com um nome de aluno que não existe e clique em enviar. Deverá mostrar a mensagem Aluno não cadastrado. Preencha o formulário com um nome de aluno válido e clique em enviar. Será mostrado um formulário com os dados desse aluno. Altere alguns campos e clique em enviar. Deverá mostrar a mensagem Alteração efetuada. Entre no módulo de consulta e confira se os dados foram realmente alterados. Aula de PHP Prof. Cláudio F. Rossoni Página 15