Frage

Ich denke darüber nach, meine aktuelle Anwendung zu portieren, um JavaScriptMVC + RESTfull -Webdienste zu verwenden. Ich bin mir jedoch nicht sicher, ob ich mit JavaScriptMVC ein lesezeichenbares URLs erstellen kann.

Zum Beispiel: Die WebApp ist eine App, um Kurse zu hosten, und hat URLs wie

/Kurse/RDBMS/Vortrag/1

Ist es möglich, solche URLs mit JavaScriptMVC zu erstellen?

War es hilfreich?

Lösung

Sie können in Betracht ziehen, jQuery.address ( http://www.asual.com/jquery/address/ ) um Ihre URLs zu verwalten.

Mit jQuery.Address können Sie krabbelbare URLs wie "http://example.com/#!/user/5" festlegen und auf Adressänderungen anhören und entsprechend handeln.

In meinem eigenen Code habe ich wie folgt einen Adress -basierten Router aus der Konfigurationsdatei Steal eingerichtet.

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);
            }
        });
    });

Sie können dann eine neue Seite von HTML-Land über anrufen

<a href="/" onclick="$.address.value('/'); return false;">root url</a>

Oder aus JS Land über

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

Andere Tipps

Sie können JavaScriptMVC -Router verwenden, es ist dasselbe wie jQuery.address, ist jedoch in JavaScriptMVC integriert: http://javascriptmvc.com/docs.html#!jquery.route

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top