1

我正在尝试编写一个 GWT 应用程序，它为每个“页面”（位置）重用相同的模板。该应用程序有 4 个主要“页面”：

  • 仪表板页面 ( http://www.mywebapp.com/#dashboard)
  • 计算器页面 ( http://www.mywebapp.com/#calc)
  • 配置器页面 ( http://www.mywebapp.com/#config)
  • 登录页面 ( http://www.mywebapp.com/#login)

每个“页面”都具有相同的模板外观：(1) 包含徽标和导航菜单的标题部分，(2) 包含“页面”特定内容的内容部分（即，对于#dashboardplace、#loginplace 等），以及 (3) 包含一些链接的页脚部分。所以你看，从页面到页面的唯一变化是内容部分。就像一个普通的模板网站。

问题是，每个“页面”（位置）实际上是一个相当复杂的 UI，其中包含许多不同的面板，其中包含许多小部件。当用户与应用程序交互时，这些面板会出现和消失，并且显示会一直在变化。例如，在#calc页面上，用户可以选择显示计算器的“模式”：作为Basic或Advanced。当用户选择Advanced时，将显示几个附加面板（除了Basic面板）。

能够将此类操作保留在历史记录中会很好，以便用户可以在基本或高级模式下为应用添加书签，例如：

  • http://www.mywebapp.com/#calc/basic; 或者
  • http://www.mywebapp.com/#calc/advanced

这是问题所在：

我们已经在这里进行了几个“级别”的活动/地点。在“app”级别，我们有下载时需要向用户显示的模板MyWebAppModule implements EntryPoint。这TemplatePlace是在调用之前向 HistoryHandler 注册的默认/初始位置：

public class MyWebAppModule implements EntryPoint {
    @Override
    public void onModuleLoad() {
        // ...

        // The first place we go to when this module downloads.
        TemplatePlace templatePlace = getSomehow();

        historyHandler.register(placeController, eventBus, templatePlace);
        historyHandler.handleCurrentHistory();
    }
}

接下来，我们有所有不同的“页面”：DashboardPlace、、CalculatorPlace等等，它们都有自己独特的视图/显示。例如，当用户单击Calculator链接转到 时CalculatorPlace，它应该呈现与他们想要在 Basic 或 Advanced 模式下使用计算器时不同的视图。

最后，我们在每个页面/位置内都有不同的显示区域、面板等，例如BasicCalculatorPlace和AdvancedCalculatorPlace。这就是我所说的不同“级别”导航的意思：

  1. 应用程序级（适用于所有页面/位置的模板）
  2. 页面或地方级别
  3. 显示或面板级

问题：

当用户执行以下所有操作时，我想实现可收藏的 URL（位置）：

  • 转到主页 ( http://www.mywebapp.com)
  • 转到任何“页面”（http://www.mywebapp.com/#calc等）
  • 使用导致页面特定面板或显示配置（http://www.mywebapp.com\#calc\#advanced等）的页面/位置

我要创建多少活动和地点？有多少个 ActivityManager？我想我问的是每个“级别”的可书签 UI 的活动/地点需要多细。提前致谢！

4

1 回答 1

0

我认为每个“页面”只需要一个 ActivityManager 和一个 Activity。您可以将“页眉”和“页脚”制作成可以在每个页面中重复使用的小部件。

您可以使用标记为同一页面的不同状态添加书签。例如，您可以将标记设置为“基本” - 它会告诉 CalculatorActivity 显示基本计算器面板。URL 将如下所示：

www.myApp.com/?#Calculator:basic

当用户单击小部件以选择高级选项时，您可以

PlaceController.goTo(new CalculatorPlace("advanced"));

CalculatorActivity 将获得 CalculatorView（已显示），它会看到令牌设置为“高级”，它会指示该视图显示高级面板。

请注意，您可以根据需要使您的令牌尽可能详细，然后在 Activity 中解析它们。例如，你可以有类似的东西

www.myApp.com/?#Calculator:option=basic&position=top&theme=pink
于 2012-11-10T19:08:53.320 回答