Obsah
Jakmile jsme definovali, co router v naší aplikaci Backbone.js„Musíme zajistit, aby naslouchalo změnám v adrese URL, to je, když náš uživatel například vloží hodnotu s příslušným hashem, aplicacion.com/#ruta Díky tomu si uživatel kromě možnosti poslechu bude moci aplikaci také uložit do záložek.Páteř. Historie
Jak jsme vysvětlili, toto je prvek, díky kterému naše aplikace začíná poslouchejte změny v adrese URL s hash„Důležité na tom je, že nám to také pomáhá vytvořit aplikaci, která může mít sekce, které jsou uloženy jako popisovač nebo záložka do knihy uživatelem, čímž se vytvoří sekce, ke kterým je přístup přímo, aniž byste museli procházet mnoha problémy.
Jak používat?Chcete -li použít Páteř. Historie musíme to udělat, jakmile definujeme objekt, který inicializuje náš router a pro to to děláme skrz .start () metoda.
Podívejme se v následujícím kódu, jak by tato akce byla:
var myRouter = nový příkladRouter (); Backbone.history.start ();
V tomto případě máme a Router volala příklad Router která je přiřazena proměnné miRouter, jak jsme naznačili, jakmile je tato akce provedena, je, že používáme .start () metoda jak vidíme v posledním řádku příkladu.
Pokud provedeme následující Router Na našem webovém serveru vidíme, jak to, co jsme vysvětlili, funguje pro nás:
var exampleRouter = Backbone.Router.extend ({trasy: {"test": "sampleTest", "search /: query / p: page": "searchConsult", "* other": "defaultRoute",}, sampleTest: funkce () {console.log ("Pristoupili jsme k testu routeru");}, searchQuestion: funkce (dotaz, stránka) {var page_no = stránka || 1; console.log ("Číslo stránky:" + page_no + " z vyhledávání, které obsahuje slovo: „ + dotaz);}, defaultRoute: function (other) {console.log ('Zdroj:' + other + 'Neexistuje');}}); var myRouter = nový příkladRouter (); Backbone.history.start (); Podívejme se na následujícím obrázku, jak to dopadne, když přistoupíme k vyhledávací cestě a předáme jí požadované parametry:
Metoda this.navigate
Tato metoda nám to umožňuje aktualizovat URL aplikace z metodyTo nám pomáhá vyhnout se nutnosti znovu načíst stránku a neztratit tak účel aplikace s jedinou stránkou, detailem je, že tato metoda ji neprochází přes router, takže to musíme udělat explicitně, podívejme se na příklady:
1- Bez procházení router:
viewTask: function (id) {console.log ("Zobrazit požadovaný úkol."); this.navigate ("task /" + id + ' / edit'); // aktualizujte URL, ale neprochází routerem}, 2- S opravou, díky které to projde router:
viewTask: function (id) {console.log ("Zobrazit požadovaný úkol."); this.navigate ("task /" + id + ' / edit', {trigger: true}); // aktualizujte URL, ale neprochází routerem}, S tímto již dosahujeme cíle z aplikace změnit URL a najednou projděte přímo routerem.
Na konci tohoto tutoriálu jsme viděli užitečnost možnosti přístupu k naší aplikaci prostřednictvím přátelských adres URL, protože nám to pomáhá zajistit lepší čitelnost pro vyhledávače i pro uživatele, a tím zlepšit SEO.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
