Sadržaj
Nakon što smo definirali što usmjerivač u našoj aplikaciji Okosnica.js, moramo ga natjerati da osluškuje promjene u URL -u, to je kada naš korisnik postavi vrijednost sa svojim odgovarajućim raspršivanjem, na primjer, aplicacion.com/#ruta Time će, osim što omogućuje slušanje, korisnik moći i označiti aplikaciju.Okosnica.povijest
Kao što smo objasnili, ovo je element zbog kojeg naša aplikacija počinje raditi osluškujte promjene u URL -u uzimajući raspršivače, važno u vezi s ovim je da nam također pomaže da možemo napraviti aplikaciju koja može imati odjeljke koji su pohranjeni kao marker ili oznaka od strane korisnika, čime se stvaraju odjeljci kojima se izravno pristupa bez potrebe da prolaze kroz mnoge probleme.
Kako koristiti?Za korištenje Okosnica.povijest moramo to učiniti kad definiramo objekt koji inicijalizira naš usmjerivač i za to to radimo kroz .start () metoda.
Pogledajmo u sljedećem kodu kako bi ovo djelovanje bilo:
var myRouter = novi exampleRouter (); Okosnica.povijest.start ();
U ovom slučaju imamo a Ruter zvao exampleRouter koja je dodijeljena varijabli miRouter, kao što smo naznačili nakon što se ova radnja obavi je da koristimo .start () metoda kao što vidimo u posljednjem retku primjera.
Izvršimo li sljedeće Ruter Na našem web poslužitelju možemo vidjeti kako za nas funkcionira ono što smo objasnili:
var exampleRouter = Backbone.Router.extend ({routes: {"test": "sampleTest", "search /: query / p: page": "searchConsult", "* other": "defaultRoute",}, sampleTest: function () {console.log ("Pristupili smo testu usmjerivača");}, searchQuestion: function (upit, stranica) {var page_no = page || 1; console.log ("Broj stranice:" + page_no + " iz pretraživanja koje sadrži riječ: " + upit);}, defaultRoute: function (other) {console.log ('Resurs:' + other + 'Ne postoji');}}); var myRouter = novi exampleRouter (); Okosnica.povijest.start (); Pogledajmo na sljedećoj slici kako to izgleda kada pristupimo putu pretraživanja i proslijedimo mu željene parametre:
Ova.navigacijska metoda
Ova metoda je ta koja nam dopušta ažurirajte URL aplikacije iz metode, to nam pomaže da izbjegnemo ponovno učitavanje stranice i na taj način ne izgubimo svrhu aplikacije za jednu stranicu, detalj je da ova metoda ne omogućuje prolazak kroz usmjerivač, pa to moramo učiniti izričito, pogledajmo primjere:
1- Bez prolaska kroz usmjerivač:
viewTask: function (id) {console.log ("Pogledajte traženi zadatak."); this.navigate ("task /" + id + ' / edit'); // ažurirajte URL, ali ne prolazi kroz usmjerivač}, 2- Uz ispravak koji čini da prođe kroz usmjerivač:
viewTask: function (id) {console.log ("Pogledajte traženi zadatak."); this.navigate ("task /" + id + ' / edit', {trigger: true}); // ažurirajte URL, ali ne prolazi kroz usmjerivač}, Time već postižemo cilj unutar aplikacije promijeni url i odmah prođite izravno kroz usmjerivač.
Na kraju ovog vodiča vidjeli smo korisnost mogućnosti pristupa našoj aplikaciji putem prijateljskih URL -ova, jer nam to pomaže da je učinimo čitljivijom za tražilice i za korisnike, poboljšavajući tako SEO.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
