java - GWT 表示层 : Who does what?

coder 2024-03-18 原文

我正在学习 GWT 并试图了解所有 UI 选项。我正在尝试了解何时/何地/如何使用小部件、UIBinder、GWT 设计器和自定义小部件。具体来说:

GWT Designer 生成什么作为输出？ UIBinder XML？当您不想手动编码 UIBinder XML 时，可以说可以使用 GWT Designer，但它们都具有相同的确切目的，这是否可以肯定？

什么时候在小部件上使用 UIBinder？是不是 Widget 被翻译成 UIBinder XML，但其中有更多的代码(事件处理等)？在那种情况下，我会假设 UIBinder XML 的优势是代码更少，从而性能更快？在两者之间进行选择时还应考虑其他因素吗？

您是否编写了大量 UIBinder XML“片段”或只是将它们全部打包到一个大的整体 XML 文件中？

对于制作我自己的自定义组件，扩展 com.google.gwt.user.client.ui.* 有什么区别？对比 com.google.gwt.user.client.ui.Composite ?

分工:Widgets/UIBinder vs. Layouts vs CSS files:谁做什么？

对我来说，我觉得所有这些东西都做同样的事情，也许这只是 GWT 为您提供多种方式来完成演示的方式？如果没有，请在这些项目上纠正我。

最佳答案

当小部件非常简单时，我只在 UiBinder 上使用小部件。例如，我只是将两个小部件添加到 Panel .如果涉及任何 CSS，我总是使用 UiBinder，因为它更容易处理样式。

小部件不会被翻译成 UiBinder XML。所有 GWT 代码都变成了添加和操作 DOM 元素的 JavaScript，因此所有内容都被转换为可执行语言，而不是模板系统。

我写了很多 UiBinder 片段。我尝试遵循有关抽象和组合的良好规则，您可以在网络上找到这些规则。

如果您有任何重要的逻辑，则必须使用 MVP 模式，因为使用 JUnit 测试无 GWT 的 Presenter 非常快速和容易，而 GWT 测试的开销要大得多，而且速度要慢得多。

我喜欢在 CSS 文件中保留尽可能多的样式，因为分离关注点是一种标准的良好做法，您可以压缩和捆绑 CSS 文件，以及许多其他原因与在普通 HTML 页面中放置 CSS 的原因相同在单独的文件中，而不是直接在页面上。

我从不使用 GWT 设计器。我总是更喜欢干净的代码，而不是任何 UI 代码生成器通常会吐出的疯狂垃圾。

99% 的情况下，我的小部件会扩展 Composite因为我要么在使用 UiBinder，要么在向 Panel 添加东西.即使我只有一个小部件，我发现扩展 Composite 更容易并将我的一个小部件添加到 SimplePanel .我很少延长 Widget因为那你必须调用Document.get().createFooElement()创建 DOM Element ，但我通常会找到 Widget s，可以添加到 Panel s，比 Element 更容易和更安全地工作s

我如何构建小部件

每个小部件都实现了一个扩展 IsWidget 的接口(interface).每个想用的人Widget应该依赖于接口(interface)，而不是底层类。这提供了一个单一的、无 JSNI 的抽象。

如果小部件非常简单，我将有一个扩展 Composite 的类。并实现接口(interface)。小部件将非常简单，并向 Panel 添加一些项目。否则它将使用 UiBinder。

如果小部件具有我想要测试的重要逻辑，我将使用 MVP 模式。将有一个演示者类实现小部件的“公共(public)”接口(interface)，一个 View 接口(interface)扩展 IsWidget演示者所依赖的，以及实现 View 接口(interface)的 View 小部件。

为小部件提供单个“公共(public)”接口(interface)的好处是，您可以更改为使用单个 Composite 实现接口(interface)。如果逻辑变得复杂，则使用 MVP 类，并且使用小部件的人根本不需要更改。

我使用 Gin 将所有接口(interface)和实现连接在一起。

例子

这最好用一些代码来解释。假设我有一个图表要在多个页面上使用，所以我决定为它制作一个可重复使用的小部件。在显示之前处理 RPC 响应有一些重要的逻辑，所以我想对其进行彻底的单元测试。我会用这样的东西:

public interface FinancialChart extends IsWidget {
  void setTickerSymbol(String tickerSymbol);
}

class FinancialChartPresenter extends Composite implements FinancialChart {
  private final FinancialChartView view;      
  private final DataServiceAsync service;

  @Inject(FinancialChartView view, DataServiceAsync service) {
    this.view = view;
    this.service = service;
  }

