Um pouco sobre Vaadin

Introdução

Bom, Vaadin é uma extensão do GWT, com uma diferença interessante. O processamento e geração do Javascripts são feitos no lado server. Se quiser conferir, https://vaadin.com/, possui vários exemplos.

Vou mostrar um exemplo simples, que é basicamente como vem na aplicação blank do plugin para o Eclipse.

Criando a aplicação

Depois de instalar o plugin para Eclipse (confira aqui https://vaadin.com/eclipse), vá em File>New...>Vaadin Project.

Dê o nome do projeto como (no meu caso foi sample_blog), e depois forneça uma estrutura de pacote e o nome da aplicação que você está criando (coloquei package=com.example.sampleblog e Application=SampleBlogApplication).

Ok, agora é só finalizar e a aplicação inicial está criada. Assim, você pode dar uma olhada na classe SampleBlogApplication que vai ter a seguinte estrutura:

Código fonte 1
package com.example.sampleblog;


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


public class SampleBlogApplication extends Application {
@Override
public void init() {
Window mainWindow = new Window("Sample_blog Application");
Label label = new Label("Hello Vaadin user");
mainWindow.addComponent(label);
setMainWindow(mainWindow);
}


}

Entendendo o código fonte 1

Basicamente o Vaadin funciona pela classe Application. O método init que foi sobrescrito efetua a inicialização da aplicação, e a criação dos componentes da aplicação. A classe Window representa um janela ou uma sub janela, dependendo de onde for adicionada na aplicação. No nosso caso, estará representando uma janela. E a classe Label, por incrível que pareça, é um componente de rótulo.

Window, é um Container, e por isso podemos adicionar componentes a ele. Em mainWindow.addComponent(label) adicionamos o Label que foi criado ao container Window. Após isso devemos adicionar a Window a nossa aplicação, senão ela não vai aparacer XD

Mapeamento do Servlet

Após criar a aplicação, precisamos mapear o Servlet do Vaadin no web.xml:

<servlet>

<servlet-name>Sample_blog Application</servlet-name>

<servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>

<init-param>

<description>

Vaadin application class to start</description>

<param-name>application</param-name>

<param-value>com.example.sampleblog.SampleBlogApplication</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>Sample_blog Application</servlet-name>

<url-pattern>/*</url-pattern>

</servlet-mapping>

Deploy

Após fazer esta alteração no web.xml, basta exportar a aplicação como um arquivo WAR. Efetue o deploy da aplicação em algum container Web.

Depois acesse http://localhost:8080/app/ e vai aparecer o texto Hello Vaadin user. É interessante fazer uns testes com os componentes que o Vaadin proporciona, sem dúvida é possível fazer aplicações ricas para internet.

Abraços. Tchau!