Backbone.js - Routery

Mimo Backbone.js rezyduje w kliencie, jego zdolność jako framework MVC jest całkowicie normalna, ponieważ nie tylko nam pozwala generować modele, widoki i kontrolery, mamy również możliwość współpracy Routery, dając tym samym możliwość tworzenia Przyjazne adresy URL i dać lepszy dostęp do kontrolerów z tej samej aplikacji.
Zwykle z Backbone.js mamy tendencję do tworzenia aplikacji jednostronicowych, więc może możemy zakwestionować użycie RouterJednak fakt, że jest to aplikacja jednostronicowa, nie uniemożliwia nam używania adresu URL jako asystenta w dostępie do różnych zasobów, które posiada nasza aplikacja.
Router w Backbone.js
ten Router w Backbone.js pozwala nam generować adresy URL, w których dajemy dostęp do różnych zasobów aplikacji, chodzi o to, aby móc mieć przyjazne adresy URL dla celów wyszukiwania i SEO, oprócz umożliwienia użytkownikowi dodawania zakładek lub oznaczania naszej aplikacji jako ulubionej w Twoja przeglądarka, ale zezwalając Przyjazne adresy URLMoże to dodać zakładkę do określonej sekcji, oszczędzając dużo nawigacji w witrynie.
Adresy URL, które możemy osiągnąć za pomocą Router z Backbone.js wyglądają tak:

Lub jeśli chcemy uzyskać dostęp do bardziej zaawansowanego zapytania, na przykład według kategorii i przy określonej stronie tego wyszukiwania, możemy osiągnąć coś takiego:

Zbuduj router za pomocą Backbone.js
Ponieważ mamy podstawową wiedzę na temat tego, co to jest i co Router w aplikacji Backbone.jsTeraz zobaczymy, jak możemy go wygenerować, aby móc go uwzględnić w naszych aplikacjach.
RouterPomysł Router w Backbone.js jest to, że musimy mieć funkcję, która jest wykonywana po osiągnięciu trasy, dzięki temu aplikacja będzie wiedziała, co zrobić, gdy ma tego typu żądania dla adresu URL, ta relacja jest jednym z najważniejszych filarów podczas tworzenia routera .
Relacja jest zdefiniowana następująco: 'ścieżka': 'funkcja' ,. Gdzie trasa to żądanie, które jest wykonywane w pasku przeglądarki, a funkcja jest tam, gdzie Router.
Zbudujmy teraz Router podstawowy aby zilustrować to, co wyjaśnialiśmy.

 var exampleRouter = Backbone.Router.extend ({/ * definiujemy trasy i funkcje, które * / route: {"test": "sampleTest", / * można uzyskać za pomocą formularza: http://example.com/# test * / "search /: query / p: page": "searchConsult", / * możemy stworzyć bardziej złożoną trasę pozwalającą na kilka parametrów * / / * na przykład: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Uzyskaliśmy dostęp do testu routera");}, searchQuestion: function (zapytanie, strona) {var page_no = page || 1; console.log ("The numer strony: "+ nr_strony +" wyszukiwania zawierającego słowo: "+ zapytanie);}, defaultRoute: function (other) {console.log ('Zasób:' + other + 'Nie istnieje');} } ); var myRouter = nowy przykładRouter (); 

Tutaj tworzymy w pierwszej kolejności nasze Backbone.Router, w środku zdefiniujemy wszystkie trasy z ich odpowiednią powiązaną funkcją, dzięki temu będziemy mieli naszą mapę, następnie zdefiniujemy każdą funkcję, którą powiązaliśmy z trasami i na koniec inicjujemy naszą Router.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt