Innehållsförteckning
Trots Backbone.js ligger hos klienten, dess kapacitet som ett MVC -ramverk är helt normalt, eftersom det inte bara tillåter oss generera modeller, vyer och kontroller, vi har också möjlighet att arbeta med Routrar, vilket ger möjligheten att skapa Vänliga webbadresser och ge bättre åtkomst till kontrollerna från samma applikation.Vanligtvis med Backbone.js vi brukar göra enkelsidiga applikationer så kanske vi kan ifrågasätta användningen av en RouterDet faktum att det är en enda sida -applikation hindrar oss dock inte från att använda URL: en som assistent för att komma åt de olika resurserna som vår applikation har.
Router i Backbone.js
De Router i Backbone.js tillåter oss att generera webbadresser där vi ger åtkomst till programmets olika resurser, tanken är att kunna ha vänliga webbadresser för sökmotorer och SEO -ändamål, förutom att tillåta en användare att bokmärka eller markera vår applikation som en favorit i din webbläsare, men genom att tillåta Vänliga webbadresserDetta kan bokmärka ett visst avsnitt, vilket sparar mycket webbplatsnavigering.
Webbadresserna som vi kan uppnå med Router av Backbone.js de ser ut så här:
Eftersom vi har en grundläggande förståelse för vad det är och vad Router i en ansökan om Backbone.jsNu ska vi se hur vi kan generera en så att vi kan inkludera den i våra applikationer.
RouterIdéen av Router i Backbone.js är att vi måste ha en funktion som körs när rutten nås, med detta kommer applikationen att veta vad man ska göra när den har den typen av förfrågningar om URL: en, denna relation är en av de viktigaste pelarna när vi skapar en router .
Förhållandet definieras enligt följande: 'sökväg': 'funktion',. Var rutt är den begäran som görs i webbläsarfältet och funktionen är där Router.
Låt oss nu bygga en Grundläggande router för att illustrera det vi har förklarat.
var exampleRouter = Backbone.Router.extend ({/ * vi definierar de rutter och funktioner som */ routes: {"test": "sampleTest",/ * kan nås med hjälp av formuläret: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * vi kan göra en mer komplex rutt som tillåter flera parametrar * / / * till exempel: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Vi har kommit åt routertestet");}, searchQuestion: function (fråga, sida) {var page_no = page || 1; console.log ("The sidnummer: " + page_no +" för sökningen som innehåller ordet: " + fråga);}, defaultRoute: function (other) {console.log ('Resursen:' + other + 'Existerar inte');} }); var myRouter = nytt exempelRouter (); Här skapar vi i första hand vår Backbone.Router, inuti kommer vi att definiera alla rutter med respektive tillhörande funktion, med detta kommer vi att ha vår karta, sedan definierar vi varje funktion som vi har relaterat till rutterna och slutligen initierar vi vår Router.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
