Obsah
Navzdory Backbone.js sídlí v klientovi, jeho kapacita jako rámec MVC je zcela normální, protože nám to nejen umožňuje generovat modely, pohledy a ovladače, máme také možnost pracovat Směrovače, čímž dává možnost vytváření Přátelské adresy URL a poskytují lepší přístup k ovladačům ze stejné aplikace.Obvykle s Backbone.js máme tendenci dělat jednostránkové aplikace, takže možná můžeme zpochybnit použití a RouterSkutečnost, že se jedná o jednostránkovou aplikaci, nám však nebrání použít adresu URL jako pomocníka při přístupu k různým zdrojům, které naše aplikace má.
Směrovač v Backbone.js
The Router v Backbone.js nám umožňuje generovat adresy URL tam, kde dáváme přístup k různým zdrojům aplikace, jde o to, mít možnost mít přátelské adresy URL pro účely vyhledávačů a SEO, navíc umožnit uživateli přidat si záložku nebo označit naši aplikaci jako oblíbenou v váš prohlížeč, ale povolením Přátelské adresy URLTo může přidat záložku do určité sekce, což vám ušetří spoustu navigace na webu.
Adresy URL, kterých můžeme dosáhnout pomocí Router z Backbone.js vypadají takto:
Protože máme základní znalosti o tom, co to je a co Router v aplikaci Backbone.jsNyní uvidíme, jak jej můžeme vygenerovat, abychom jej mohli zahrnout do našich aplikací.
RouterMyšlenka Router v Backbone.js je, že musíme mít funkci, která se spustí, když je dosaženo trasy, s tím aplikace bude vědět, co dělat, když má tento typ požadavků na adresu URL, tento vztah je jedním z nejdůležitějších pilířů při vytváření směrovače .
Vztah je definován následovně: 'cesta': 'funkce',. Kde trasa je požadavek, který je zadán na liště prohlížeče a funkce je tam, kde Router.
Pojďme nyní postavit a Základní router pro ilustraci toho, co jsme vysvětlovali.
var exampleRouter = Backbone.Router.extend ({/ * definujeme trasy a funkce, ke kterým je možné přistupovat */ route: {"test": "sampleTest",/ * pomocí formuláře: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * můžeme vytvořit složitější trasu umožňující několik parametrů * / / * například: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log („Pristoupili jsme k testu routeru“);}, searchQuestion: function (dotaz, stránka) {var page_no = page || 1; console.log ("The číslo stránky: " + page_no +" vyhledávání, které obsahuje slovo: " + dotaz);}, defaultRoute: function (other) {console.log ('Zdroj:' + other + 'neexistuje');} }); var myRouter = nový příkladRouter (); Zde vytváříme v první řadě naši Páteř. Směrovač, uvnitř definujeme všechny trasy s jejich příslušnou přidruženou funkcí, s tím budeme mít naši mapu, pak definujeme každou funkci, kterou máme s trasami spojenou a nakonec inicializujeme naše Router.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
