Embed Size (px)
Citation preview
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: [email protected]
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/
