Cette traduction fournie par StrongLoop / IBM.

Il se peut que ce document soit obsolète par rapport à la documentation en anglais. Pour connaître les mises à jour les plus récentes, reportez-vous à la documentation en anglais.

Utilisation de moteurs de modèles avec Express

Pour qu’Express puisse afficher le rendu des fichiers modèles, vous devez définir les paramètres d’application suivants :

Ensuite, installez le package npm du moteur de modèle correspondant :


$ npm install pug --save

Les moteurs de modèles conformes à Express tels que Pug exportent une fonction nommée __express(filePath, options, callback), qui est appelée par la fonction res.render() pour générer le code de modèle.

Certaines moteurs de modèles ne suivent pas cette convention. La bibliothèque Consolidate.js suit cette convention en mappant tous les moteurs de modèles Node.js répandus, et fonctionne donc parfaitement avec Express.

Une fois le moteur de vue défini, vous n’avez pas à spécifier le moteur ou à charger le module de moteur de modèles dans votre application ; Express charge le module en interne, comme indiqué ci-dessous (pour l’exemple ci-dessus).


app.set('view engine', 'pug');

Créez un fichier de modèle Pug nommé index.pug dans le répertoire views, avec le contenu suivant :


html
  head
    title!= title
  body
    h1!= message

Puis, créez une route pour générer le fichier index.pug. Si la propriété view engine n’est pas définie, vous devez spécifier l’extension du fichier view. Sinon, vous pouvez l’omettre.


app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
});

Lorsque vous faites une demande vers la page d’accueil, le fichier index.pug est généré en HTML.

Pour en savoir plus sur le fonctionnement des moteurs de modèle dans Express, voir : “Développement de moteurs de modèles pour Express”.