Meu primeiro projeto

[ezequiellorenzatti 0]

Olá

 

Comecei meus estudos de Adobe FLEX 4

 

já tenho uma base mínima de conhecimento, estou tentando desenvolver um sistema de login.

 

Segue link para download deixo o projeto que eu iniciei para uma análise e critícas.

 

Não é nada funcional, é só um sistema de login que estou trabalhando.

 

Ainda tenho problemas e gostaria de uma ajuda na seguinte questão.

 

- Não sei como formatar o campo senha para não aparecer os caracteres?

- Após feito login com sucesso, como fazer o navegador lembrar que o usuário já esta logado quando atualizar a página (F5)?

- Como autenticar o login em banco de dados ?

 

Qualquer ajuda é bem vinda.

[Matheus Brito 12]

Não vo baixar porque ainda uso o flex 3. De acordo com suas dúvidas você ainda não tem nada do login.

 

1- Basta ir no modo design mesmo e setar a propriedade password do TextInput

 

2- Voce pode usar session, no php para quando apertar f5 não ter o problema de logar de novo.

 

3- Criar sua base de dados, criar sua tabela de usuarios e validar seu login, testando se o que o cara digitou é igual ao registro do banco.

 

 

Abs

[ezequiellorenzatti 0]

Não vo baixar porque ainda uso o flex 3. De acordo com suas dúvidas você ainda não tem nada do login.

 

1- Basta ir no modo design mesmo e setar a propriedade password do TextInput

 

2- Voce pode usar session, no php para quando apertar f5 não ter o problema de logar de novo.

 

3- Criar sua base de dados, criar sua tabela de usuarios e validar seu login, testando se o que o cara digitou é igual ao registro do banco.

 

 

Abs

 

 

Seguindo as primeiras dicas, pesquisei sobre o campo TextInput, a pergunta numero 1 já foi resolvida.

 

só faltava declarar displayAsPassword="true" no campo em questão.

 

vou ter que pesquisar ainda sobre sessões no php, isso é uma coisa nova pra mim, estou estudando tudo do zero, mas vontade não falta.

 

o banco de dados eu já criei, agora só falta entender como funciona o tratamento de dados do flex.

 

Segue o código da aplicação para quem não quiser baixar ou não usar o flex 4 .

 

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" currentState="Login">
	<fx:Style source="FlexTraining.css"/>

	<fx:Script>
		<![CDATA[
			import mx.events.CloseEvent;
			
			import valueObjects.Login;
			protected function OkBtn_clickHandler(event:MouseEvent):void
			{
			if (LoginTxt.text == "admin" &&  SenhaTxt.text == "123")
			{
				currentState = "Admin";
			}
			else
			{
			    currentState = "LoginNegado";
				SenhaTxt.text = ""; 					
			}
			}

			protected function VoltarBtn_clickHandler(event:MouseEvent):void
			{
				currentState = "Login";
				SenhaTxt.text = "";
			}


			protected function BackBtn_clickHandler(event:MouseEvent):void
			{
				currentState = "Login";
				SenhaTxt.text = "";
			}

		]]>
	</fx:Script>

	<s:states>
		<s:State name="Login"/>
		<s:State name="LoginNegado"/>
		<s:State name="Admin"/>
	</s:states>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:Panel verticalCenter="0" horizontalCenter="0" width="250" height="200" title="Controle de Acesso" id="LoginPnl" y="10" x="10" includeIn="Login,LoginNegado">
		<s:Label text="Login" id="Login" fontSize="20" x="20" y="13"/>
		<s:Label text="Senha" id="Senha" fontSize="20" x="20" y="57"/>
		<s:TextInput id="LoginTxt" x="110" y="10" enabled.LoginNegado="false"/>
		<s:TextInput displayAsPassword="true" id="SenhaTxt" x="109" y="54" enabled.LoginNegado="false"/>
		<s:Button label="Entrar" id="OkBtn" click="OkBtn_clickHandler(event)" includeIn="Login" x="85" y="84"/>
		<s:Button includeIn="LoginNegado" x="85" y="84" label="Voltar" id="VoltarBtn" click="VoltarBtn_clickHandler(event)"/>
		<s:Label x="13" y="126" text="Login ou Senha incorretos" fontSize="19" color="#F5370B" includeIn="LoginNegado"/>
	</s:Panel>
	<s:Label verticalCenter="-25" horizontalCenter="0" includeIn="Admin" text="Ambiente em desenvolvimento" fontSize="20" id="Mess1"/>
	<s:Button verticalCenter="30" horizontalCenter="0" includeIn="Admin" x="442" label="Voltar" id="BackBtn" click="BackBtn_clickHandler(event)"/>
</s:Application>

[Matheus Brito 12]

