Innholdsfortegnelse
Når vi har definert hva ruteren i appen vår Backbone.js, vi må få den til å lytte etter endringer i nettadressen, dette er når brukeren vår setter en verdi med sin respektive hash, for eksempel, aplicacion.com/#ruta Med dette, i tillegg til å aktivere lytting, vil brukeren også kunne bokmerke applikasjonen.Ryggrad. Historie
Som vi forklarte, er dette elementet som får søknaden vår til å begynne lytte etter endringer i nettadressen som tar hasjene, det viktige med dette er at det også hjelper oss med å kunne lage et program som kan ha seksjoner som er lagret som markør eller bokmerke av brukeren, og dermed opprette seksjoner som er tilgjengelig direkte uten å måtte gå gjennom mange problemer.
Hvordan å bruke?For å bruke Ryggrad. Historie vi må gjøre det når vi har definert objektet som initialiserer vårt ruteren og for dette gjør vi det .start () -metoden.
La oss se i følgende kode hvordan denne handlingen ville være:
var myRouter = nytt eksempelRouter (); Backbone.history.start ();
I dette tilfellet har vi en Ruter kalt eksempelRouter som er tilordnet variabelen miRouter, som vi angav når denne handlingen er utført, er at vi bruker .start () -metoden som vi ser i siste linje i eksemplet.
Hvis vi utfører følgende Ruter I vår webserver kan vi se hvordan det vi har forklart fungerer for oss:
var exampleRouter = Backbone.Router.extend ({routes: {"test": "sampleTest", "search /: query / p: page": "searchConsult", "* other": "defaultRoute",}, sampleTest: function () {console.log ("Vi har fått tilgang til rutertesten");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log ("Sidenr:" + page_no + " fra søket som inneholder ordet: " + query);}, defaultRoute: function (other) {console.log ('The resource:' + other + 'Does not exist');}}); var myRouter = nytt eksempelRouter (); Backbone.history.start (); La oss se i det følgende bildet hvordan det blir når vi får tilgang til søkebanen og sender den parametrene vi ønsker:
Denne. Navigere metoden
Denne metoden er den som tillater oss oppdater programadressen fra en metode, dette hjelper oss med å unngå å måtte laste inn siden på nytt og dermed ikke miste formålet med en enkelt siderapplikasjon, detaljene er at denne metoden ikke får den til å gå gjennom ruteren, så vi må gjøre det eksplisitt, la oss se eksemplene:
1- Uten å gå gjennom ruteren:
viewTask: function (id) {console.log ("Vis den forespurte oppgaven."); this.navigate ("task /" + id + ' / edit'); // oppdater URLen, men den går ikke gjennom ruteren}, 2- Med korreksjonen som får det til å gå gjennom ruteren:
viewTask: function (id) {console.log ("Vis den forespurte oppgaven."); this.navigate ("task /" + id + ' / edit', {trigger: true}); // oppdater nettadressen, men den går ikke gjennom ruteren}, Med dette oppnår vi allerede målet fra applikasjonen endre url og gå umiddelbart gjennom ruteren.
På slutten av denne opplæringen så vi nytten av å ha tilgang til applikasjonen vår gjennom vennlige nettadresser, siden dette hjelper oss å gjøre den mer lesbar for søkemotorer og for brukere, og dermed forbedre SEO.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
