domingo, 16 de setembro de 2012

Configurando Ambiente de Desenvolvimento para Vaadin Framwork

Configurando o ambiente de Desenvolvimento para Aplicações Web com Vaadin Framework!


         Olá pessoal, como mencionei no post anterior hoje preparei um video mostrando como configurar o Ambiente de Desenvolvimento para Vaadin, no video Utilizei a IDE Eclipse e o Servidor Apache Tomcat para Implantar a Aplicação, você pode fazer o download da IDE e do TomCat nos Links Abaixo:

Eclipse IDE Juno: http://www.eclipse.org
Apache Tomcat 7: http://tomcat.apache.org

O código fonte comentado e explicado esta no final deste post.


  



package com.example.olamundo;

import com.vaadin.Application;
import com.vaadin.ui.*;
import com.vaadin.ui.Button.ClickEvent;

public class OlaMundo extends Application {
    @Override
    public void init() {
        final Window mainWindow = new Window("Janela Principal da Aplicação"); //Define uma Janela
        Label label = new Label("Olá Mundo!"); //Define um Label
        Button bt_teste = new Button("Clique-me!"); //Instancia um Novo Botão, informando seu Caption como "Clique-me"
        //Adiciona Listener para o Clique do Botão
        bt_teste.addListener(new Button.ClickListener() {
            
            //Função do Clique do Botão, Existem outras formas de definir uma função para um clique depois veremos outras
            public void buttonClick(ClickEvent event) {
                mainWindow.showNotification("Vaadin Framwork BR ! - @marconidev");                
            }
        });
        Button bt_teste2 = new Button("Segundo Botão");
        mainWindow.addComponent(label); //Adiciona o Label dentro da Janela
        mainWindow.addComponent(bt_teste);//Adiciona Botão que Criamos dentro da Janela bem abaixo do Label
        mainWindow.addComponent(bt_teste2);
        setMainWindow(mainWindow);//Seta a Janela criada como Janela Principal da Aplicação
    }

}

 #Explicação

Como devem ter notado a classe Principal da Aplicação tem que ser extendida de Application e tem que implementar um método init(), mais isto o plugin do vaadin já faz pra nós na criação do projeto novo, e também ja adiciona uma Window, que se refere a uma janela do navegador ou mesmo uma guia, e quando é instanciada é definido o título da janela como "Janela Principal da Aplicação" , um componente Label também é instanciado, e também um botão é instanciado, definindo-se o caption para "Clique-me" e adicionado um Listenter e na função desse clique adicionamos uma notificação na Window criada mais acima, criamos também um segundo botão e por fin adicionamos tudo a Window criada no inicio e por ultimo definimos que a Window criada será e janela principal da Aplicação, isso porque na teoria uma aplicação Web pode conter uma ou mais janelas no navegador, mais precisa-se definir a principal.

NOTA: A medida que fazemos alterações em nossa aplicação não basta somente da um refresh no navegador para visualiza-las, isso porque o Apache Tomcat persiste as informações mesmo se o servidor for restartado, para isso adicionamos o parametro após o endereço no navegador (?restartApplication) com isso o vaadin se encarrega de terminar aquela sessão e começar outra, veremos mais detalhes, quando falarmos sobre ciclo de vida de Aplicações Web com Vaadin.

por hoje ficamos por aqui espero que tenham gostado e que consigam, montar também o vosso ambiente de desenvolvimento, reomenda-se também a utilização do Firefox junto com Firebug, mais isso veremos numa outra oportunidade.

Grande Abraço a Todos!

Nenhum comentário:

Postar um comentário