GWT: các phương pháp hay nhất để xây dựng giao diện web2.0 với GWT là gì?

Question

Tôi không phải là nghệ sĩ/nhà thiết kế vì vậy thường là GUI của tôi, bạn biết đấy ... Tôi đã tìm kiếm một chút với GWT và tôi có thể nhận được kết quả hợp lý nhưng tôi cảm thấy mình đã sử dụng các cách thu hút những kết quả đó.

Nếu cộng đồng cảm thấy câu hỏi này có thể hữu ích: vui lòng đặt một đề xuất cho mỗi câu trả lời.

Answer 1

Chúng tôi xác định các thực hành tốt nhất sau cấp cao cho GWT 1.6/1.7 (chỉ sau 3 tháng nghiên cứu và phát triển):

• mẫu sử dụng thiết kế (MVC/MVP, Command cho GWT-RPC, Composite cho thành phần widget, Observer cho bus sự kiện, v.v.);
• Cô lập logic ứng dụng với MVP bằng cách trừu tượng hóa các lớp tiện ích và chế độ xem bằng giao diện hiển thị của người trình bày và giao diện đặc trưng GWT (chẳng hạn như HasValue, HasText, v.v.);
• Sử dụng tiêm phụ thuộc với gin trên máy khách và Guice trên máy chủ (hoặc gắn bó với khung máy chủ hiện có như Spring);
• Sử dụng GWT Composite kết hợp với HTMLPanel để tăng lượt xem của bạn bằng html, css và MVP;
• Sử dụng thử nghiệm mô phỏng dựa trên việc tách biệt logic ứng dụng với MVP;
• Triển khai Xe buýt sự kiện với Trình quản lý xử lý GWT;
• Sử dụng các mô-đun GWT để tối ưu hóa hiệu quả quá trình biên dịch mã;
• Sử dụng các gói ứng dụng khách, chia sẻ và máy chủ khi tổ chức các mô-đun GWT;

Answer 2

• Cách tốt nhất là làm mọi thứ từ Java, do đó, HTML của bạn chỉ hoạt động như một trình giữ chỗ. Có, tôi ghét phải nói điều này, nhưng nếu bạn vẫn còn rối tung với HTML, nó chỉ làm cho cuộc sống của bạn trở nên khốn khổ hơn.
• Nếu bạn vẫn có tư duy web duy nhất, tách ứng dụng web thành nhiều trang html, hãy vứt bỏ đi, hãy xây dựng ứng dụng dành cho máy tính để bàn (chạy trên trình duyệt). Hãy nghĩ đến việc xây dựng ứng dụng xoay vòng.
• Nếu bạn cần tạo kiểu cho các thành phần GWT, hãy ghi đè lên các lớp css của GWT trong CSS của riêng bạn.
• Cách tốt nhất cuối cùng là tách ứng dụng của bạn với the MVP pattern. Lý do là vì bạn về cơ bản có thể viết toàn bộ ứng dụng trong một lớp Java, điều này tất nhiên có thể dẫn bạn đến địa ngục bảo trì và các vấn đề nếu bạn đang làm việc với một số đồng nghiệp.

Answer 3

Chúng tôi đã phát triển một cổng thông tin nhân sự lớn với GWT. Giao diện của ứng dụng này có thể được tùy chỉnh cho các triển khai khác nhau. Để làm điều này, chúng tôi sử dụng các đoạn HTML để tạo các phần của GUI, tức là các bit của HTML được gửi tới máy khách trong DTO và sau đó được nhồi vào các tiện ích HTML. Cách tiếp cận này hoạt động tốt cho quảng cáo tiêu đề, biểu trưng, ​​menu và v.v.

Những thứ khác (ví dụ: biểu mẫu chụp) được tạo bằng mã GWT thông thường.

Chúng tôi sử dụng "trang" (mã thông báo lịch sử khác nhau để xác định bạn đang ở đâu) vì điều này giúp người dùng có thể sử dụng dấu trang theo cách có ý nghĩa. Chúng tôi cũng tạo liên kết đến các phần khác nhau của hệ thống trong email và v.v.

Ứng dụng của chúng tôi bao gồm rất nhiều tiện ích "cấp cao hơn" mà chúng tôi gọi là "Portlets" được sắp xếp thành "trang" được xác định bằng XML. Một lần nữa điều này làm cho nó có thể tùy chỉnh các chức năng cho một cài đặt nhất định.

Tất cả điều này được thực hiện bằng cách sử dụng khung (GWT Portlets) mà chúng tôi đã xuất bản dưới dạng nguồn mở.