2

我正在构建一个单页网络应用程序（因为我希望在跨页面/状态移动时具有灵活性和速度），但我正在努力解决路由/网址......

在传统的范例中，我会有如下网址：

example.com/tools/population-tool/#currentYear=1950
example.com/tools/income-tool/#country=usa
example.com/nice-story/
example.com/nice-chapter/nice-story/

现在我想用一个为相应路由加载模板和控制器的路由器（例如使用 Backbone）替换它。

我正在考虑使用一个 pages 对象来存储必要的页面信息：

pages : {
  tools : {
    template : "#tools",
    breadcrumb : ["Home","Tools"]
  }
  nice-story : {
    template : "#nice-story",
    breadcrumb : ["Home","Stories","Nice Story"]
  }  
}

使用路由器，我现在想加载正确的内容和页面状态，给定如下 URL：

example.com/#!/tools/population-tool/?currentYear=1950

如果不使用 Hashbang，或者像这样：

example.com/tools/population-tool/?currentYear=1950

您将如何组织此路由以使 url 方案有意义，同时仍然灵活并允许重定向和新的查询字符串参数？

4

1 回答 1

2

这不是您问题的完整答案，而是关于 Backbone 的一些提示...

您可能希望在路由器上定义一个类似 loadPage() 的方法，该方法可以清空并用与应用程序中的每个“页面”对应的视图替换您的主页容器。每个路由操作都可以调用它来加载正确的视图。

如果您将使用伪查询字符串，请确保在您的主干路由中显式地为它们添加匹配器。例如：

'/tools/population-tool/?*params'

这将以整个 params 字符串作为第一个参数来调用您的路由操作。你需要解析...

于 2011-11-18T18:43:16.610 回答