In der Regel werden bei Backbone.js Anwendungen mit nur einer Seite erstellt, sodass wir möglicherweise die Verwendung eines Routers in Frage stellen können. Da es sich jedoch um eine Anwendung mit nur einer Seite handelt, können wir die URL nicht als Assistenten für den Zugriff auf diese Anwendungen verwenden. Verschiedene Ressourcen, die unsere Anwendung hat.
Router in Backbone.js
Mit dem Router in Backbone.js können wir URLs generieren, über die wir Zugriff auf die verschiedenen Ressourcen der Anwendung gewähren. Die Idee ist, benutzerfreundliche URLs für Suchmaschineneffekte und SEO zu haben. Außerdem können wir es einem Benutzer ermöglichen, ein Lesezeichen zu setzen oder Markieren Sie unsere Anwendung in Ihrem Browser als Favorit. Indem Sie jedoch benutzerfreundliche URLs zulassen , können Sie das Lesezeichen eines bestimmten Abschnitts setzen und so viel Navigation auf der Website sparen.
Die URLs, die wir mit dem Backbone.js Router erreichen können, sehen folgendermaßen aus:
Oder wenn wir auf eine erweiterte Abfrage zugreifen möchten, beispielsweise nach Kategorien und mit einer bestimmten Seite dieser Suche, können wir Folgendes erreichen:
Erstellen Sie einen Router mit Backbone.js
Da wir über grundlegende Kenntnisse darüber verfügen, was der Router ist und was die Backbone.js- Anwendung leisten kann, werden wir nun sehen, wie wir eine generieren können, damit wir sie in unsere Anwendungen aufnehmen können.
Die Beziehung ist wie folgt definiert: ‘route’: ‘function’,. Wo die Route die Anfrage ist, die in der Browserleiste gestellt wird, und welche Funktion der Router hat, zeigt uns.
Wir werden jetzt einen grundlegenden Router bauen, um zu veranschaulichen, was wir erklärt haben.
var exampleRouter = Backbone.Router.extend ({ / * Wir definieren die Routen und die Funktionen, die sie haben * / Strecken: { "Test": "Sample Test", / * kann über das folgende Formular aufgerufen werden: http://example.com/#test * / "search /: query / p: page": "searchConsult", / * Wir können eine komplexere Route erstellen, die mehrere Parameter zulässt * / / * zum Beispiel: http://example.com/#consulta/work/p1 * / }, Beispieltest: function () { console.log ("Wir haben auf den Router-Test zugegriffen"); }, searchConsulta: function (Abfrage, Seite) { var nro_pagina = Seite || 1; console.log ("La paigna nro:" + nro_pagina + "der Suche, die das Wort" + query "enthält); }, defaultRoute: function (other) { console.log ('Die Ressource:' + other + 'existiert nicht'); } }); var miRouter = new exampleRouter ();
Hier erstellen wir in erster Linie unseren Backbone.Router , in dem wir alle Routen mit der jeweils zugeordneten Funktion definieren, mit dieser Karte versehen, dann jede Funktion definieren, die wir mit den Routen in Verbindung gebracht haben, und schließlich unseren Router initialisieren.