Code Reduzierung der Komplexität für GWT

Question

Ich begann mit gutem Beispiel auf google und meine erste Schlussfolgerung ist GWT lernen: zu viel Code

So:

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"); 

zur Reduzierung der Codegröße

Hat GWT irgendwelche Erweiterungen und vereinfacht das Erstellen von GWT-Formularen?

Answer 1

Nice Beispiel (stark vereinfacht, aber sauber konzeptionell) von GWT UI Design mit CSS und HTML ist Tags First GWT.

Ich stimme Ihnen zu, dass, wenn man generische Beispiele aus der Google-Dokumentation folgt, es keine angenehme Erfahrung ist. Die Dinge haben sich in letzter Zeit geändert, aber sie werden noch nicht vollständig in den Google-Dokumenten wiedergegeben. Versuchen Sie Folgendes: Bevor Sie mit der GWT-Entwicklung fortfahren, schauen Sie sich diese 2 Präsentationen an: Best Practices und Performance Tips.

Ohne CSS-basiertes UI-Design, Ereignis-Bus, GWT-RPC auf Befehlsbasis, MVP-Darstellungsebene und google-gin (GWT-Implementierung von Guice) ist es schwierig, die Komplexität in GWT zu überwinden.

Wenn Ihnen diese Ideen gefallen (beschrieben in den obigen Präsentationen), sollten Sie vielleicht gwt-dispatch und gwt-presenter in Betracht ziehen, die einige dieser Muster implementieren.

Einige Beispiele sind: GWT MVP Example und Apache Labs Hupa GWT-based webmail

UPDATE: für die neuesten in MVP-Design für GWT sucht GWT MVP in GWT 2.1 und/oder gwt-platform Rahmenbedingungen (ua die für Sie arbeiten kann).

Answer 2

UiBinder (GWT 2.0) können Sie

Answer 3

Geez helfen könnte hilfreich sein.

Geez bietet einfach zu verwendende Stillayouts für GWT und eine Reihe von statischen Methoden zum Erstellen häufig verwendeter Widgets.

Answer 4

Wir verwenden eine FormBuilder Klasse einfach und kompakt Formen in Codekonstrukt:

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(); 
... 

Es verfolgt die aktuelle Zeile und die Spalte, konsistent Arten Zellen abhängig von dem Verfahren verwendet, um sie zu addieren (label, Feld usw.), gewährleistet konsistenten Abstand, usw. usw. Jede Methode gibt einen FormBuilder zurück, um die Verkettung von Anrufen zu unterstützen. Dinge wie wrap() gelten für die zuvor hinzugefügte Zelle.

Diese Klasse ist Teil des GWT Portlets Frameworks.

Answer 5

Check out http://code.google.com/p/gwt-pectin/ in Kombination mit UiBinder