Formulario, Flex + PHP

Started by kyc001, 09 de October , 2008, 12:07:57 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

kyc001

Creio que estou postando no lugar correto, caso não esteja... peço para mudarem para o local correto.


Comecei a mexer com Flex a pouco tempo, para meus trabalhos e entrar na onda da tal de RIA(Rich Internet Applications) e estou achando ela, uma ferramenta fodona auhauh
Aqui vou explicar como fazer um simples formulario para cadastro do Nome e E-mail da pessoa, para quem esta começando agora.
Neste post do Reeaves tem os link para download do Flex Builder 3.0 e uma breve explicação.
http://www.darkers.com.br/forum/index.php?topic=10059.0


Com o Flex aberto, clique em File > New > Flex Project


Coloque o nome do Projeto e clique em Finish


Logo que clicar em Finish, abrira a janela do seu projeto.
Entre no modo "Source" e digite o codigo (Você pode usar a Janela de componentes, arrastando os componetes que queira usar para a janela de design):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
   <mx:TextInput x="55" y="10" id="nome"/>
   <mx:Label x="10" y="12" text="Nome:"/>
   <mx:TextInput x="55" y="49" id="email"/>
   <mx:Label x="10" y="51" text="E-mail:"/>
   <mx:Button x="95" y="93" label="Enviar"/>
</mx:Application>


Agora, antes de </mx:Application> vamos fazer um script que vai se comunicar com o PHP.

    <mx:Script>
<![CDATA[
import mx.controls.Text;
import mx.containers.TitleWindow;
import flash.net.sendToURL;

private function Enviar():void {


            var urlString:String = "Arquivo PHP";
            var request:URLRequest = new URLRequest(urlString);
            var variables:URLVariables = new URLVariables();
            variables.nome = nome.text;
            variables.email = email.text;
            request.data       = variables;
            request.method     = URLRequestMethod.POST;
    navigateToURL(request,"_parent");
        }

]]>
</mx:Script>

Usamos o "import flash.net.sendToURL;", para poder trabalhar com URL e fazer a ligação com o php.
Em "variables.nome = nome.text" e "variables.email = email.text", pegamos o que foi digitado no TextInput e usamos o POST para mandar essas informações.

Agora no Button, vamos acrescentar o evento "click"... para que chame a função Enviar(), que criamos no script.
ficando assim: <mx:Button x="95" y="93" label="Enviar" click="Enviar()"/>

Nosso codigo no final ficara assim:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
   <mx:TextInput x="55" y="10" id="nome"/>
   <mx:Label x="10" y="12" text="Nome:"/>
   <mx:TextInput x="55" y="49" id="email"/>
   <mx:Label x="10" y="51" text="E-mail:"/>
   <mx:Button x="95" y="93" label="Enviar" click="Enviar()"/>

    <mx:Script>
<![CDATA[
import mx.controls.Text;
import mx.containers.TitleWindow;
import flash.net.sendToURL;

private function Enviar():void {


            var urlString:String = "Arquivo PHP";
            var request:URLRequest = new URLRequest(urlString);
            var variables:URLVariables = new URLVariables();
            variables.nome = nome.text;
            variables.email = email.text;
            request.data       = variables;
            request.method     = URLRequestMethod.POST;
    navigateToURL(request,"_parent");
        }

]]>
</mx:Script>
</mx:Application>


Agora no arquvio php, é só fazer um request que ta pronto.

Para quem quiser dar uma estuda em AS, segue uma apostila para iniciantes.
http://rapidshare.com/files/152381121/as3_book_parte_1.pdf.html