GWT의 코드 복잡성 감소
-
07-07-2019 - |
문제
나는 예를 들어 GWT를 배우기 시작했다 Google 그리고 나의 첫 번째 결론은 다음과 같습니다. 너무 많은 코드
이와 같이:
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 양식 작성을 단순화하기위한 확장 기능이 있습니까?
해결책
CSS와 HTML을 사용한 GWT UI 디자인의 좋은 예 (과도하지만 개념적으로 깨끗하게) 태그 먼저 GWT.
Google 문서의 일반적인 사례를 따르면 즐거운 경험이 아니라는 데 동의합니다. 최근에는 상황이 바뀌었지만 아직 Google 문서에 완전히 반영되지 않았습니다. 다음을 시도해보십시오. GWT 개발을 시작하기 전에이 두 가지 프레젠테이션을 시청하십시오. 모범 사례 그리고 성능 팁.
CSS 기반 UI 디자인, 이벤트 버스, 명령 패턴 기반 GWT-RPC, MVP 프리젠 테이션 계층 및 Google 진 (GUICE의 GWT 구현) 다른 무거운 GUI 프레임 워크와 마찬가지로 GWT의 복잡성을 극복하기가 어렵습니다.
이 아이디어가 마음에 들면 (위의 프레젠테이션에 설명되어 있음) GWT-DISPATCH 그리고 GWT-PRESENTER 이 패턴 중 일부를 구현합니다.
몇 가지 예는 다음과 같습니다. GWT MVP 예제 그리고Apache Labs Hupa GWT 기반 웹 메일
업데이트 : GWT for GWT의 최신 MVP 디자인. GWT MVP GWT 2.1 및/또는 GWT- 플랫폼 프레임 워크 (다른 것 중에서도 당신을 위해 일할 수 있음).
다른 팁
Uibinder (GWT 2.0)이 도움이 될 수 있습니다
geez 도움이 될 수 있습니다.
Geez는 GWT 용 사용하기 쉬운 스타일 레이아웃과 일반적으로 사용되는 위젯을 구축하기위한 일련의 정적 방법을 제공합니다.
우리는 a를 사용합니다 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();
...
현재 행과 열을 추적하며, 추가하는 데 사용되는 방법 (레이블, 필드 등)을 보장하고 일관된 간격 등을 보장합니다. 각 방법은 체인 호출을 지원하기 위해 Formbuilder를 반환합니다. 같은 것들 wrap()
이전에 추가 된 셀에 적용하십시오.
이 수업은 GWT 포틀릿 뼈대.
체크 아웃 http://code.google.com/p/gwt-pectin/ Uibinder와 함께