Backbone.js - Routers

Niettegenstaande Backbone.js zich in de klant bevindt, is zijn hoedanigheid als MVC-framework volkomen normaal, omdat het ons niet alleen toestaat modellen, weergaven en controllers genereren, we hebben ook de mogelijkheid om samen te werken met Routers, waardoor de mogelijkheid ontstaat om Vriendelijke URL's en betere toegang te geven tot de controllers vanuit dezelfde applicatie.
Meestal met Backbone.js we hebben de neiging om applicaties met één pagina te doen, dus misschien kunnen we het gebruik van a . in twijfel trekken RouterHet feit dat het een applicatie met één pagina is, weerhoudt ons er echter niet van om de URL te gebruiken als assistent bij toegang tot de verschillende bronnen die onze applicatie heeft.
Router in Backbone.js
De Router in Backbone.js stelt ons in staat om URL's te genereren waar we toegang geven tot de verschillende bronnen van de applicatie, het idee is om vriendelijke URL's te hebben voor zoekmachine- en SEO-doeleinden, naast het toestaan ​​van een gebruiker om onze applicatie te bookmarken of te markeren als favoriet in uw browser, maar door toe te staan Vriendelijke URL'sDit kan een bepaalde sectie van een bladwijzer voorzien, waardoor u veel sitenavigatie bespaart.
De URL's die we kunnen bereiken met de Router van Backbone.js ze zien er zo uit:

Of als we toegang willen tot een meer geavanceerde zoekopdracht, bijvoorbeeld op categorieën en met een specifieke pagina van die zoekopdracht, kunnen we zoiets als dit bereiken:

Bouw een router met Backbone.js
Omdat we een basiskennis hebben van wat het is en wat de Router in een aanvraag van Backbone.jsNu zullen we zien hoe we er een kunnen genereren, zodat we het in onze applicaties kunnen opnemen.
RouterHet idee van Router in Backbone.js is dat we een functie moeten hebben die wordt uitgevoerd wanneer de route wordt bereikt, hiermee weet de applicatie wat te doen als het dat soort verzoeken om de URL heeft, deze relatie is een van de belangrijkste pijlers wanneer we een router maken .
De relatie is als volgt gedefinieerd: 'pad': 'functie' ,. Waar route is het verzoek dat in de browserbalk wordt gedaan en de functie is waar de Router.
Laten we nu een bouwen Basisrouter om te illustreren wat we hebben uitgelegd.

 var exampleRouter = Backbone.Router.extend ({/ * we definiëren de routes en functies die * / routes: {"test": "sampleTest", / * zijn toegankelijk via het formulier: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * we kunnen een complexere route maken met verschillende parameters * / / * bijvoorbeeld: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("We hebben toegang tot de routertest");}, searchQuestion: function (query, pagina) {var page_no = pagina || 1; console.log ("De paginanummer: "+ page_no +" van de zoekopdracht die het woord bevat: "+ query);}, defaultRoute: function (other) {console.log ('The resource:' + other + 'Bestaat niet');} } ); var myRouter = nieuw voorbeeldRouter (); 

Hier creëren we in eerste instantie onze Backbone.Router, binnen gaan we alle routes definiëren met hun respectieve bijbehorende functie, hiermee hebben we onze kaart, dan definiëren we elke functie die we hebben met betrekking tot de routes en tenslotte initialiseren we onze Router.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven