Anda di halaman 1dari 3

AULA 16 - TRABALHANDO PHP COM HTML Hoje o exerccio ser o seguinte, onde utilizaremos mais recursos de layout: Montar

uma tela de login de um sistema. A tela dever conter 2 inputs: um chamado login e outro chamado senha. Dever ter um boto de confirma. E tambm um layout utilizando cores e uma imagem que tenha relao com login e senha.

O layout da tela teria que ficar mais ou menos assim :

Sempre que imaginamos uma tela de um sistema devemos pensar na figura do usrio. Em um sistema, nunca poderemos utilizar cores berrantes ou muitas imagens que poluam a tela. O ideal utilizarmos cores suaves e no caso de utilizar uma imagem, colocar de forma que no atrapalhe e vizualizao das informaes. Vamos implentar o cdigo em PHP, seguindo os seguintes critrios: 1 Ao digitar no formulrio o login e a senha, e clicar no boto confirma, deveremos criticar se ambos so vlidos, atravs de uma funo. Caso o login seja vlido, mostrar a mensagem Login vlido, seno Login invlido Caso a senha seja vlida, mostrar a mensagem Senha vlida, seno, Senha invlida Caso tanto o login quanto a senha forem vlidas, direcionar para outra pgina (no caso vejam uma tela de vocs que j esteja pronta. Logo no incio da tela, dever aparecer o dia e a hora de acesso. Para isso tambm faremos uma funo Primeiro vamos criar as trs funes, uma para validar o login e outra para validar a senha e outra para retornar o dia e a hora.

Vamos continuar a nossa biblioteca funcoes.php <?php

function validalogin($login) { // Funo para validar o login if (strtolower($login) <> 'rosane') { echo "<font color=red><b>LOGIN INVLIDO</b></font><BR>"; return false; } echo "<font color=green><b>LOGIN VLIDO</b></font><BR>"; return true; } function validasenha($senha) { // Funo para validar senha if (strtolower($senha) <> 'php') { echo "<font color=red><b>SENHA INVLIDA<BR>SEU ACESSO AO SISTEMA FOI BLOQUEADO<BR><a href='login.php'>Clique aqui para voltar</a></b></font><BR>"; return false; } echo "<font color=green><b>SENHA VLIDA<BR>SEU ACESSO AO SISTEMA SER LIBERADO!</b></font><BR>"; return true; } function datahora() { $data = date("d/m/Y",time()); $hora = date("H:i",time()); return $data."&nbsp;".$hora; } ?> No exemplo de validao do login e senha, estamos forando a crtica manualmente. No futuros veremos esta mesma validao utilizando banco de dados. Agora vamos implementar o nosso layout e o nosso cdigo em PHP para executar as funes. Neste layout teremos uma imagem no final da tela, como exemplificado na pgina 1. <?php // executando a include onde est a nossa biblioteca de funes include 'funcoes.php'; ?> <HTML> <BODY> <? if (@$Confirma == 'Confirma') { @$validarlogin = validalogin($login); // chamando a funo para validar o login if (@$validarlogin) { @$validarsenha = validasenha($senha); // chamando a funo para validar o login if (!@$validarsenha) { exit; } else { // Abaixo, est direcionando para outra pgina aps a validao echo "<meta http-equiv=\"refresh\" content=\"1;url=menu.php\">"; } } else { exit; // Para o processamento } } ?> <form method="GET"> <div align="center"> <table width="47%" border="0" cellspacing="0"> <tr bgcolor="#6699CC"> <td colspan="2" align="center"><strong><font color="#000000" face="Trebuchet MS"><b>TELA DE LOGIN</b></font></strong></td> </tr>

<tr bgcolor="#6699CC"> <td colspan="2" align="right"><strong><font color="#666666" size="2" face="Trebuchet MS">DATA E HORA DE ACESSO :<?php echo datahora(); ?></font></strong></td> </tr> <tr bgcolor="#6699CC"> <td colspan="2">&nbsp;</td> </tr> <tr bgcolor="#6699CC"> <td colspan="2" align="center"><font size="3" face="Trebuchet MS">Identificao do usurio</font></td> </tr> <tr> <td align="right"><font color="#666666" size="2" face="Trebuchet MS">Por favor, insira seu login e senha</font></td> <td>&nbsp;</td> </tr> <tr> <td width="44%" align="right"><font color="#000000" size="2" face="Trebuchet MS"><b>Login</b></font></td> <td width="56%"><font color="#000000" size="2" face="Trebuchet MS"><input type="text" size="20" name="login"></font></td> </tr> <tr> <td><div align="right"><font color="#000000" size="2" face="Trebuchet MS"><b>Senha</b></font></div></td> <td><font color="#000000" size="2" face="Trebuchet MS"><input type="password" size="20" name="senha"></font></td> </tr> </table> <br> <table width="588" border="0" cellspacing="1" cellpadding="1"> <tr> <td bgcolor="#6699CC" align="center"> <input type="submit" value="Confirma" name="Confirma"> </td> </tr> </table> <br> <div><img src="login.jpg"></div> </div> </form> </BODY> </HTML> Variveis e URL Quando o usurio clica no boto Confirma, na verdade est submetendo o formulrio, e a pgina reprocessada. nesse momento que o contedo digitado pelo usurio nos campos textos (inputs) so passados atravs da url. Voc poder perceber isso olhando para o browser. No PHP podemos criticar o contedo do boto submit cujo nome Confirma; para isso precisamo do $_GET para pegarmos o contedo digitado no campo texto. Isso determinado pela instruo name do campo texto (input). O login e a senha digitados dos formulrios so pegos tambm pelo $_GET. Exemplo de uma url e suas variveis: http://127.0.0.1/layout1.php?login=rosane&senha=php&Confirma=Confirma Criticando os dados O cdigo est criticando as variveis $login e $senha. Se a varivel $login for igual ao contedo 'rosane' vai apresentar a mensagem 'Login vlido', seno, mensagem 'Login invlido'. O mesmo se d com a varivel $senha. FIM

Anda mungkin juga menyukai