Backbone.js - Router

Nonostante Backbone.js risiede nel client, la sua capacità di framework MVC è del tutto normale, poiché non solo ci consente generare modelli, viste e controller, abbiamo anche la possibilità di lavorare con Router, dando così la possibilità di creare URL amichevoli e dare un migliore accesso ai controllori dalla stessa applicazione.
Di solito con Backbone.js tendiamo a fare applicazioni a pagina singola, quindi forse possiamo mettere in dubbio l'uso di a RouterTuttavia, il fatto che si tratti di un'applicazione a pagina singola non ci impedisce di utilizzare l'URL come assistente per accedere alle diverse risorse di cui dispone la nostra applicazione.
Router in Backbone.js
Il Router in Backbone.js ci consente di generare URL in cui diamo accesso alle diverse risorse dell'applicazione, l'idea è quella di poter avere URL amichevoli per i motori di ricerca e scopi SEO, oltre a consentire a un utente di aggiungere un segnalibro o contrassegnare la nostra applicazione come preferita in il tuo browser, ma consentendo URL amichevoliQuesto può aggiungere un segnalibro a una particolare sezione, risparmiando molta navigazione nel sito.
Gli URL che possiamo raggiungere con il Router di Backbone.js assomigliano a questo:

Oppure se vogliamo accedere a una query più avanzata ad esempio per categorie e con una pagina specifica di quella ricerca potremmo ottenere qualcosa del genere:

Costruisci un router con Backbone.js
Dal momento che abbiamo una conoscenza di base di cosa sia e cosa Router in un'applicazione di Backbone.jsOra vedremo come possiamo generarne uno, in modo da poterlo includere nelle nostre applicazioni.
RouterL'idea di Router in Backbone.js è che dobbiamo avere una funzione che viene eseguita quando viene raggiunto il percorso, con questo l'applicazione saprà cosa fare quando ha quel tipo di richieste per l'URL, questa relazione è uno dei pilastri più importanti quando creiamo un router .
La relazione è definita come segue: 'percorso': 'funzione' ,. In cui si itinerario è la richiesta che viene fatta nella barra del browser e la funzione è dove il Router.
Ora costruiamo un Router di base per illustrare ciò che abbiamo spiegato.

 var exampleRouter = Backbone.Router.extend ({/ * definiamo le rotte e le funzioni che * / route: {"test": "sampleTest", / * sono accessibili utilizzando il modulo: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * possiamo fare un percorso più complesso consentendo diversi parametri * / / * ad esempio: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Abbiamo effettuato l'accesso al test del router");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log ("Il numero di pagina: "+ page_no +" della ricerca che contiene la parola: "+ query);}, defaultRoute: function (other) {console.log ('La risorsa:' + other + 'Non esiste');} } ); var myRouter = new exampleRouter (); 

Qui stiamo creando in prima istanza il nostro Backbone.Router, all'interno andremo a definire tutti i percorsi con la rispettiva funzione associata, con questo avremo la nostra mappa, quindi definiremo ogni funzione che abbiamo relativo ai percorsi e infine inizializzeremo il nostro Router.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo