Gwt parte 01

Embed Size (px)

Text of Gwt parte 01

  • R A F A E L A D R IA N O

    GWTGoogle Web Toolkit

    Parte 01

  • Introduo

    um framework desenvolvido pela Google, que facilita a criao de aplicativos web, sem preocupar-se com compatibilidade de navegadores e manuteno de cdigo JavaScript.

  • Ambiente

    IDE Eclipse;

    Suporte a linguagem Java;

    Google Suite Plugin;

    Facilita configurao do projeto GWT.

  • Projeto

    Estrutura do projeto;

    Servidor;

    Cliente;

    Configurao (Mdulo);

    Web;

    Biblioteca.

  • Prtica

    Criao do projeto;

    Nome: Teste;

    Pacote: br.udesc.

  • Mdulo

    XML;

    Nome do mdulo;

    Bibliotecas;

    Ponto de entrada;

    Lado cliente.

  • Prtica

    Criando um mdulo;

    Criar html;

    Inserir mdulo no html.

  • Ponto de entrada

    EntryPoint;

    onModuleLoad.

  • Prtica

    Criando ponto de entrada;

    Registrar no XML do mdulo.

  • Teste

    Compilar;

    Executar;

    Browser;

    Plugin;

    Sucesso.

  • Widgets

    So mini aplicaes projetadas para serem executadas como aplicaes individuais ou add-on(adicionveis) em pginas Web;

    No GWT so basicamente os componentes para se montar uma pgina web.

  • Prtica

    Criar um VerticalPanel;

    Criar um HorizontalPanel;

    Criar um Label;

    Criar um TextBox;

    Criar um Button.

  • Comunicao

    Suporta JSON e XML;

    GWT RPC um protocolo semelhante ao tradicional Java RMI, bastando criar uma interface e especificar os mtodos remotos que se desejam ser chamados;

    Serializa automaticamente os argumentos/parmetros;

    Todas suas chamadas so assncronas;

    Suporta transmitir excees.

  • Comunicao - GWT RPC

  • Prtica

    GWT RPC;

    Criar interface no pacote client; Interface estende RemoteService; Gerar Async pelo plugin no pacote client; Anotar a interface com @RemoteServiceRelativePath(servletName);

    Criar pacote server; Implementar interface no pacote server;

    Implementao estende RemoteServiceServlet;

    Implementao um servlet;

    Registrar o servlet no web.xml; Integrar com a tela.

  • Internacionalizao

    Suporta trs tcnicas de implementao;

    Static String Internacionalization;

    Dynamic String Internacionalization;

    Extending or implementing Localizable.

  • Prtica

    Static String Internacionalization;

    Criar duas interfaces; MinhasConstants estende a interface Constants; MinhasMessages estende a interface Messages;

    Criar dois arquivos properties; MinhasConstants_pt_BR.properties; MinhasMessages_pt_BR.properties;

    Registrar locale pt_BR no XML do mdulo; ;

    Registrar no XML do mdulo caso necessite formatar data; ;

    Criar constantes e mensagens; Integrar com a tela.

  • JSNI

    JavaScript Native Interface;

    Responsvel por permitir a codificao de JavaScriptno meio de cdigo Java;

    Mtodos JSNI so declarados nativamente e o bloco

    delimitado entre /*-{ e }-*/;

    Muito usado para criao de novos componentes.

  • Prtica

    Criar mtodo nativo;

    Invocar mtodo.

    public native void showMessage(String msg)/*-{$wnd.alert(msg);

    }-*/;

  • SmartClient

    Biblioteca JavaScript; Desenvolvida pela Isomorphic Software;

    Utilizao do lado client gratuita;

    URL: http://www.smartclient.com/;

    Integrao SmartClient com GWT; Projeto SmartGWT;

    OpenSource;

    URL: http://code.google.com/p/smartgwt/;

    Mais componentes;

    Componentes ricos.

  • Prtica

    Baixar biblioteca;

    Adicionar jars no classpath do projeto; smartgwt.jar;

    smartgwt-skins.jar;

    Registrar no biblioteca no XML do mdulo; ;

    Criar um ListGrid; Campos Nome e Idade;

    Popular.

  • Deploy/Prtica

    Compilao;

    Biblioteca; Adicionar bibliotecas necessrias na WEB-INF/lib;

    Publicao;

    Copiar pasta war e publicar no TomCat.

  • Continua...