» Início » Desenvolvimento » Dreamweaver » Sistema de Login no Dreamweaver

Avaliação: | Publicado em: 06/10/2006

Sistema de Login no Dreamweaver

Humberto Rodrigues Técnico em Informática. Webmaster. Conhecimentos em Photoshop, Flash, Dreamweaver, Visual Basic, Delphi, Access, HTML, CSS, SQL e PHP.

Olá!
Como prometido, 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:

<?xml:namespace prefix = v /><?xml:namespace prefix = o /><o:lock v:ext="edit" aspectratio="t"></o:lock>

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



Na janela que se abriu, preencha como na figura:

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:

Preencha a janela que se abriu como na imagem:

Simples não?

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

Preencha como na imagem:



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.htm
Login 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.

Comentário: É super legal quando o pessoal visita nossos artigos e vão aprendendo e evoluindo. Eu mesmo sou um exemplo, comecei
com tutoriais como esses e hoje já to criando meus próprios códigos em php. Mas voltando ao que eu  queria dizer, comentem nos artigos! isso se torna um estimulo para nós escrevermos mais, caso de dúvida, entrem em contato! estamos aqui para ajudar!

 

www.humbertorodrigues.com

Até a próxima!

• Criando uma busca com o Dreamweaver
• Sistema de cadastro no Dreamweaver