R.I.A. – Sistema de Notícia com Flash e Coldfusion – Parte 1Salve pessoal, muitas novidades esse ano na área de Rich Internet Application, uma delas é que apartir de hoje estamos com um novo colunista, o nome dele é Leonardo França e ele irá trazer até vocês conteúdo sobre AMF PHP, FLEX, AS3, Flash Media Sever.
Bom vamos ao que interessa. Os pré-requisitos desse tutorial:
ColdFusion MX 7 Flash Remoting 2.0 Flash 8 Dreamweaver 8 Arquivos do Tutorial Criando Componente ColdFusion ( CFC )Agora iremos criar a estrutura do componente ColdFusion, para isso vamos abrir o Dreamweaver e criar um novo componente vamos salvar esse componente dentro da pasta OOP na raiz de nosso projeto, e vamos chamalo de mxstudio.cfc.
Com a base de dados já pronta, e devidamente registrada no Administrador do ColdFusion vamos ao próximo passo de nosso tutorial. Agora escreva o código abaixo, que basicamente é uma função para retornar os dados da tabela noticia e uma função para inserir dados nessa mesma tabela recebendo alguns parametros passados pelo Flash. <cfcomponent>
<!— Função para retorno de dados da tabela Noticia. —> <cffunction name=”RetornaNoticia” access=”remote” returntype=”query”> <cfquery name=”q_noticia” datasource=”lucasmarcal”> SELECT * FROM noticia ORDER BY id_noticia </cfquery> <cfreturn q_noticia> </cffunction> <!— Fim da Função —> <!— Função para Inserir dados na tabela Noticia —> Criando Arquivo em FlashFeito isso abra o arquivo Noticia.Fla e veja a estrutura como ele foi montado, então na tela de _root e na camada Actions digite o seguinte código: // Iniciando a conexão com o Flash Remoting
import mx.remoting.*; // Condição if (init == null) { init = true; // Setando o local do Remoting NetServices.setDefaultGatewayUrl(”http://localhost/flashservices/gateway”); // Criando a variável de conexão conn = NetServices.createGatewayConnection(); // Criando a variável de serviço, e setando o componente sem colocar sua extenção e setando a pasta raiz ou seja no caso do exemplo abaixo // a pasta raiz está dentro de wwwroot/Inetpub/Desafio service = conn.getService(”Desafios.OOP.mxstudio”, this); } ////////////////////////////////////////////////////////////////////////////////// //Propriedades de componentes e MovieClips confirma._visible = false; detalhe._visible = false ////////////////////////////////////////////////////////////////////////////////// // Eventos do Data Grid. var objDg:Object = new Object(); objDg.change = function(eventObject) { /* selectedItem = Retorna o resultado do item selecionado no DataGrid */ detalhe._visible = true id = dgDados.selectedItem.id_noticia; detalhe.detData.text = dgDados.selectedItem.data detalhe.detAutor.text = dgDados.selectedItem.autor detalhe.detAssunto.text = dgDados.selectedItem.assunto detalhe.detMensagem.text = dgDados.selectedItem.mensagem }; Dentro do MovieClip Detalhe, na camada action digite o seguinte codigo: var confirma:MovieClip
fechar.onPress = function () { Agora é só executar sua aplicação e ele estará funcionando normalmente, espero que você tenham gostado desse tutorial, na próxima parte vamos criar as funções para editar e deletar as noticias. Para maiores informações sobre o artigo visite o Forum de R.I.A., o o meu blog pessoal |
Assine o Feed de Comtentários ou URL de Trackback