javascriptmvc - JavascriptMVC 是否支持可收藏的 URL？

Question

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

例如：webapp 是一个托管课程的应用程序，其 URL 如下

/课程/RDBMS/讲座/1

是否可以使用 JavascriptMVC 创建这样的 URL？

Answer 1

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

Answer 2

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

jQuery.address 允许您设置可抓取的 URL，例如“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土地通过

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