Backbone.js - Рутери

Въпреки Backbone.js се намира в клиента, неговият капацитет като MVC рамка е напълно нормален, тъй като не само ни позволява генериране на модели, изгледи и контролери, ние също имаме възможност да работим Рутери, като по този начин дава възможност за създаване Приятелски URL адреси и да даде по -добър достъп на контролерите от същото приложение.
Обикновено с Backbone.js ние сме склонни да правим приложения на една страница, така че може би можем да поставим под въпрос използването на РутерФактът, че това е приложение за една страница, не ни пречи да използваме URL адреса като помощник при достъпа до различните ресурси, които нашето приложение има.
Рутер в Backbone.js
The Рутер в Backbone.js ни позволява да генерираме URL адреси, където даваме достъп до различните ресурси на приложението, идеята е да можем да имаме приятелски URL адреси за целите на търсачките и SEO, в допълнение към това да позволяваме на потребителя да маркира или маркира нашето приложение като любимо в браузъра си, но като разрешите Приятелски URL адресиТова може да маркира определен раздел, като ви спестява много навигация в сайта.
URL адресите, които можем да постигнем с Рутер на Backbone.js те изглеждат така:

Или ако искаме да получим достъп до по -напреднала заявка, например по категории и с конкретна страница от това търсене, можем да постигнем нещо подобно:

Изградете рутер с Backbone.js
Тъй като имаме основно разбиране за това какво е и какво Рутер в приложение на Backbone.jsСега ще видим как можем да генерираме такъв, така че да можем да го включим в нашите приложения.
РутерИдеята за Рутер в Backbone.js е, че трябва да имаме функция, която се изпълнява, когато маршрутът е достигнат, с това приложението ще знае какво да прави, когато има такъв тип заявки за URL, тази връзка е един от най -важните стълбове, когато създаваме рутер .
Връзката се дефинира по следния начин: 'path': 'function',. Където маршрут е заявката, която се прави в лентата на браузъра, а функцията е мястото, където Рутер.
Нека сега изградим a Основен рутер за да илюстрираме това, което обясняваме.

 var exampleRouter = Backbone.Router.extend ({/ * ние дефинираме маршрутите и функциите, които */ routes: {"test": "sampleTest",/ * могат да бъдат достъпни чрез формата: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * можем да направим по -сложен маршрут, позволяващ няколко параметъра * / / * например: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Получихме достъп до теста на рутера");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log (" номер на страница: " + page_no +" на търсенето, което съдържа думата: " + заявка);}, defaultRoute: function (other) {console.log ('Ресурсът:' + other + 'Не съществува');} }); var myRouter = нов exampleRouter (); 

Тук създаваме на първо място нашата Гръбнак.Рутер, вътре ще дефинираме всички маршрути със съответната им свързана функция, с това ще имаме нашата карта, след това дефинираме всяка функция, която сме свързали с маршрутите и накрая инициализираме нашата Рутер.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка