Backbone.js - Routere

På trods af Backbone.js bor i klienten, er dens kapacitet som en MVC -ramme helt normal, da det ikke kun tillader os generere modeller, visninger og controllere, vi har også mulighed for at arbejde med Routereog derved give mulighed for at skabe Venlige webadresser og give bedre adgang til controllerne fra den samme applikation.
Normalt med Backbone.js vi plejer at lave enkeltsideapplikationer, så måske kan vi stille spørgsmålstegn ved brugen af ​​en RouterDet faktum, at det er en enkelt side -applikation, forhindrer os imidlertid ikke i at bruge URL'en som en assistent til at få adgang til de forskellige ressourcer, som vores applikation har.
Router i Backbone.js
Det Router i Backbone.js giver os mulighed for at generere webadresser, hvor vi giver adgang til de forskellige ressourcer i applikationen, er tanken at have venlige URL'er til søgemaskiner og SEO -formål, udover at tillade en bruger at bogmærke eller markere vores applikation som en favorit i din browser, men ved at tillade Venlige webadresserDette kan bogmærke en bestemt sektion, hvilket sparer dig for en masse navigation på webstedet.
Webadresserne, som vi kan opnå med Router af Backbone.js de ser sådan ud:

Eller hvis vi ønsker at få adgang til en mere avanceret forespørgsel for eksempel efter kategorier og med en bestemt side i den søgning, kunne vi opnå noget i retning af dette:

Byg en router med Backbone.js
Da vi har en grundlæggende forståelse for, hvad det er, og hvad Router i en ansøgning om Backbone.jsNu vil vi se, hvordan vi kan generere en, så vi kan inkludere den i vores applikationer.
RouterIdeen om Router i Backbone.js er, at vi skal have en funktion, der udføres, når ruten er nået, med dette vil programmet vide, hvad de skal gøre, når det har den type anmodninger om URL'en, dette forhold er en af ​​de vigtigste søjler, når vi opretter en router .
Forholdet defineres som følger: 'sti': 'funktion',. Hvor rute er den anmodning, der fremsættes i browserlinjen, og funktionen er, hvor Router.
Lad os nu bygge en Grundlæggende router for at illustrere det, vi har forklaret.

 var exampleRouter = Backbone.Router.extend ({/ * vi definerer de ruter og funktioner, som */ ruter: {"test": "sampleTest",/ * kan fås ved hjælp af formularen: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * vi kan lave en mere kompleks rute, der tillader flere parametre * / / * for eksempel: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Vi har adgang til routertesten");}, searchQuestion: function (forespørgsel, side) {var page_no = side || 1; console.log ("The sidetal: " + page_no +" for den søgning, der indeholder ordet: " + forespørgsel);}, defaultRoute: funktion (andet) {console.log ('Ressourcen:' + andet + 'Eksisterer ikke');} }); var myRouter = nyt eksempelRouter (); 

Her skaber vi i første omgang vores Backbone.Router, inde vil vi definere alle ruterne med deres respektive tilknyttede funktion, med dette vil vi have vores kort, så definerer vi hver funktion, som vi har relateret til ruterne, og til sidst initialiserer vi vores Router.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt