1. TugaTech » Programação, Scripts e Webmasters » Tutoriais e Dicas

Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1 Sistema de Login no DreamWeaver - em Qua 29 Dez 2010 - 15:16

marche

Iniciante
avatar
Vamos criar o sistema de login, utilizando o Sistema de Cadastro da última matéria. O sistema é super simples, então, vamos lá! Nosso sistema terá quatro páginas, veja:

  • login.php (página aonde será feito o login)
  • painel.php (página restrita a usuários que estão logados)
  • erro.htm (para onde irá o usuário que
    digitar o login ou senha incorreto

  • restrito.htm (para onde irá o usuário que tentar
    acessar a página restrita sem esta logado)

Vamos criar a nossa página login.php nela teremos dois campos, Nick e Senha que foram solicitados no sistema de cadastro, lembra-se? Então criei dois Textfields e nomei o primeiro como nick e o segundo como senha, não se esqueça de colocar um button. Veja como esta minha página:


Expandir esta imagem Ver em tamanho real


Bem simples o que fiz na imagem acima. Você vai criar um FORM
(aquele quadrado pontilhado em vermelho) depois uma tabela, pra
melhor organizar e os Textfields.
Lembre-se de alterar o TextField senha para o tipo Password
como na matéria passada.
Vá na aba Server Behaviors >> User Authentication >> Login User


Expandir esta imagem Ver em tamanho real


Na janela que se abriu, preencha como na figura:

Expandir esta imagem Ver em tamanho real
1 - O Textfield que o usuário irá digitar o seu nick.

2 - O Textfield que o usuário irá digitar a sua senha.

3 - A conexão com o banco de dados que será utilizada, que será a que
criamos na matéria passada.

4 - A tabela no banco de dados que contém os nicks e senhas.

5 - Campo da tabela que contém os nicks.

6 - Campo da tabela que contém as senhas

7 - Página para a qual o usuário será encaminhado se o login e senha
estiverem corretos.

8 - Página para a qual o usuário será encaminhado caso o login ou senha
estejam incorretos.

9 - Não iremos utilizar esse recurso nesse artigo, mas serve para
limitar
o acesso dos usuários a partir de niveis de acesso. Ex.: Admin - 2 /
Usuário comum - 1 . Se a página só permite acesso nivel 2, só usuários
que tenham nivel 2 cadastrado no banco de dados tem acesso a página.
Nivel 1 são encaminhados para a página erro.htm no nosso caso. Mas como já disse não iremos utilizar nesse tutorial.

Pronto, agora que o login esta configurado, vamos configurar a página painel.php que terá acesso restrito.

Crie sua página normalmente e faça como na imagem:

Expandir esta imagem Ver em tamanho real


Preencha a janela que se abriu como na imagem:

Expandir esta imagem Ver em tamanho real


Simples não?
Mas como toda página que tem um login, precisa de um logout, faça
como na imagem:

Expandir esta imagem Ver em tamanho real


Preencha como na imagem:


Expandir esta imagem Ver em tamanho real


1 - Página para onde será enviado o usuário quando clicar em Log Out.
Pronto, nosso sistema esta pronto! Falta apenas criar as páginas erro.htm e restrito.htm . Essas páginas não tem nada em especial.
Somente crie as páginas e coloque um texto informativo. Ex.:
erro.htmLogin ou senha incorretos, por favor, tente novamente.

Restrito.htm
Você esta tentando acessar uma página que possui acesso restrito, faça login ou cadastre-se.

Nosso sistema esta pronto! Sem mistérios. Espero que todos tenham entendido.

Créditos: Plug Masters - Humberto Rodrigues e ZONECHEATS

Ver perfil do usuário

#2 Re: Sistema de Login no DreamWeaver - em Sex 31 Dez 2010 - 2:08

Daniel Mendes

Super-membro
avatar
Muito bom!

Ver perfil do usuário http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum




Aplicações do TugaTechAplicações TugaTechBlog TugaTechBlog do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech