Conheça o Plugfeed | » Início » Desenvolvimento » Dreamweaver » Sistema de Login no Dreamweaver
Conheça o Plugfeed | » 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.
Sistema de Login no Dreamweaver

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!



Fazia muito tempo que eu não via um artigo tão bom sobre Dreamweaver, Excelente mesmo. A integração com o php/mysql esta fantastica. Conquistou um leitor assiduo de suas colunas, esporo que o nivel se mantenha, as duas que eu li foram muito fantasticas. Parabens
legal cara ta massa, olha eu estava precisando de uma ajudinha, é pq quero criar um site em asp e deu branco como atualizar pelo administrador séra que vc n tem um tutorial pra me esclarecer nesta dúvida n cara ficaria muito grato.
William Tsuruta <tsuruta@ibc.ne.jp>
Valeu Leandro! Veja meu mail ok ?
rafael xtreme <enygmaxtreme@oi.com.br>
blz quero criar um banco d dados com o dreweve po me ajuda vlw ate
Valdemir Brandão <valdemircb@gmail.com>
Cara vc e muito doido mesmo, ta excelente o seu artigo, parabéns...

se vor possivel poderia fazer um sobre como excluir, e so o que ta faltando.

Um grande abraço!!!
Perfect! Parabéns seus artigos e do mais alto nivel.

Ps: faz um sobre alterar e outro sobre excluir. please!!!


Jerfesson Messias <jerfessonm@gmail.com>
cara por favor ensina-me a excluir e alterar por favor, faz um artigo ai faz!
Simplesmente expetacular !!!
Cara ja li muitos tutorias, mas como esse seu não tinha encontrado ainda tipo assim é um começo para que não ei programar. mas ficou D
Cara muito bom este seu material.
cremilson <meck1c@hotmail.com>
Esse sem duvida foi um dos melhores e bem menos complicado q eu ja li. Também sou aprendiz em php Gostaria de ler seus artigos em php.

Humberto so tenho uma pequena critica para este tutorial quando o usuário efetuar o login deveria ter uma apresentaçao do tipo. Você esta logado (nome do usuário.)
Obrigado por este tutorial e até a proxima Humberto.
Saudações!
Tenho seguido suas matérias pois tem me ajudado a aprender muito sobre o Dreamweaver.
Sobre esta matéria eu gostaria de perguntar:
É possível, com o Dreamweaver, que cada usuário aceda a diferente informação consoante o seu login?
Por exemplo, ao fazer login com Morais aparecer o bem-vindo Morais e outros campos relacionados apenas com esse login.
Quando fizesse login com AbC aparecer bemvindo AbC e outros dados só exclusivos para este usuário e já não os que apareceram para o usuário Morais.
è complicado minha explicação! espero que entenda.
Um abraço e continue nos dando alegrias pelas novas descobertas no dreamweaver.
Mas gostaria que publicasse um artigo de como desenvolver e ligar o banco de dados do Accsses usando asp no dreanwever
gostaria de saber como faço para ele dependendo do usuario ele ir pra uma pagina diferente
Marcelo <mbp@hotmail.com>
Bom grande vc esta de parabens com este material!!!!!!vc poderia montar outros sobre com php crusamento de dados de 2 tabelas!!!ou seja crusamento de login!!
antonio carlos <a.c.monteiro@hotmail.com>
muito boa a matéria bem explicada e com imagens pefeitas, parabens por passar seu conhecimento a outras pessoas. Agindo assim só tem a crescer profissionalmente.
Olá!

Eztou procurando um sistema d elogin e parece que eu jpa encontrei. Achei tranquilo esse sistema criado no DW,mesmo eu nao tendo o conhecimento em programaçao. A minha unica duvida é a respeito da aba server behaviors no DW,pois nela nao esta ativada o sinal de e assim eu nao tenho acesso aos comandos. O que eu tenho que fazer? Trata-se de download de extensão? Se for onde eu encontro?
Muito obrigada!!
Vanessa
Excelente!! Não sou programador e também sei que isso é o básico! Mas já é MUIIIIITOO bacana!!!
muito bom o teu tutorial curte!!!
muito bom...

Denis Oliveira <deniss.oliveira@tam.com.br>
Os tutoriais estão de parabéns, está me ajudando muito!!!
Tive só um problema, qd clico na aba Server Behaviors não aparece o item User Authentication , alguem pode me ajudar, será q a versão do meu Dream é diferente??
Esse eh um sistema de login e senha que fica facil descobri as informacoes.
Denis Oliveira <deniss.oliveira@tam.com.br>
Pessoal por favor se alguém puder me ajude!!!
Tem um tópico ai em cima....to precisando!!!
Valeu
Gabriel Pinotti-Visual Style comunicaç&atil <gabrielpinotti@hotmail.com>
cara vc me ajudou8 muito concertesa posso te chamar de O FODA COM O DREAMWEAVER...

brigadao
André Luiz da SIlva <djpreguinho@hotmail.com>
Caro Humberto adorei o seu tutorial,
mas tenho um grande problema quando vou publicar a parte de login o browser da o seguinte erro:

Warning: session_start() function.session-start: open(/htdocs/home/faculdadealianca/tmp/sess_1ff85638b4e56318a89f79a2e0608be5, O_RDWR) failed: No such file or directory (2) in /htdocs/home/faculdadealianca/www/login.php on line 35

Warning: session_start() function.session-start: Cannot send session cookie - headers already sent by (output started at /htdocs/home/faculdadealianca/www/login.php:35) in /htdocs/home/faculdadealianca/www/login.php on line 35

