Maison > interface Web > js tutoriel > Utilisation du moteur de modèles dans les astuces Express_javascript

Utilisation du moteur de modèles dans les astuces Express_javascript

WBOY
Libérer: 2016-05-16 15:26:29
original
1114 Les gens l'ont consulté

Vous devez définir les paramètres suivants dans votre application pour permettre à Express de restituer les fichiers de modèle :

views, le répertoire où sont placés les fichiers modèles, par exemple : app.set('views', './views')
moteur d'affichage, moteur de modèles, tel que : app.set('view engine', 'jade')

Installez ensuite le package npm du moteur de modèle correspondant.

$ npm install jade --save
Copier après la connexion

Un moteur de modèle compatible avec Express, tel que Jade, restitue le modèle en appelant sa méthode exportée __express(filePath, options, callback) via res.render().

Certains moteurs de modèles ne suivent pas cette convention. Consolidate.js peut mapper tous les moteurs de modèles populaires dans Node à cette convention, afin qu'ils puissent être connectés de manière transparente à Express.

Une fois le moteur de visualisation configuré avec succès, il n'est pas nécessaire de spécifier explicitement le moteur ou de charger le module du moteur de modèle dans l'application, Express est déjà chargé en interne, comme indiqué ci-dessous.

app.set('view engine', 'jade');
Copier après la connexion

Générez un fichier modèle Jade nommé index.jade dans le répertoire vues avec le contenu suivant :

html
 head
  title!= title
 body
  h1!= message
Copier après la connexion

Créez ensuite un fichier index.jade de rendu d'itinéraire. Si le moteur d'affichage n'est pas défini, vous devez spécifier le suffixe du fichier d'affichage, sinon il sera manqué.

app.get('/', function (req, res) {
 res.render('index', { title: 'Hey', message: 'Hello there!'});
});
Copier après la connexion

Envoyez une demande à la page d'accueil à ce moment-là, et "index.jade" sera rendu au format HTML.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal