Turinys
Nepaisant Backbone.js gyvena kliente, jo kaip MVC sistemos gebėjimas yra visiškai normalus, nes tai ne tik leidžia mums kurti modelius, rodinius ir valdiklius, mes taip pat turime galimybę dirbti Maršrutizatoriai, taip suteikiant galimybę kurti Draugiški URL ir suteikti geresnę prieigą prie tos pačios programos valdiklių.Paprastai su Backbone.js mes linkę daryti vieno puslapio programas, todėl galbūt galime suabejoti a MaršrutizatoriusTačiau tai, kad tai yra vieno puslapio programa, netrukdo mums naudoti URL kaip padėjėjo prieigai prie įvairių mūsų programos išteklių.
Maršrutizatorius Backbone.js
The Maršrutizatorius į Backbone.js leidžia mums sukurti URL adresus, kuriuose suteikiame prieigą prie įvairių programos išteklių, idėja yra turėti draugiškus URL paieškos sistemoms ir SEO tikslams, be to, leidžia vartotojui pažymėti arba pažymėti mūsų programą kaip mėgstamą naršyklėje, bet leisdami Draugiški URLTai gali žymėti tam tikrą skyrių ir taip sutaupyti daug naršymo svetainėje.
URL, kuriuos galime pasiekti naudodami Maršrutizatorius apie Backbone.js jie atrodo taip:
Kadangi mes turime pagrindinį supratimą, kas tai yra ir kas Maršrutizatorius paraiškoje Backbone.jsDabar pamatysime, kaip galime jį sukurti, kad galėtume jį įtraukti į savo programas.
MaršrutizatoriusIdėja Maršrutizatorius į Backbone.js kad mes turime turėti funkciją, kuri būtų vykdoma pasiekus maršrutą, todėl programa žinos, ką daryti, kai turės tokio tipo URL užklausas, šis ryšys yra vienas iš svarbiausių ramsčių kuriant maršrutizatorių .
Ryšys apibrėžiamas taip: „kelias“: „funkcija“,. Kur maršrutą yra užklausa, pateikta naršyklės juostoje, o funkcija yra ten, kur Maršrutizatorius.
Dabar pastatykime a Pagrindinis maršrutizatorius iliustruoti tai, ką mes paaiškinome.
var exampleRouter = Backbone.Router.extend ({/ * mes apibrėžiame maršrutus ir funkcijas, kurias */ maršrutai: {"test": "sampleTest",/ * gali pasiekti naudodami formą: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * galime sukurti sudėtingesnį maršrutą, leidžiantį kelis parametrus * / / *, pavyzdžiui: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Mes pasiekėme maršrutizatoriaus testą");}, searchQuestion: function (užklausa, puslapis) {var page_no = page || 1; console.log ("The puslapio numeris: paieškos „ + page_no +“, kuriame yra žodis: „ + užklausa“;}, defaultRoute: function (other) {console.log ('Resursas:' + kitas + 'neegzistuoja');} }); var myRouter = naujas exampleRouter (); Čia mes pirmiausia kuriame savo Nugara. Maršrutizatorius, viduje mes nustatysime visus maršrutus su atitinkama susijusia funkcija, turėdami savo žemėlapį, tada mes nustatysime kiekvieną funkciją, kurią susiejome su maršrutais, ir galiausiai inicijuosime Maršrutizatorius.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
