Sommaire

Présentation du moteur de rendu Mustache

Mustache est une spécification qui permet de créer des templates. Ce n’est pas un moteur de templates, c’est un moteur de rendu, un moteur de vues. Voici son URL : http://mustache.github.io

Autre point important, Mustache permet de créer des templates sans logique, il est dit logic-less en anglais. Cela veut dire que nous ne pourrons pas utiliser des fonctions de condition comme le if(), ni des boucles comme while() ou for().

Pour concevoir nos pages, nous allons avoir besoin de trois composants :

  • un template conçu avec les balises spécifiques de Mustache,

  • des données qui peuvent être stockées dans le fichier .html ou à l’extérieur de celui-ci,

  • un moteur de template.

images/C07-011.png

Le premier composant est constitué par les balises. Avec les balises spécifiques de Mustache, nous allons concevoir des templates. Dans le template, nous indiquerons des emplacements qui seront ensuite remplacés par les données à afficher. La syntaxe de Mustache utilise des accolades {{...}} pour indiquer le nom des éléments qui seront ensuite remplacés par les données. Par exemple, si nous souhaitons afficher une destination de voyage provenant d’une liste, la syntaxe pourrait être la suivante : {{destination}}.

Le deuxième composant nécessaire est une source de données. Cette source de données peut être stockée dans le fichier .html, sous la forme ...