Warning: session_start() function.session-start: Cannot send session cache limiter - headers already sent (output started at /htdocs/home/faculdadealianca/www/login.php:35) in /htdocs/home/faculdadealianca/www/login.php on line 35

Como posso resolver, pois testando num servidor apache local da serto mas no meu provedor não,

os outro tutoriais deu certo

Aguardo resposta obrigado...
e de novo excelente tutorial
José Carlos <verdanatech@gmail.com>
O botão de do Behaviors
não esta fucionando alguem tem ele pronto para eu aprender a fazer?

E-mail: verdanatech@gmail.com
Paulo Ternoski <pauloternoski@hotmail.com>
Td bem Humbertoo, igual você disse, estou evoluindo muito com esses tutoriais ae... Tô aprendo algumas coisas já hehehe Abraço! Mto bom isso ae!!!
Luiz Filho <lcfilho@img.com.br>
Muito bom mesmo! Parabnes pela iniciativa!
Parabéns! Me ajudou bastante e o servidor Vertrigo é excelente. Abraço
ja vi os outros tutos e sao otimos
porem meu dreanweaver nao tem essa opçao de login user
sera porque eu estou usando o mx e vc o 8
Excelente artigo, pena q não estou conseguindo no Windows Vista com Dreamweaver CS3, quando coloco esse recurso de Restrict Access to page e dou F12 o apache(2.2.6) trava!
ñ consegui fazer pois sempre pede o servidor de teste e ñ sei como configura.
por favor nostre como fazer isso.
Otimo artigo, agora precisamos aprender a controlar os niveis e as permissões de cada usuario, poderia dar uma mãozinha
Sensacional..isso ai, simples e objetivo para quem é principiante, como eu.
que pena um tutorial tão bom e quando fui ver no meu DW não tem essa opção "user autentification" :(
Ótimo artigo. Gostaria de saber como é feito esse sistema de comentários, é possível? Fico no aguardo.
muito bom, so que , quando coloco os nives, ele vaipra paginade restrito, mesmo sendo admin
Nunca vi uma "aula" tão perfeita na net! Mas, por favor, me ajude!
Muito bom seu tutoriail... mas para as pessoas que nao manha nenhum pouco de sql, nao vao conseguir criar. hoje, 24/04/2008, ta com menos de 1mes que eu to mexendo com sql. graças ao pouco que eu aprendi de sql em outros tutoriais e graças ao seu tutorial criei meu sistema de registro com login. Muito maneiro mesmo seu artigo.
não sabia nada, me ajudou muito!!!
ótimo!!! me ajudou muito
erro estanho, como resolvo? obrigado.

Warning: session_start() function.session-start: Cannot send session cache limiter - headers already sent
Eu queria saber qual é o programa
q vc usa
Humberto, esse tutorial está mais do que excelente... Para nós que trabalhamos com dreamweaver, saber que ele realiza todas operações, que simplificam a vida do desenvolvedor é ótimo.
Parabéns e continue sempre fazendo esses tutoriais maravilhosos.
falta o exemplo...
gostei muito ....
me ajudou bastante
LarnerDesign <larnerdoj@hotmail.com>
muitoooooo bom esse tuto kra!!
tava precisando de algo meio parecido.. ajudou muito
vlw
adorei o porte, estou criando site e precisava disso, mais ainda tenho muitas duvidas
Muito bom esse tutorial! É explicativo e bem facil de entender. Mas só tem probleminha: no meu dreamweaver não tem essa opção, o meu é o cs3. Ou tem?
Rodrigo Hansen Coelho <rodrigohcoelho@gmail.com>
Muito Bom mesmo!!!
Esse é foda
altemar oliveira <contato@altemaroliveira.net>
excelente tutorial, estou cursando web designer developer e os seus artigos me ajudam muito para o meu crescimento.
parabéns
Parabéns pelos tutoriais, estava que nem louco procurando um formulário para dreamweaver, vou montar aqui este modelo que ja me atende 100%, Valeu cara e parabéns pelo post.
cara, fiz tudo como vc ae
mas ta dando um erro aki
o que poderia ser
Unknown column 'gerente' in 'where clause'

vles

Meu ótimo tuto, eu vi tantos tutoriais na internet mas não consegui entender eles sempre deixa alguma coisa faltando e como sou novo no ramo tenho sofrido bastante e sem querer acheo esse seu aqui maravilha.
Ai me add no msn pra nós tc, to com uma idéias ai e precisava de um auxilio valeu.
Olá Humberto, quero parabenizar o seu tutorial. Excelente! Procurei vários sistemas de login e senha, mas o seu foi tão simples e facil que consegui fazer em 10 min.
Continue com essa dedicação de passar seus conhecimentos aos outros.
Você foi nota 10!!!!!
Li, e vi a facilidade da linguagem que permitiu de cara entender o conteúdo proposto. Pensei, esse cara deve ser um professor tipo senhor de 47 anos, por aí, e nada....o cara é super novo, e "joga um bolaço". PARABÉNS e não perca a vontade de escrever e compartilhar conhecimento.
Carlos Augusto <carlosaugustovr@uol.com.br>
obrigado pelo tutorial humberto me ajudou bastante
Sua matéria tá excelente! Muito obrigado! Mas espero uma 3ª matéria ensinando a fazer um site interativo(o painel.php, no caso), use um exemplo básico pra gente aprender. Obrigado!
Marcos Ribeiro <mragostinho@hotmail.com>
Demorei para compreender, mas, assim que encontrei esse tutorial pude perceber como é fácil aprender quando se tem uma boa orientação. Parabéns seu trabalho é louvável.








Um produto Detetive.net