Ta errado a validacao você faz no php, ele que diz se o usuario é o correto e não o flex. O flex so vai exibir as informacoes pro usuário, mas o metodo de login você faz no php.

 

Abs

[ezequiellorenzatti 0]

Ta errado a validacao você faz no php, ele que diz se o usuario é o correto e não o flex. O flex so vai exibir as informacoes pro usuário, mas o metodo de login você faz no php.

 

Abs

 

O Teste no Flex eu fiz, porque estou justamente iniciando meus estudos e estou saindo praticamente do zero.

 

Estou pesquisando justament a integração FLEX + PHP nesse momneto.

 

Uma dúvida, posso usar o DW para desenvolver a parte do php que vai ser integrada ao FLEX ?

 

Erro extranho, alguém sabe o motivo.

 

Estou refazendo todo o código, e já estou testando o acesso aos dados do mysql pelo php, estou recebendo essa mensagem, alguém consegue me ajudar.

 

Channel disconnected

Channel disconnected before an acknowledgement was received

[Eder Fortunato 15]

poste o código que você esta usando....

 

 

 

 

[]´s

[ezequiellorenzatti 0]

poste o código que você esta usando....

 

[]´s

 

estou fazendo um teste independente de código, só pra ver como funciona, fiz usando o gerador de forms do proprio flex

segue o codigo.

obs, omiti o envio do id para o banco e removi do formulario pois já esta setado como auto increment no mysql.

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:valueObjects="valueObjects.*" xmlns:usuariosservice="services.usuariosservice.*">
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			
			protected function button_clickHandler(event:MouseEvent):void
			{
				var usuarios2:Usuarios = new Usuarios();
				// usuarios2.id = parseInt(idTextInput.text);
				usuarios2.usuario = usuarioTextInput.text;
				usuarios2.senha = senhaTextInput.text;
				usuarios2.nome = nomeTextInput.text;
				usuarios2.cpf = parseInt(cpfTextInput.text);
				usuarios2.email = emailTextInput.text;
				usuarios2.datacadastro = datacadastroDateField.selectedDate;
				usuarios2.linkfoto = linkfotoTextInput.text;
				usuarios2.fone1 = fone1TextInput.text;
				usuarios2.fone2 = fone2TextInput.text;
				usuarios2.aniversario = aniversarioDateField.selectedDate;
				
				createUsuariosResult.token = usuariosService.createUsuarios(usuarios2);
			}
			
		]]>
	</fx:Script>
	<fx:Declarations>
		<valueObjects:Usuarios id="usuarios"/>
		<usuariosservice:UsuariosService id="usuariosService" fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)" showBusyCursor="true"/>
		<s:CallResponder id="createUsuariosResult"/>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<mx:Form defaultButton="{button}" width="267">
		<mx:FormItem label="Usuario">
			<s:TextInput id="usuarioTextInput" text="{usuarios.usuario}"/>
		</mx:FormItem>
		<mx:FormItem label="Senha">
			<s:TextInput id="senhaTextInput" text="{usuarios.senha}"/>
		</mx:FormItem>
		<mx:FormItem label="Nome">
			<s:TextInput id="nomeTextInput" text="{usuarios.nome}"/>
		</mx:FormItem>
		<mx:FormItem label="Cpf">
			<s:TextInput id="cpfTextInput" text="{usuarios.cpf}"/>
		</mx:FormItem>
		<mx:FormItem label="Email">
			<s:TextInput id="emailTextInput" text="{usuarios.email}"/>
		</mx:FormItem>
		<mx:FormItem label="Datacadastro">
			<mx:DateField id="datacadastroDateField" selectedDate="{usuarios.datacadastro}"/>
		</mx:FormItem>
		<mx:FormItem label="Linkfoto">
			<s:TextInput id="linkfotoTextInput" text="{usuarios.linkfoto}"/>
		</mx:FormItem>
		<mx:FormItem label="Fone1">
			<s:TextInput id="fone1TextInput" text="{usuarios.fone1}"/>
		</mx:FormItem>
		<mx:FormItem label="Fone2">
			<s:TextInput id="fone2TextInput" text="{usuarios.fone2}"/>
		</mx:FormItem>
		<mx:FormItem label="Aniversario">
			<mx:DateField id="aniversarioDateField" selectedDate="{usuarios.aniversario}"/>
		</mx:FormItem>
		<s:Button label="Incluir" id="button" click="button_clickHandler(event)"/>
	</mx:Form>
	<mx:Form x="0" y="371">
		<mx:FormItem label="CreateUsuarios">
			<s:TextInput id="createUsuariosTextInput" text="{createUsuariosResult.lastResult as int}"/>
		</mx:FormItem>
	</mx:Form>
</s:Application>