Tech-Nation
Informática e Design

É necessário que registre-se ou conecte-se para ter total acesso ao fórum e seu conteúdo.

Participe do fórum, é rápido e fácil

Tech-Nation
Informática e Design

É necessário que registre-se ou conecte-se para ter total acesso ao fórum e seu conteúdo.
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Criar sistema de login

2 participantes

Ir para baixo

Criar sistema de login Empty Criar sistema de login

Mensagem por seender Qui maio 13, 2010 1:13 pm

Criar sistema de login
Primeiro veja os passos que iremos seguir:

  1. Criar uma tabela mysql dentro duma base de dados do seu servidor.
  2. 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.
  3. Criar uma página verificar.php. Para verificar a conexão com a base MySql.
  4. Criar a página area_restrita.php, que será a página bloqueada.
  5. E por fim uma página usada para encerrar a seção do usuário ou seja sair.php.
Para a tabela utilize o código abaixo:
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 ;
Adicione este script indo na aba Importar lá terá um campo para localizar o arquivo de texto no computador. (Salve num documento do bloco de notas).


  • 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>
Bom ai está criada sua página de login, poderá ser mais personalizada de acordo com vosso conhecimento em Php e Mysql.

Na autoria de Needke e modificado por need

seender
        Administrador
        Administrador

Pontos : 18
Reputação : 1
Mensagens : 12
Data de inscrição : 06/05/2010
100%

Ir para o topo Ir para baixo

Criar sistema de login Empty Re: Criar sistema de login

Mensagem por Expert Qui maio 13, 2010 3:09 pm

Muito bom seender
Expert
Expert
        Administrador
        Administrador

Masculino
Idade : 28
Pontos : 217
Reputação : 2
Mensagens : 102
Humor : Feliz :P
Localização : Curitiba - Pr
Emprego/lazer : Estudante
Data de inscrição : 03/05/2010
100%
Brasil

http://web-expert.omeuforum.net

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos