从设计中构建路由器

Question

我正在努力为我的店铺设计记录路由器。该商店主要包括商品/产品滑块。见下图：

如您所见：

• 在文章导航滑块上方
• 在当前所选文章的中心
• 在左侧菜单中，哪些页面将是当前文章的弹出窗口
• 当用户点击购物车，进入结帐，打开页面，登录他们的帐户或其他任何操作时，总会有一篇活跃的文章。

路由器

所以我想 - 如果我错了，请纠正我 - 对我的路由器的设计如下：

Router.map(function() {
    this.resource('articles', function() { // to fill the articles slider above
        this.resource('article', function(path: ':article_id') { // to show the current selected article in the slider

            // large popups - covers the current article almost 
            // completely with a little transparancy
            this.resource('page', function(path: ':page_id')); // shows a page from the menu
            this.resource('checkout', function(path: ':step_id')); // the checkout with multiple steps

            // small popups at the bottom of the page
            this.route('info'); // shows the additional product info popup
            this.route('shipping'); // shows the shipping info popup
        });

    });
});

其他信息：我使用Ember App Kit进行开发，滑块将为Flexslider 2，主要是因为它们具有触控功能。

它看起来像一个有效的路由器，但问题是它是否是Ember方式。