Tipps zur Verwendung der Template-Engine in Express_javascript

Sie müssen die folgenden Einstellungen in Ihrer Anwendung vornehmen, damit Express Vorlagendateien rendern kann:

Ansichten, das Verzeichnis, in dem Vorlagendateien abgelegt werden, zum Beispiel: app.set('views', './views')
View Engine, Template Engine, wie zum Beispiel: app.set('view engine', 'jade')

Dann installieren Sie das entsprechende Template-Engine-NPM-Paket.

$ npm install jade --save

Eine mit Express kompatible Template-Engine wie Jade rendert die Vorlage, indem sie ihre exportierte Methode __express(filePath, options, callback) über res.render() aufruft.

Einige Template-Engines folgen dieser Konvention nicht. Consolidate.js kann alle gängigen Template-Engines in Node dieser Konvention zuordnen, sodass eine nahtlose Verbindung mit Express möglich ist.

Sobald die Ansichts-Engine erfolgreich eingerichtet ist, ist es nicht mehr erforderlich, die Engine explizit anzugeben oder das Vorlagen-Engine-Modul in der Anwendung zu laden. Express wird bereits intern geladen, wie unten gezeigt.

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

Generieren Sie eine Jade-Vorlagendatei mit dem Namen index.jade im Verzeichnis „views“ mit folgendem Inhalt:

html
 head
  title!= title
 body
  h1!= message

Erstellen Sie dann eine Routenrendering-Datei index.jade. Wenn die Ansichts-Engine nicht festgelegt ist, müssen Sie das Suffix der Ansichtsdatei angeben, andernfalls wird es übersehen.

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

Senden Sie zu diesem Zeitpunkt eine Anfrage an die Homepage und „index.jade“ wird als HTML gerendert.