GWT (Google Web Toolkit)

Tecnólogo em Análise e Desenvolvimento de Sistemas

Linguagem e Técnica de Programação IV

Tecnologia Java

Professor: Hélder Seixas LimaE-mail: helder.seixas@ifnmg.edu.br

GWT: Google Web Toolkit no NetBeans

Entendendo o GWT

Ao criar o projeto é gerado os arquivos necessários para uma aplicação Java EE com o framework GWT;

Arquivo /web/WEB-INF/web.xml Arquivo do padrão JEE

Entendendo o GWT

Arquivo /web/welcomeGWT.html Página HTML inicial do projeto

Entendendo o GWT

Arquivo /src/br/edu/ifnmg/Principal.gwt.xml Arquivo de configuração de um módulo

Entendendo o GWT

Arquivo /src/br/edu/ifnmg/client/PrincipalEntryPoint.java

Implementa o ponto de entrada de uma aplicação GWT

Resultado

Observação sobre GWT

Pode-se construir páginas Web completas usando apenas código Java:

Porém, é uma tarefa bastante complexa e gera um código de difícil manutenção;

O ideal é definir o layout seguindo a estrutura do HTML e a parte dinâmica ser manipulada em uma linguagem de programação (Java);

Para isso criaram o UiBinder.

Deseja-se esta tela

O HTML seria este

Implementando tela com UiBinder

Ative o UiBinder no módulo: Edite o arquivo Principal.gwt.xml.

Implementando tela com UiBinder Criar um UiBinder

Clique com o botão direito no pacote “br.edu.ifnmg.client” e selecine “Novo” → “Outro”;

Defina como na imagem abaixo:

Implementando tela com UiBinder

Implementando tela com UiBinder

Foi criado os arquivos TelaMensagem.ui.xml (Onde é definido o layout) TelaMensagem.java (Onde é definido as ações)

Defina o layout Arquivo TelaMensagem.ui.xml

Defina o layout

Para conhecer mais os componentes visuais do GWT acesse:

https://developers.google.com/web-toolkit/doc/latest/DevGuideUiBinder

Defina as ações Arquivo TelaMensagem.java

Resultado

Legal, mas dá trabalho

Implementar telas na “raça” sempre é trabalhoso;

Facilita muito ter ferramentas como o Delphi que me permite construir telas arrastando e soltando componentes;

A solução no GWT é o “GWT Designer” É um plugin do Eclipse que permite construir telas

facilmente.

GWT Designer

Conheça mais...

https://developers.google.com/web-toolkit/tools/gwtdesigner/

https://developers.google.com/web-toolkit/