javascript - Backbonejs 和 defaultRoute

Question

我开始学习如何在网络应用程序中使用backbonejs，但应用程序启动时，我遇到了默认路由的一些问题。

这是我的脚本

var AppRouter = Backbone.Router.extend({
    routes: {
        "user/:id": "getUser",
        "*actions": "defaultRoute"
    }
});

var app_router = new AppRouter;

app_router.on('route:defaultRoute', function() {
    $("#content").load("pages/page1.html");
});

app_router.on('route:getUser', function(id) {
    $("#content").load("pages/user.php?id="+id);
});

Backbone.history.start();

当您使用类似 http://www.myapp.com 的应用程序时默认路由未加载。

当我单击路由中未引用的链接时，将加载 page1.html。

我的问题是:当我进入应用程序时如何设置默认路由？

谢谢

Answer 1

您的代码演示了backboneJS的一种不寻常的用法，因为您将完整的HTML或页面加载到div容器中，而不是使用主干 View 和下划线模板。

无论如何，您可能需要考虑以下实现，而不是使用 app_router.on(...) 语法。

考虑以下实现:

var AppRouter = Backbone.Router.extend({
    routes: {
        "":"defaultRoute" //The router will default to this route if no other routes are matched ("")
        "user/:id": "getUser",
        ...more routes
    },

    defaultRoute:function(){
     ...default route functionality
    },

    getUser:function(id){
     ...
    }
});