terça-feira, 25 de dezembro de 2007

Sistema de login em flex

Neste meu segundo post vou criar um sistema básico de login em flex.

No meu projeto criei no meu mxml principal dois states um de nome index e outro de nome login, no state login devemos aplicar o Set as start state para que o state login seja o primeiro a ser iniciado



agora no state login vamos criar nossa tela de login



Como podem ver é uma tela simples com usuário, senha e um botão entrar, neste nosso exemplo vamos apenas verificar se o usuário e senha estão corretos e faremos a transição de states, para isso criaremos um método de nome entrar que deverar ser adicionado no atributo click do botão entrar, click="entrar();".



no nosso método verificamos se os dados estão corretos, se estivem mudamos de state com comando this.currentState = "index" e no state index terá um label que mostrará um Olá login



se os dados estivem errados, mostramos uma mensagem de erro e apagamos a senha digitada.

Esse foi um sistema simples para entendermos como funciona um sistema de login, há vários modos de se fazer a transição de telas, preferi usar states por ser mais prático e de fácil entendimento, na autenticação dos dados o mais correto é fazer uma persistência de dados em um banco de dados utilizando uma linguagem server-side, para entender como funcionar flex com php só ver o post iniciando flex com php e também a vários tutorias na internet que abordam o mesmo assunto.

Abraços

código fonte: http://andborges.byethost13.com/exemplo/login.rar

Um comentário:

luciosacramento disse...

Muito legal, brother. Não conhecia esse esquema de states. Abraço.