Criar sistema de login
2 participantes
Página 1 de 1
Criar sistema de login
Criar sistema de login
Primeiro veja os passos que iremos seguir:- Criar uma tabela mysql dentro duma base de dados do seu servidor.
- Criar uma página login.php, que será a tela de login ou seja aonde o usuário terá de colocar o nick e senha.
- Criar uma página verificar.php. Para verificar a conexão com a base MySql.
- Criar a página area_restrita.php, que será a página bloqueada.
- E por fim uma página usada para encerrar a seção do usuário ou seja sair.php.
- Código:
CREATE TABLE `membros` (
`id` int(4) NOT NULL auto_increment,
`username`
varchar(65) NOT NULL default '',
`password` varchar(65) NOT NULL
default '',
PRIMARY KEY (`id`)
) TYPE=MyISAM AUTO_INCREMENT=2 ;
- Criar a página de login:
Podes criar uma página à seu gosto, dê o nome de login.php se for para salvar o código com o bloco de notas, agora se for com o dreamweaver apenas digite login e selecione a opção de format a Php, abaixo um código que criei como exemplo:- Código:
<link href="login.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
div.login#login {
background-image: url(http://i86.servimg.com/u/f86/13/96/16/34/window10.png);
border:1px solid #CCC;
}
input.enviar {
margin-left: 550px;
}
body {
background-image: url(http://2img.net/i/fa/fdf3/bg.png);
background-repeat: repeat-x;
}
.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF6600;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {
font-size: 16px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
}
-->
</style><title>Sistema de login - Revisado por Programeiros</title><div class="login" id="login">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="verificar.php">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td colspan="3"><span class="style1">Digite o seu nome de usuário e senha.</span></td>
</tr>
<tr>
<td width="78"><span class="style2"> Usuário</span></td>
<td width="294"><input name="myusername" type="text" id="myusername"></td>
</tr>
<tr>
<td><span class="style2"> Senha</span></td>
<td><input name="mypassword" type="password" id="mypassword"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Login" class="enviar"></td>
</tr>
</table></td>
</form>
</tr>
</table></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
- Agora o mais importante, criando a página para a verificação dos dados com o servidor Mysql:
Esta página é a mais importante pois sem a mesma não irá adiantar de nada a página de login, esta página irá fazer a conexão com a bd para reconhecer os usuários cadastrados e reconhecer os dados. Abaixo a página, dê o nome de verificar.php.$host="localhost"; // Geralmente o localhost funciona em 99,9%, caso contrário coloque IP do servidor
$username="Usuário que utiliza para conectar a base de dados";
$password="Senha que utiliza para
conectar a base de dados";
$db_name="Nome da tabela de seu bd";
$tbl_name="membros";
// Connect to server and select databse.
mysql_connect("$host", "$username", "$password")or die("Não foi possível conectar às base-de-dados!");
mysql_select_db("$db_name")or die("Não foi possível selecionar as base-de-dados!");
// username and password sent from form
username=$_POST['username'];
password=$_POST['password'];
// To protect MySQL injection (more detail about MySQL injection)
$myusername = stripslashes($myusername);
$mypassword = stripslashes($mypassword);
$myusername = mysql_real_escape_string($myusername);
$mypassword = mysql_real_escape_string($mypassword);
$sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'";
$result=mysql_query($sql);
// Mysql_num_row is counting table row
$count=mysql_num_rows($result);
// If result matched $myusername and $mypassword, table row must be 1 row
if($count==1){
// Register $myusername, $mypassword and redirect to file "login_success.php"
session_register("myusername");
session_register("mypassword");
header("location:area_restrita.php");
}
else {
echo "O Nome de Utilizador ou Password estão incorrectos!";
}
?> - A parte mais importante já foi feita, agora será a página que estará bloqueada com o login e senha:
Abaixo um exemplo de página restrita, mas poderá ser editado...- Código:
<?
session_start();
if(!session_is_registered(myusername)){
header("location:main_login.php");
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema de login - Programeiros</title>
</head>
<body style="text-align:center"><div style="color:#FF0000; font-size:36px; padding-top:40px;"><blink><strong># rea Restrita #</strong></blink></div>
Este sistema foi revisado por Lervisc/Seender/Niiser<br/>Obrigado por acessar a programeiros<div style="padding-top:30% !important; text-align:right">Clique aqui para <a href="sair.php" target="_self">Sair</a> da conta!
</body>
</html>
- Agora criaremos a página para encerrar a seção:
Crie uma página com este código e salve-a com o nome de sair.php.- Código:
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(http://2img.net/i/fa/fdf3/bg.png);
}
div.login#login {
background-image: url(http://i86.servimg.com/u/f86/13/96/16/34/window10.png);
border:1px solid #CCC;
padding-right: 6px;
padding-left: 6px;
}
.style1 {
font-size: 36px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FF6600;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
<?
session_start();
session_destroy();
?>
<title>Sistema de login - Informações</title><div align="center" class="style1">Informações</div>
<div class="login style2" id="login">Sua conta acaba de ser deslogada, clique <a href="login.php">aqui</a> para voltar a página inicial (Tela de login). Espero que tenha gostado do painel de login e volte sempre, pode enviar sugestões de melhoras para: brunohenrique_v.s@hotmail.com</div>
Na autoria de Needke e modificado por need
seender- Administrador
- Pontos : 18
Reputação : 1
Mensagens : 12
Data de inscrição : 06/05/2010
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|