GWT：如何创建新页面

Question

我有一个只有一页的 GWT MVP 应用程序。如何创建新页面并链接到该页面？

Answer 1

您可以做一件事，在同一页面上制作不同的布局，并且在特定操作中您可以隐藏一个布局并显示其他布局或组件。

Answer 2

GWT 通过 URL 片段标识符 支持应用程序内的页面，即 http://www .yourhost.vom/main#pagename，其中“pagename”是代表应用内“页面”的片段标识符。

1. 通过向您的主页添加 iframe 来启用历史记录支持：

2. 注册一个 ValueChangeHandler，以便在历史（页面）更改时收到通知。在此处理程序中，您放置一个显示新页面的逻辑。

3. 通过调用 History.newItem("newpage") 转到特定页面

Answer 3

我创建了一个 MIT 许可的开源项目来简化 GWT 中的页面导航处理。查看 GWT Views 项目。

使用它，您可以使用简单的 Java 注释来定义视图（由唯一 URL 标记引用的小部件）。该框架会为您处理代码分割，并隐藏所有样板代码。

下面是一个示例：

@View(Login.TOKEN)
public class Login extends Composite {
//... your code, you can use UIBinder, procedural UI, whatever you like

当使用 History.newItem(Login.TOKEN) 时，Login 小部件将在页面上呈现。

该框架还处理许多常见用例，例如 ViewContainers、404 页面、Google Analytics 跟踪和用户授权。

Answer 4

这就是我最终所做的：

package com.example.client;

import java.util.logging.Logger;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.shared.GWT;
import com.google.gwt.event.logical.shared.ValueChangeEvent;
import com.google.gwt.event.logical.shared.ValueChangeHandler;
import com.google.gwt.user.client.History;
import com.google.gwt.user.client.ui.RootPanel;

public class Controller implements EntryPoint {
    private static Controller instance;
    private static final Logger log = Logger.getLogger(Controller.class.getName());

    // I have a feeling GWT does not respect private constructors, or else it uses some other voodoo.
    private Controller(){}

    public static Controller getInstance() {
        if (instance == null) instance = new Controller();
        return instance;
    }

    @Override
    public void onModuleLoad() {
        String token = History.getToken();
        log.info("****************************** token:"+token);
        History.addValueChangeHandler(new ValueChangeHandler<String>() {
            @Override
            public void onValueChange(ValueChangeEvent<String> event) {
                navigate(event.getValue());
            } // onValueChange
        });
        if (token == null || token.length() == 0) History.newItem(Login.TOKEN); // no token
        else navigate(token); // restore app state
    }

    private static void navigate(String token) {
        RootPanel rootPanel = RootPanel.get("gwtApp");
        if (rootPanel.getWidgetCount() > 0) rootPanel.remove(0); // clear the page

        if (Login.TOKEN.equals(token)) {
            Login page = Login.getInstance();
            page.onModuleLoad();
        } else if (MainApp.TOKEN.equals(token)) {
            MainApp page = MainApp.getInstance();
            page.onModuleLoad(); // display the page
//          page.setAuthenticated(true);
//          page.setUsername(email);
        }

    }

} // Controller

在您的 *.gwt.xml 文件中：

<entry-point class='com.example.client.Controller' /> 

现在当您想要转到新页面时：

History.newItem(Login.TOKEN);