Backbone.js - Routere

În ciuda Backbone.js rezidă în client, capacitatea sa de cadru MVC este total normală, deoarece nu numai că ne permite genera modele, vizualizări și controlere, avem și posibilitatea de a lucra cu Routere, oferind astfel posibilitatea de a crea Adrese URL prietenoase și oferă acces mai bun la controlere din aceeași aplicație.
De obicei cu Backbone.js avem tendința de a face aplicații cu o singură pagină, așa că poate ne putem pune sub semnul întrebării utilizarea unui RouterCu toate acestea, faptul că este o aplicație cu o singură pagină nu ne împiedică să folosim adresa URL ca asistent în accesarea diferitelor resurse pe care le are aplicația noastră.
Router în Backbone.js
Router în Backbone.js ne permite să generăm adrese URL în care oferim acces la diferitele resurse ale aplicației, ideea este să putem avea adrese URL prietenoase în scopuri de motor de căutare și SEO, în plus față de a permite unui utilizator să semneze sau să marcheze aplicația noastră ca favorită în browserul dvs., dar permițând Adrese URL prietenoaseAceasta poate marca o anumită secțiune, salvând astfel o mulțime de navigare pe site.
Adresele URL pe care le putem obține cu Router de Backbone.js arată așa:

Sau dacă dorim să accesăm o interogare mai avansată, de exemplu pe categorii și cu o anumită pagină a acelei căutări, am putea realiza ceva de genul acesta:

Construiți un router cu Backbone.js
Deoarece avem o înțelegere de bază despre ce este și ce este Router într-o cerere de Backbone.jsAcum vom vedea cum putem genera unul, astfel încât să îl putem include în aplicațiile noastre.
RouterIdeea de Router în Backbone.js este că trebuie să avem o funcție care se execută la atingerea traseului, cu aceasta aplicația va ști ce să facă atunci când are acel tip de solicitări pentru URL, această relație este unul dintre cei mai importanți piloni atunci când creăm un router .
Relația este definită după cum urmează: „cale”: „funcție”,. Unde traseu este cererea care este făcută în bara browserului și funcția este locul unde Router.
Să construim acum un Router de bază pentru a ilustra ceea ce am explicat.

 var exampleRouter = Backbone.Router.extend ({/ * definim rutele și funcțiile pe care * / routes: {"test": "sampleTest", / * pot fi accesate folosind formularul: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * putem face un traseu mai complex permițând mai mulți parametri * / / * de exemplu: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Am accesat testul routerului");}, searchQuestion: function (interogare, pagina) {var page_no = page || 1; console.log ("The numărul paginii: „+ pagină_nu +” al căutării care conține cuvântul: „+ interogare);}, implicitRută: funcție (altele) {console.log („ Resursa: „+ altele +„ Nu există ”);} }); var myRouter = nou exempluRouter (); 

Aici creăm în primă instanță Coloana vertebrală, în interior vom defini toate rutele cu funcția lor asociată respectivă, cu aceasta vom avea harta noastră, apoi vom defini fiecare funcție pe care o avem legată de trasee și în final ne inițializăm Router.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv