JavascriptMVC是否支持可收藏的URL?

时间:2011-01-05 11:18:39

标签: javascriptmvc

我正在考虑移植当前的应用程序以使用JavascriptMVC + RESTfull Web服务。但是,我不确定是否可以使用JavascriptMVC创建可收藏的URL。

例如:webapp是一个托管课程的应用程序,并且会有

这样的网址

/课程/ RDBMS /演讲/ 1

是否可以使用JavascriptMVC创建此类URL?

2 个答案:

答案 0 :(得分:3)

您可以使用JavascriptMVC路由器,它与jQuery.address相同,但与JavascriptMVC集成:http://javascriptmvc.com/docs.html#!jQuery.route

答案 1 :(得分:2)

您可以考虑使用jQuery.address(http://www.asual.com/jquery/address/)来管理您的网址。

jQuery.address允许您设置可抓取的网址,例如“http://example.com/#!/user/5”,并监听地址更改并采取相应的行动。

在我自己的代码中,我在窃取配置文件中设置了一个基于地址的路由器,如下所示。

steal.plugins(
          'jquery/controller',
          'jquery/controller/subscribe',
          'jquery/view/ejs',
          'jquery/controller/view',
          'jquery/model',
          'jquery/dom/fixture',
          'jquery/dom/form_params',
          'steal/less')                   
    .css('css/vendor/reset-fonts-grids')
    .resources('vendor/jquery.address-1.3.1.min.js')
    .models('user')
    .controllers('user')
    .views()
    .then(function() {
        steal.less('css/style');

        // Set up a router
        $.address.baseURL('/basePath');

        // $.address.crawlable(true);
        $.address.change(function(event) {
            var path = event.path;
            switch(true) {
            // Matches http://example.com/#!/ or http://example.com/
            case /^\/$/.test(path):
                $('#page').empty();
                break;
            // Matches http://example.com/#!/user/42/profile
            case /^\/user\/[0-9]+\/profile/.test(path):
                var userId = path.split("/")[2];
                // Instantiate and load a controller
                new User.Controllers.User($('body'),userId);
                break;
            case /^\/search/.test(path):
                $.log('search');
                break;
            default:
                $.log(event.path);
            }
        });
    });

然后,您可以通过

从HTML-land调用新页面
<a href="/" onclick="$.address.value('/'); return false;">root url</a>

或者来自JS land via

$.address.value('/user/10/profile');