Reduzindo a complexidade do código para GWT

Question

Comecei a aprender GWT pelo exemplo em o Google E minha primeira conclusão é: Muito código

Assim:

stocks.add(symbol);
        stocksFlexTable.setText(row, 0, symbol);
        stocksFlexTable.setWidget(row, 2, new Label());
        stocksFlexTable.getCellFormatter().addStyleName(row, 1,
                "watchListNumericColumn");
        stocksFlexTable.getCellFormatter().addStyleName(row, 2,
                "watchListNumericColumn");
        stocksFlexTable.getCellFormatter().addStyleName(row, 3,
                "watchListRemoveColumn");

O GWT tem alguma extensão para reduzir o tamanho do código e simplificar a criação de formulários GWT?

Answer 1

Bom exemplo (simplificado demais, mas limpo conceitualmente) do design da interface do GWT com CSS e HTML é Tags primeiro gwt.

Concordo com você que, se segue exemplos genéricos da documentação do Google, não é uma experiência agradável. As coisas mudaram ultimamente, mas elas ainda não se refletem totalmente no Google Docs. Tente o seguinte: Antes de continuar com o GWT Development, assista a estas 2 apresentações: Melhores Práticas e Dicas de desempenho.

Sem usar o design da interface do usuário baseado em CSS, barramento de eventos, comandos baseados em padrão GWT-RPC, camada de apresentação MVP e Google-gin (Implementação do GWT de Guice) É difícil superar a complexidade no GWT, como em qualquer outra estrutura pesada da GUI.

Se você gostou dessas idéias (descrito nas apresentações acima), pode querer considerar GWT-Dispatch e gwt-apresentador que implementam alguns desses padrões.

Poucos exemplos são: Exemplo GWT MVP eApache Labs HUPA GWT Webmail

ATUALIZAÇÃO: O mais recente em design de MVP para GWT procurar GWT MVP no GWT 2.1 e/ou gwt-platform estruturas (entre outras que podem funcionar para você).

Answer 2

Uibinder (GWT 2.0) pode ser útil

Answer 3

Nossa pode ajudá -lo.

A Puxa fornece layouts de estilo fácil de usar para GWT e uma série de métodos estáticos para construir widgets comumente usados.

Answer 4

Usamos um FormBuilder Classe para formas de construção de fácil e compactação no código:

ListBox type = ...
TextBox notes = ...

FormBuilder b = new FormBuilder();
b.label("Chart type").field(type).endRow();
b.label("Notes").field(notes).wrap().endRow();
b.add("Some help text").style("help").wrap().endRow();

FlexTable form = b.getForm();
...

Ele acompanha a linha e a coluna atuais, estiliza as células de forma consistente, dependendo do método usado para adicioná -las (etiqueta, campo etc.), garante espaçamento consistente, etc. etc. Cada método retorna um FormBuilder para apoiar as chamadas de encadeamento. Coisas como wrap() Aplique na célula adicionada anteriormente.

Esta aula faz parte do Portlets GWT estrutura.

Answer 5

Verificação de saída http://code.google.com/p/gwt-pectin/ Em combinação com o Uibinder