Meteor.js铁路由器和类似或动态路由

Question

我正在尝试为我的网站上的管理部分构建动态路由，以便“/ admin”和“/ admin / users”以及“/ admin / users / add”等工作。 我尝试了一些不同的组合，但仍然在努力解决这个问题。 以下是我尝试过和不同的事情。

理想情况下，如果我可以指定“/ admin”但动态引用每个new /作为最适合在代码中处理的参数。 示例“/ admin / 1/2/3/4/5”并且能够引用1 2 3等我虽然在文档中没有看到这样的内容。

Router.route('/admin', {
    name: 'admin',
    path: '/admin',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {
        Session.set('apage', 'dashboard');
        Session.set('asect', null);
        this.render();
    }
});

// Not Working...
Router.route('/admin/:apage', {
    name: 'admin',
    path: '/admin/:apage',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {
        Session.set('apage', this.params.apage);
        Session.set('asect', null);
        this.render();
    }
});

// Not Working...
Router.route('/admin/:apage/:asect', {
    name: 'admin',
    path: '/admin/:apage',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {
        Session.set('apage', this.params.apage);
        Session.set('asect', this.params.asect);
        this.render();
    }
});

编辑（已回答）

经过一些测试后，似乎应该（或最简单地完成）在this.render()行中调用模板，并且路由应该从最严格/详细到最少 - 我之前尝试过。 问题似乎是在template:上使用this.params template: line。 这个解决方案并不完美，但可以针对可能遇到类似问题的任何人发布。 对于像“/ admin / 1/2/3/4/5”这样的网址中的其他变量，似乎他们需要额外的路由而且不能完全动态，因为“/”不能进入参数和路由器会查找路由并返回notFound，除非您可以显式匹配路由。 可能有一个我没找到的解决方法。

工作代码如下：

Router.route('adminPage', {
    path: '/admin/:asect/:apage',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {
        Session.set('asect', this.params.asect);
        Session.set('apage', this.params.apage);
        this.render('admin_' + this.params.asect + '_' + this.params.apage);
    }
});

Router.route('adminSect', {
    path: '/admin/:asect',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {
        Session.set('asect', this.params.asect);
        Session.set('apage', null);
        this.render('admin_' + this.params.asect);
    }
});

Router.route('admin', {
    path: '/admin',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {
        Session.set('asect', 'dashboard');
        Session.set('apage', null);
        this.render('admin_dashboard');
    }
});

Answer 1

有一种方法可以在路线中有可选参数（除非我弄错了，否则你正在寻找它）。 考虑到这一点，您应该能够使用一个路由器进行管理。

Router.route('admin',{
    path: '/admin/:asect?/:apage?',
    template: 'admin',
    layoutTemplate: 'layout_admin',
    action: function() {

        var asect  = this.params.asect || 'dashboard',
            apage  = this.params.apage || null,
            render = (function(){
                if(apage !== null) {
                    return 'admin_'+ asect +'_'+ apage;
                } else {
                    return 'admin_'+ asect;
                }
            })();

        Session.set('asect', asect);
        Session.set('apage', apage);
        this.render(render);
    }
});

的? 在path每个参数将其指定为可选参数之后。 您应该能够检查它是否已定义或以其他方式分配默认值，然后相应地构建您的视图和会话。

注意：您可以在此MeteorPad中进行测试 - 只需根据示例模板的名称更新URL。

http://meteorpad.com/pad/Ri4Np5xDJXyjiQ4fG