在GWT中设计GUI的最佳实践

时间:2011-07-10 16:26:49

标签: gwt gwt-designer

我最近开始研究Google Web Toolkit。我已经完成了一些演练,我想我理解了基础知识和想法。但是,我对应用程序的整体架构和设计有一些疑问。

让我们从GUI开始。我想构建一个“通用”Web应用程序,用户首先看到一个登录页面。成功登录后,用户将被重定向到某种索引页面并添加一个菜单。我为登录页面创建了一个新的LoginComposite,并尝试使用GWT Designer设计一个漂亮的HTML表。但是,我发现真的很难做到,因为你不能在单个单元格(TD)上设置任何单独的属性?没有办法指定colspan或rowspan,我不能在单元格本身上设置任何填充或边距。简而言之,我确切地知道如何编写HTML代码,但我无法将其转换为设计器。那只是我吗?

另外,我想知道代码布局和设计的最佳实践。我浏览了StockWatcher教程,但这真的不是一个非常现实的Web应用程序。例如,我想知道我应该如何设计不同的形式(每个应该在继承Composite-class的自己的类中)?我应该如何在表单之间切换(例如,首先是列表视图,然后是从列表中编辑所选项目的表单,然后是完全不同的页面)?如果我为每个页面都有一个Composite,并在我的EntryPoint需要时实例化它们,这是否意味着客户端将在页面加载时下载所有这些复合材料的所有JavaScript?我应该只使用一个HTML页面,还是应该有很多?

这些是任何GWT教程都没有涵盖的问题。如果有人知道使用GWT构建的“真实”Web应用程序的一个很好的例子,我很乐意看到它。

感谢您的投入!