Backbone.js - Router

Trotz Backbone.js im Client liegt, ist seine Funktion als MVC-Framework völlig normal, da es uns nicht nur erlaubt Modelle, Ansichten und Controller generieren, wir haben auch die Möglichkeit mit zu arbeiten Router, wodurch die Möglichkeit gegeben wird, Freundliche URLs und einen besseren Zugriff auf die Controller von derselben Anwendung aus ermöglichen.
Normalerweise mit Backbone.js Wir neigen dazu, Single-Page-Anwendungen zu machen, also können wir vielleicht die Verwendung von a . in Frage stellen RouterDie Tatsache, dass es sich um eine Einzelseitenanwendung handelt, hindert uns jedoch nicht daran, die URL als Assistent beim Zugriff auf die verschiedenen Ressourcen unserer Anwendung zu verwenden.
Router in Backbone.js
Das Router In Backbone.js ermöglicht es uns, URLs zu generieren, über die wir Zugriff auf die verschiedenen Ressourcen der Anwendung gewähren. Die Idee besteht darin, benutzerfreundliche URLs für Suchmaschinen- und SEO-Zwecke zu haben und es einem Benutzer zu ermöglichen, unsere Anwendung als Favorit zu markieren oder zu markieren Ihren Browser, aber durch Zulassen Freundliche URLsDies kann einen bestimmten Abschnitt mit einem Lesezeichen versehen, was Ihnen viel Site-Navigation erspart.
Die URLs, die wir mit dem erreichen können Router von Backbone.js sie sehen so aus:

Oder wenn wir auf eine erweiterte Abfrage zugreifen möchten, zum Beispiel nach Kategorien und mit einer bestimmten Seite dieser Suche könnten wir so etwas erreichen:

Erstellen Sie einen Router mit Backbone.js
Da wir ein grundlegendes Verständnis davon haben, was es ist und was die Router in einer Bewerbung von Backbone.jsJetzt werden wir sehen, wie wir einen generieren können, damit wir ihn in unsere Anwendungen aufnehmen können.
RouterDie Idee von Router In Backbone.js ist, dass wir eine Funktion haben müssen, die ausgeführt wird, wenn die Route erreicht wird, damit die Anwendung weiß, was zu tun ist, wenn sie diese Art von Anfragen für die URL hat. Diese Beziehung ist eine der wichtigsten Säulen, wenn wir einen Router erstellen .
Die Beziehung ist wie folgt definiert: 'Pfad': 'Funktion' ,. Wo Route ist die Anfrage, die in der Browserleiste gestellt wird und Funktion ist, wo die Router.
Bauen wir jetzt ein Basisrouter um zu veranschaulichen, was wir erklärt haben.

 var exampleRouter = Backbone.Router.extend ({/ * wir definieren die Routen und Funktionen, die * / routen: {"test": "sampleTest", / * über das Formular erreichbar sind: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * wir können eine komplexere Route mit mehreren Parametern erstellen * / / * zum Beispiel: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Wir haben auf den Routertest zugegriffen");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log ("The Seitennummer: "+ page_no +" der Suche, die das Wort enthält: "+ query);}, defaultRoute: function (other) {console.log ('Die Ressource:' + other + 'Existiert nicht');} } ); var myRouter = new exampleRouter (); 

Hier erstellen wir in erster Linie unsere Backbone.Router, im Inneren werden wir alle Routen mit ihrer jeweiligen zugeordneten Funktion definieren, damit haben wir unsere Karte, dann definieren wir jede Funktion, die wir mit den Routen verknüpft haben, und initialisieren schließlich unsere Router.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben