تقليل تعقيد الكود لـ GWT

Question

بدأت تعلم GWT بالقدوة على غوغل واستنتاجي الأول هو: الكثير من الكود

مثله:

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

هل لدى GWT أي ملحقات لتقليل حجم الرمز وتبسيط إنشاء نماذج GWT؟

Answer 1

مثال جميل (مبالغ فيه ولكن نظيفًا من الناحية النظيفة) لتصميم واجهة المستخدم GWT مع CSS و HTML العلامات الأولى gwt.

وأنا أتفق معك في أنه إذا اتبع المرء أمثلة عامة من وثائق Google ، فهي ليست تجربة ممتعة. لقد تغيرت الأشياء مؤخرًا لكنها لم تنعكس بعد في مستندات Google. جرب ما يلي: قبل الاستمرار في تطوير GWT ، شاهد هذين العروضين التقديميين: أفضل الممارسات و نصائح الأداء.

دون استخدام تصميم واجهة المستخدم المستند إلى CSS ، حافلة الأحداث ، GWT-RPC المستندة إلى نمط الأوامر ، طبقة عرض MVP و جوجل جين (تنفيذ GWT لـ Guice) من الصعب التغلب على التعقيد في GWT تمامًا كما هو الحال في أي إطار عمل ثقيل آخر.

إذا أحببت هذه الأفكار (الموضحة في العروض التقديمية أعلاه) ، فقد ترغب في التفكير GWT-Dispatch و GWT-Presenter التي تنفذ بعض هذه الأنماط.

أمثلة قليلة هي: مثال GWT MVP وapache Labs Hupa GWT المستندة إلى WebSmail

تحديث: للحصول على أحدث في تصميم MVP لـ GWT ، ابحث عن GWT MVP في GWT 2.1 و/أو GWT-platform الأطر (من بين أمور أخرى قد تعمل من أجلك).

Answer 2

Uibinder (GWT 2.0) يمكن أن يكون مفيدًا

Answer 3

الجيز قد يساعدك.

يوفر GEEZ تخطيطات الأناقة سهلة الاستخدام لـ GWT وسلسلة من الأساليب الثابتة لبناء عناصر واجهة مستخدمة شائعة الاستخدام.

Answer 4

نحن نستخدم Formbuilder فئة لإنشاء النماذج بسهولة ومضغوطة في الكود:

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

إنه يتتبع الصف والعمود الحاليين ، وتسميات الخلايا التي تعتمد باستمرار على الطريقة المستخدمة لإضافتها (التسمية ، الحقل وما إلى ذلك) ، يضمن تباعد ثابت ، إلخ. كل طريقة تُرجع كل طريقة لدعم مكالمات التسلسل. اشياء مثل wrap() تنطبق على الخلية المضافة سابقا.

هذا الفصل جزء من بوابات GWT نطاق.

Answer 5

الدفع http://code.google.com/p/gwt-pectin/ بالاشتراك مع uibinder