0

我正在为一个项目使用 GWT 和 AppEngine。我想知道如何在小部件之间共享数据(ArrayList 对象),这样我就可以集中逻辑并减少对服务器的 RPC 调用次数。

我想到了两种方法,但我不知道哪个更好:

1)当我实例化小部件时,我将 ArrayList 对象作为参数传递,尽管我不知道该怎么做,因为小部件被实例化为:

  ThisAppShell shell = GWT.create(ThisAppShell.class);    

2)通过使用类似 eventBus 的机制

http://www.dev-articles.com/article/Gwt-EventBus-(HandlerManager)-the-easy-way-396001

当用户加载应用程序时,在登录过程完成后,我想下载一个应该可用于所有小部件的员工列表。这一切都应该在 onModuleLoad() 方法中完成。我想在启动时下载它们,因为我想实现某种缓存机制。例如,我想要 2 个 ArrayList 实例: - emplListOnStart,它在应用程序加载时填充 - emplListChanges,一个数组,用户将从内部小部件进行修改。

用户完成更改后(他按下“保存”按钮),将比较两个数组,差异将保存在 appengine(通过 RPC)中,并在 emplListOnStart 中更新。

这是 EntryPoint 类的代码:

public class ThisApp implements EntryPoint {
ThisAppShell shell = GWT.create(ThisAppShell.class);
LoginServiceAsync loginService = GWT.create(LoginService.class);

private ArrayList<Employee> emplListOnStart;

private ArrayList<Employee> emplListChanges;

public void onModuleLoad() {
    RootLayoutPanel.get().clear();
    RootLayoutPanel.get().add(shell);
    loginService.isAuthenticated(new AsyncCallback<UserDto>() {

        public void onFailure(Throwable caught) {
            // TODO Auto-generated method stub

        }

        public void onSuccess(UserDto result) {
                             //Here I should load the emplListOnStart list;
        }

    });
    shell.getLogoutLink().addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            loginService.logout(new AsyncCallback() {
                public void onFailure(Throwable caught) {

                }

                public void onSuccess(Object result) {
                                             //Here the user will get logged out
                }
            });
            Window.Location.assign("");
        }
    });

   }
}

这是小部件的代码:

public class ThisAppShell extends Composite {

private static ThisAppShellUiBinder uiBinder = GWT
        .create(ThisAppShellUiBinder.class);

interface ThisAppShellUiBinder extends UiBinder<Widget, ThisAppShell> {
}

@UiField
Anchor logout_link;
@UiField
StackLayoutPanel stackLPanel;
@UiField
TabLayoutPanel tabLPanel;

public ThisAppShell() {
    initWidget(uiBinder.createAndBindUi(this));

    initializeWidget();
}

public void initializeWidget() {
    stackLPanel.add(new HTML("Manage empl."), new HTML("Employees"), 30);
    stackLPanel.add(new HTML("Manage Dept."), new HTML("Departments"), 30);

    // Add a home tab
    HTML homeText = new HTML("This is the home tab");
    tabLPanel.add(homeText, "Home");

    // Add a tab
    HTML moreInfo = new HTML("This is the more info tab");
    tabLPanel.add(moreInfo, "More info");

    // Return the content
    tabLPanel.selectTab(0);
}

public Anchor getLogoutLink() {
    return logout_link;
}

}

这可能吗,或者如何才能做得更好?

谢谢你。

4

1 回答 1

1

我认为有两种方法可以做到:

  1. 在您的小部件上创建一个 setter 来设置您的 ArrayList 实例 ( setData())。onSuccess然后,您可以在loginService的方法中调用此函数。

  2. 将全局的单例实例EventBus注入您的小部件(使用 gin/guice)并触发包含您的数据的事件。在小部件中,您必须为特定事件(即LoadEmplListEvent)附加一个 EventHandler。

我认为这两种解决方案都可以使用。解决方案一创建了与您的小部件更紧密的耦合,但更易于实现,我认为如果您只有少量小部件用于处理数据,那么您应该采用这条路线。

解决方案是一种更简洁的方法,因为它将您的小部件与其他小部件分离。您将事件中的数据触发onSuccess一次,并且您不关心小部件。
对数据感兴趣的小部件将确保它们适当地处理事件(通过处理事件)。我想如果您有很多必须处理数据的小部件,那么第二种方法就是要采用的方法。

于 2012-05-29T14:29:56.633 回答