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 para baixo  Mensagem [Página 1 de 1]

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

marche

Iniciante
marche
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
Sistema de Login no DreamWeaver 1

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
Sistema de Login no DreamWeaver 2

Na janela que se abriu, preencha como na figura:

Expandir esta imagem Ver em tamanho real
Sistema de Login no DreamWeaver 3
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
Sistema de Login no DreamWeaver 4

Preencha a janela que se abriu como na imagem:

Expandir esta imagem Ver em tamanho real
Sistema de Login no DreamWeaver 51

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
Sistema de Login no DreamWeaver 6

Preencha como na imagem:


Expandir esta imagem Ver em tamanho real
Sistema de Login no DreamWeaver 7a

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

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

Daniel Mendes

Super-membro
Daniel Mendes
Muito bom!

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

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

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




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