Backbone.js - Routeurs

Malgré que Backbone.js réside dans le client, sa capacité de framework MVC est tout à fait normale, puisqu'elle nous permet non seulement générer des modèles, des vues et des contrôleurs, nous avons également la possibilité de travailler avec Routeurs, donnant ainsi la possibilité de créer URL conviviales et donner un meilleur accès aux contrôleurs depuis la même application.
Habituellement avec Backbone.js nous avons tendance à faire des applications d'une seule page, donc peut-être pouvons-nous remettre en question l'utilisation d'un RouteurCependant, le fait qu'il s'agisse d'une application monopage ne nous empêche pas d'utiliser l'URL comme assistant pour accéder aux différentes ressources dont dispose notre application.
Routeur dans Backbone.js
Le Routeur dans Backbone.js nous permet de générer des URL où nous donnons accès aux différentes ressources de l'application, l'idée est de pouvoir avoir des URL conviviales à des fins de moteur de recherche et de référencement, en plus de permettre à un utilisateur de mettre en signet ou de marquer notre application comme favorite dans votre navigateur, mais en autorisant URL convivialesCela peut mettre en signet une section particulière, vous épargnant beaucoup de navigation sur le site.
Les URL que nous pouvons atteindre avec le Routeur de Backbone.js ils ressemblent à ça :

Ou si nous voulons accéder à une requête plus avancée, par exemple par catégories et avec une page spécifique de cette recherche, nous pourrions obtenir quelque chose comme ceci :

Construire un routeur avec Backbone.js
Puisque nous avons une compréhension de base de ce que c'est et de ce que Routeur dans une application de Backbone.jsNous allons maintenant voir comment nous pouvons en générer un, afin que nous puissions l'inclure dans nos applications.
RouteurL'idée de Routeur dans Backbone.js est que nous devons avoir une fonction qui est exécutée lorsque la route est atteinte, avec cela l'application saura quoi faire quand elle a ce type de demandes pour l'URL, cette relation est l'un des piliers les plus importants lorsque nous créons un routeur .
La relation est définie comme suit : 'path' : 'function' ,. Où route est la demande qui est faite dans la barre du navigateur et la fonction est l'endroit où le Routeur.
Construisons maintenant un Routeur de base pour illustrer ce que nous venons d'expliquer.

 var exampleRouter = Backbone.Router.extend ({/ * nous définissons les routes et les fonctions que * / route : {"test": "sampleTest", / * accessible via le formulaire : http://example.com/# test * / "search /: query / p: page": "searchConsult", / * on peut faire une route plus complexe permettant plusieurs paramètres * / / * par exemple : http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Nous avons accédé au test du routeur");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log ("Le numéro de page : "+ page_no +" de la recherche qui contient le mot : "+ query);}, defaultRoute: function (other) {console.log ('La ressource:' + other + 'N'existe pas');} } ); var myRouter = new exampleRouter (); 

Ici, nous créons dans un premier temps notre Backbone.Router, à l'intérieur, nous allons définir toutes les routes avec leur fonction associée respective, avec cela nous aurons notre carte, puis nous définissons chaque fonction que nous avons liée aux routes et enfin nous initialisons notre Routeur.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif