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!