  @Override public Widget asWidget() {
    return view.asWidget();
  }

  @Override public void setTickerSymbol(String tickerSymbol) {
    service.getData(tickerSymbol, new AsyncCallback<FinancialData>() {
      @Override public void onFailure(Throwable t) {
        // handle error
      }

      @Override public void onSuccess(FinancialData data) {
        SimpleData simpleData = // do some parsing with presentation-specific
          // logic, e.g. make dramatic increases or decreases in price have a
          // a different color so they stand out.  End up with something simple
          // that's essentially some (x, y) points that the dumb view can plot
          // along with a label and color for each point.
        view.drawGraph(simpleData);
      }
  }
}

interface FinancialChartView extends IsWidget {
  void drawGraph(SimpleData simpleData);
}

class FinancialChartWidget extends Composite implements FinancialChartView {
  @Override public void drawGraph(SimpleData simpleData) {
    // plot the points on a chart.  set labels.  etc.
  }
}

class SomethingWithFinancialChartWidget extends Composite
    implements SomethingWithFinancialChart {
  interface Binder extends UiBinder<Widget, SomethingWithFinancialChartWidget> {}

  @UiField(provided = true) final FinancialChart chart;

  @Inject SomethingWithFinancialChartWidget(Binder binder, FinancialChart chart) {
    this.chart = chart;
    initWidget(binder.createAndBindUi(this));
  }
}

// In SomethingWithFinancialChartWidget.ui.xml
<ui:HTMLPanel>
  <!-- lots of stuff -->
  <mynamespace:FinancialChart ui:field="chart" />
  <!-- lots more stuff -->
</ui:HTMLPanel>

class MyPackagesGinModule extends AbstractGinModule {
  @Override protected void configure() {
    bind(FinancialChart.class).to(FinancialChartPresenter.class);
    bind(FinancialChartView.class).to(FinancialChartWidget.class);
  }
}

这使我能够为 FinancialViewPresenter 编写非常简单、彻底和快速的 JUnit 测试。因为它没有需要 JSNI 的 GWT 依赖项，JSNI 必须在浏览器中作为慢得多的 GWT 测试用例的一部分运行。您可以创建一个模拟 FinancialChartView .

这里要注意的一件事是，由于 SomethingWithFinancialChartWidget取决于接口(interface)FinancialChart ，它无法实例化该对象，因为它只是一个接口(interface)。这就是为什么chart设置为 @UiField(provided = true)在SomethingWithFinancialChartWidget的Java代码中. Gin 从 FinancialChart 设置绑定(bind)到具体类的接口(interface)，以便它可以为 @Inject 提供实现SomethingWithFinancialChartWidget 的构造函数，然后设置 this.chart为 UiBinder 提供它需要的对象。

为 MVP 中的所有接口(interface)和实现创建了许多文件，但抽象是绝对值得的，因为它们可以轻松地对演示者进行单元测试，并允许您更改顶级接口(interface)的方式，FinancialChart在这个例子中，被实现，例如从一个单一的变化Composite类到 MVP，无需客户端更改。

我确信有一些实现细节可能不是很清楚或者我掩盖了一些东西，例如GWT 测试，所以请发表评论，我可以编辑我的答案以更新和澄清。

关于java - GWT 表示层 : Who does what?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12318266/

java does code 部件 interface gwt widget uibinder gwt-designer

有关java - GWT 表示层 : Who does what?的更多相关文章

java - 等价于 Java 中的 Ruby Hash - 2
我真的很习惯使用Ruby编写以下代码:my_hash={}my_hash['test']=1Java中对应的数据结构是什么？最佳答案 HashMapmap=newHashMap();map.put("test",1);我假设？关于java-等价于Java中的RubyHash，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/22737685/
java - 从 JRuby 调用 Java 类的问题 - 2
我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java，并成功地将它与另一个Java包一起使用，但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www
java - 我的模型类或其他类中应该有逻辑吗 - 2
我只想对我一直在思考的这个问题有其他意见，例如我有classuser_controller和classuserclassUserattr_accessor:name,:usernameendclassUserController//dosomethingaboutanythingaboutusersend问题是我的User类中是否应该有逻辑user=User.newuser.do_something(user1)oritshouldbeuser_controller=UserController.newuser_controller.do_something(user1,user2)我
java - 什么相当于 ruby 的 rack 或 python 的 Java wsgi？ - 2
什么是ruby的rack或python的Java的wsgi？还有一个路由库。最佳答案来自Python标准PEP333:Bycontrast,althoughJavahasjustasmanywebapplicationframeworksavailable,Java's"servlet"APImakesitpossibleforapplicationswrittenwithanyJavawebapplicationframeworktoruninanywebserverthatsupportstheservletAPI.ht
Ruby - 如何将消息长度表示为 2 个二进制字节 - 2
我正在使用Ruby，我正在与一个网络端点通信，该端点在发送消息本身之前需要格式化“header”。header中的第一个字段必须是消息长度，它被定义为网络字节顺序中的2二进制字节消息长度。比如我的消息长度是1024。如何将1024表示为二进制双字节？最佳答案 Ruby(以及Perl和Python等)中字节整理的标准工具是pack和unpack。ruby的packisinArray.您的长度应该是两个字节长，并且按网络字节顺序排列，这听起来像是n格式说明符的工作:n|Integer|16-bitunsigned,network(bi
Observability：从零开始创建 Java 微服务并监控它（二） - 2
这篇文章是继上一篇文章“Observability：从零开始创建Java微服务并监控它（一）”的续篇。在上一篇文章中，我们讲述了如何创建一个Javaweb应用，并使用Filebeat来收集应用所生成的日志。在今天的文章中，我来详述如何收集应用的指标，使用APM来监控应用并监督web服务的在线情况。源码可以在地址 https://github.com/liu-xiao-guo/java_observability 进行下载。摄入指标指标被视为可以随时更改的时间点值。当前请求的数量可以改变任何毫秒。你可能有1000个请求的峰值，然后一切都回到一个请求。这也意味着这些指标可能不准确，你还想提取最小/
【Java 面试合集】HashMap中为什么引入红黑树，而不是AVL树呢 - 2
HashMap中为什么引入红黑树，而不是AVL树呢1.概述开始学习这个知识点之前我们需要知道，在JDK1.8以及之前，针对HashMap有什么不同。JDK1.7的时候，HashMap的底层实现是数组+链表JDK1.8的时候，HashMap的底层实现是数组+链表+红黑树我们要思考一个问题，为什么要从链表转为红黑树呢。首先先让我们了解下链表有什么不好？？？2.链表上述的截图其实就是链表的结构，我们来看下链表的增删改查的时间复杂度增：因为链表不是线性结构，所以每次添加的时候，只需要移动一个节点，所以可以理解为复杂度是N(1)删：算法时间复杂度跟增保持一致查：既然是非线性结构，所以查询某一个节点的时候
【Java入门】使用Java实现文件夹的遍历 - 2
遍历文件夹我们通常是使用递归进行操作，这种方式比较简单，也比较容易理解。本文为大家介绍另一种不使用递归的方式，由于没有使用递归，只用到了循环和集合，所以效率更高一些！一、使用递归遍历文件夹整体思路1、使用File封装初始目录，2、打印这个目录3、获取这个目录下所有的子文件和子目录的数组。4、遍历这个数组，取出每个File对象4-1、如果File是否是一个文件，打印4-2、否则就是一个目录，递归调用代码实现publicclassSearchFile{publicstaticvoidmain(String[]args){//初始目录Filedir=newFile("d:/Dev");Datebeg
java - 为什么 ruby modulo 与 java/other lang 不同？ - 2
我基本上来自Java背景并且努力理解Ruby中的模运算。(5%3)(-5%3)(5%-3)(-5%-3)Java中的上述操作产生，2个-22个-2但在Ruby中，相同的表达式会产生21个-1-2.Ruby在逻辑上有多擅长这个？模块操作在Ruby中是如何实现的？如果将同一个操作定义为一个web服务，两个服务如何匹配逻辑。最佳答案在Java中，模运算的结果与被除数的符号相同。在Ruby中，它与除数的符号相同。remainder()在Ruby中与被除数的符号相同。您可能还想引用modulooperation.
java - Ruby 相当于 Java 的 Collections.unmodifiableList 和 Collections.unmodifiableMap - 2
Java的Collections.unmodifiableList和Collections.unmodifiableMap在Ruby标准API中是否有等价物？最佳答案使用freeze应用程序接口(interface):Preventsfurthermodificationstoobj.ARuntimeErrorwillberaisedifmodificationisattempted.Thereisnowaytounfreezeafrozenobject.SeealsoObject#frozen?.Thismethodretur

java - GWT 表示层 : Who does what?

有关java - GWT 表示层 : Who does what?的更多相关文章

随机推荐