Backbone.js - rutere

Til tross for Backbone.js bor i klienten, er kapasiteten som et MVC -rammeverk helt normal, siden det ikke bare tillater oss generere modeller, visninger og kontrollere, vi har også muligheten til å jobbe med Rutereog gir dermed muligheten til å skape Vennlige nettadresser og gi bedre tilgang til kontrollerne fra den samme applikasjonen.
Vanligvis med Backbone.js vi pleier å gjøre enkeltsideapplikasjoner, så kanskje vi kan stille spørsmål ved bruken av en RuterDet faktum at det er en enkeltsideapplikasjon, forhindrer imidlertid ikke at vi bruker URL -en som assistent for å få tilgang til de forskjellige ressursene som appen vår har.
Ruter i Backbone.js
De Ruter i Backbone.js lar oss generere nettadresser der vi gir tilgang til de forskjellige ressursene i applikasjonen, er tanken å ha vennlige nettadresser for søkemotorer og SEO -formål, i tillegg til at en bruker kan bokmerke eller merke applikasjonen vår som en favoritt i nettleseren din, men ved å tillate Vennlige nettadresserDette kan bokmerke en bestemt seksjon, og sparer deg for mye navigasjon på siden.
Nettadressene vi kan oppnå med Ruter av Backbone.js de ser slik ut:

Eller hvis vi ønsker å få tilgang til en mer avansert forespørsel for eksempel etter kategorier og med en bestemt side i søket, kan vi oppnå noe slikt:

Bygg en ruter med Backbone.js
Siden vi har en grunnleggende forståelse av hva det er og hva Ruter i en søknad om Backbone.jsNå skal vi se hvordan vi kan generere en slik at vi kan inkludere den i applikasjonene våre.
RuterIdeen om Ruter i Backbone.js er at vi må ha en funksjon som utføres når ruten er nådd, med dette vil programmet vite hva de skal gjøre når den har den typen forespørsler om URL, dette forholdet er en av de viktigste søylene når vi oppretter en ruter .
Forholdet er definert som følger: 'path': 'function',. Hvor rute er forespørselen som er laget i nettleserfeltet og funksjonen er der Ruter.
La oss nå bygge a Grunnleggende ruter for å illustrere det vi har forklart.

 var exampleRouter = Backbone.Router.extend ({/ * vi definerer rutene og funksjonene som */ ruter: {"test": "sampleTest",/ * kan nås ved hjelp av skjemaet: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * vi kan lage en mer kompleks rute som tillater flere parametere * / / * for eksempel: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Vi har fått tilgang til rutertesten");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log ("The sidenummer: " + page_no +" for søket som inneholder ordet: " + query);}, defaultRoute: function (other) {console.log ('The resource:' + other + 'Does not exist');} }); var myRouter = nytt eksempelRouter (); 

Her lager vi i første omgang vår Ryggrad, inne skal vi definere alle rutene med deres respektive tilknyttede funksjon, med dette vil vi ha kartet vårt, så definerer vi hver funksjon som vi har relatert til rutene, og til slutt initialiserer vi vår Ruter.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng