gwt - 与网页设计机构的 GWT 工作流程

Question

与网页设计机构一起创建 GWT Web 应用程序的最佳方式是什么？

我猜网页设计机构会给 ma 一个静态 html 文件 + css 文件。我应该如何将它与 GWT 集成？我应该使用 Button 的 .wrap() 方法，... 吗？或者，还有更好的方法？

谢谢

Answer 1

我认为第一部分是确定页面的哪些部分是静态的，以及页面的哪些部分需要 GWT。

您将把他们的图像放在一个或多个ClientBundle中（它允许您在单个 HTTP 请求中获取所有图像）。

您将把 CSS 放在CSSResouce中。

顺便说一句，您还可以为他们提供GWT 小部件库的链接，以便让他们了解您可以轻松做什么。

然后，如果他们给你一些静态文件，集成它的更简单方法是使用带有有用标签的uiBinder<HTMLPanel> ，它允许你将纯 HTML 放入 GWT 应用程序中。

例如，如果您的代理机构为您提供了带有文本和按钮的 HTML 代码：

<div><input type="button"/></div>

您可以像这样将其集成到 uiBinder 中：

MyComponent.ui.xml：

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>
  <g:HTMLPanel>
    <!-- replace <input type="button"> with the corresponding GWT component -->
    <div><g:Button ui:field="myButton"/></div>
  </g:HTMLPanel>
</ui:UiBinder>

我的组件.java：

public class MyComponent extends Composite{

  public interface MyUiBinder extends UiBinder<HTMLPanel, MyComponent>{}

  //This allows you to get the button and work with it
  @UiField
  Button myButton;

  public MyComponent(){
    //use the .ui.xml file to get the HTMLPanel
    MyUiBinder uiBinder=GWT.create(MyUiBinder.class);
    HTMLPanel panel = uiBinder.createAndBindUi(this);
    this.initWidget(panel);
  }

  //GWT sees the @UiHandler anotation and automatically adds a handler on "myButton".
  @UiHandler("myButton")
  public void onClickEvent(ClickEvent event){
  }
}

希望有帮助。