Backbone.js - maršrutētāji

Par spīti Backbone.js dzīvo klientā, tā kā MVC ietvara spēja ir pilnīgi normāla, jo tā ne tikai ļauj mums ģenerēt modeļus, skatus un kontrolierus, mums ir arī iespēja sadarboties Maršrutētāji, tādējādi dodot iespēju radīt Draudzīgi URL un nodrošināt labāku piekļuvi tās pašas lietojumprogrammas kontrolieriem.
Parasti ar Backbone.js mums ir tendence veikt vienas lapas lietojumprogrammas, tāpēc varbūt varam apšaubīt a MaršrutētājsTomēr tas, ka tā ir vienas lapas lietojumprogramma, neliedz mums izmantot URL kā palīgu, lai piekļūtu dažādiem mūsu lietojumprogrammas resursiem.
Maršrutētājs vietnē Backbone.js
Maršrutētājs iekšā Backbone.js ļauj mums ģenerēt vietrāžus URL, kur mēs dodam piekļuvi dažādiem lietojumprogrammas resursiem. Ideja ir nodrošināt draudzīgus vietrāžus URL meklētājprogrammu un SEO mērķiem, kā arī ļaut lietotājam atzīmēt vai atzīmēt mūsu lietojumprogrammu kā iecienītāko pārlūkprogrammā, bet atļaujot Draudzīgi URLTas var pievienot grāmatzīmi noteiktai sadaļai, ietaupot daudz vietnes navigācijas.
Vietrāži URL, kurus mēs varam sasniegt ar Maršrutētājs no Backbone.js tie izskatās šādi:

Vai arī, ja mēs vēlamies piekļūt sarežģītākam vaicājumam, piemēram, pēc kategorijām un ar konkrētu šīs meklēšanas lapu, mēs varētu sasniegt kaut ko līdzīgu:

Izveidojiet maršrutētāju, izmantojot Backbone.js
Tā kā mums ir pamata izpratne par to, kas tas ir un kas tas ir Maršrutētājs pieteikumā Backbone.jsTagad mēs redzēsim, kā mēs varam to izveidot, lai to varētu iekļaut mūsu lietojumprogrammās.
MaršrutētājsIdeja par Maršrutētājs iekšā Backbone.js ja mums ir jābūt funkcijai, kas tiek izpildīta, kad maršruts ir sasniegts, ar to lietojumprogramma zinās, kas jādara, ja tai ir šāda veida URL pieprasījumi, šīs attiecības ir viens no vissvarīgākajiem pīlāriem, veidojot maršrutētāju .
Attiecības definē šādi: 'ceļš': 'funkcija',. Kur maršrutu ir pieprasījums, kas tiek veikts pārlūkprogrammas joslā, un funkcija atrodas vietā Maršrutētājs.
Tagad veidosim a Pamata maršrutētājs lai ilustrētu to, ko esam izskaidrojuši.

 var exampleRouter = Backbone.Router.extend ({/ * mēs definējam maršrutus un funkcijas, kurām */ maršruti: {"test": "sampleTest",/ * var piekļūt, izmantojot veidlapu: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * mēs varam izveidot sarežģītāku maršrutu, kas atļauj vairākus parametrus * / / * piemēram: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Mēs esam piekļuvuši maršrutētāja testam");}, searchQuestion: function (vaicājums, lapa) {var page_no = page || 1; console.log ("The lapas numurs: " + page_no +" no meklēšanas, kurā ir vārds: " + query);}, defaultRoute: function (other) {console.log ('Resurss:' + cits + 'nepastāv');} }); var myRouter = jauns exampleRouter (); 

Šeit mēs vispirms izveidojam savu Mugurkauls. Maršrutētājs, iekšpusē mēs definēsim visus maršrutus ar to saistīto funkciju, ar to mums būs mūsu karte, tad mēs definēsim katru funkciju, kas mums ir saistīta ar maršrutiem, un visbeidzot mēs inicializēsim savu Maršrutētājs.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu