Olá, pessoal, este é o primeiro artigo que eu escrevo, vou tentar explicar de uma maneira fácil, com bastante detalhes e imagens, assim, espero que todos consigam entender o que eu pretendo passar.

Bem, como muitos dizem que a primeira impressão é a que fica, espero começar bem. Tentarei sempre abordar em meus artigos assuntos específicos que enfrento no dia-a-dia.

Para começar explicarei como fazer um sistema de login simples e, em outro artigo posterior, irei incrementar esse exemplo com consulta ao banco de dados e recuperando dados desse usuário. Enfim, isso vocês irão ver depois.

01 – No Flex crie um novo projeto (menu File > New > New Flex Project):

02 – Vamos desenhar o layout do nosso login, algo simples, apenas para demonstrar o que queremos.

Basicamente ele consiste de um painel, com dois campos de texto, um que será preenchido com o nome do usuário, e outro que será preenchido com a senha, além de um botão que irá chamar a função para fazer o login.

A tela ficará assim:

03 – Criei um bloco de script que irá fazer a “lógica” do login.

A função do login verifica o texto digitado no campo do login e de senha e compara com a string que determinei para ser o usuário e a senha (esses dados, posteriormente, serão recuperados de um banco de dados).

Se os dados conferirem, ele me apresenta a mensagem de sucesso; caso os dados sejam diferentes, ele me apresenta uma mensagem de erro.

Enfim, é isso, algo simples, mas espero que ajude bastante gente. E aguardem, que em breve vem a segunda parte do artigo, então, vocês vão ver que isso vai ficar interessante.

Abraços!

Download do projeto aqui.