Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Verwendung des EJS-Template-Engine-Beispiels in einer Express-Site

Ausführliche Erläuterung der Verwendung des EJS-Template-Engine-Beispiels in einer Express-Site

小云云
小云云Original
2018-02-03 14:43:311696Durchsuche

Dieser Artikel stellt Ihnen hauptsächlich die Verwendung der EJS-Template-Engine in Express-Sites vor. Der Herausgeber findet es ziemlich gut. Jetzt werde ich es mit Ihnen teilen und Ihnen eine Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Die mit vs erstellte Express-Site verwendet standardmäßig die Jade-Template-Engine, aber ich mag diese Methode nicht besonders, weil ich denke, dass die semantischen Eigenschaften von HTML selbst mir gefallen, und das HTML selbst ist auch Es ist prägnant genug und die Verwendung von HTML selbst als Vorlagensprache entspricht eher meinen Vorlieben, daher wähle ich ejs.

1. Installation

Starten Sie die Konsole im Stammverzeichnis der Website und geben Sie


npm install ejs

Das Paket wird im Verzeichnis node_modules installiert.

2 APP.JS ändern


App.js ändern und die Ansichts-Engine in ejs ändern. (Und ändern Sie das Suffix der Vorlage in .html)


 app.set('views',path.join(__dirname , 'views') );
 app.engine('.html', require('ejs').__express); 
 app.set('view engine', 'html');
3 Erstellen Sie eine Testseite


Erstellen Sie einen Index im Ansichtenordner .html, der Inhalt lautet wie folgt:


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Pivotal Search</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- HTML5 shim, for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
   <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
  <!-- styles -->
  <link href="css/style.css" rel="external nofollow" rel="stylesheet">

</head>
<body>
    <%= title %>
</body>
</html>
Dann ändern Sie index.js im Router:


/* GET home page. */
router.get(&#39;/&#39;, function(req, res, next) {
  res.render(&#39;index&#39;, { title: &#39;测试11111&#39; });
});
Verwandte Empfehlungen:

Detaillierte Erläuterung der Node.js-Vorlagen-Engine Jade

Reagieren Sie auf das Back-End Rendering-Vorlagen-Engine Noox-Release-Nutzungsmethode

Einfache Methode zum Schreiben der JS-Vorlagen-Engine

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung des EJS-Template-Engine-Beispiels in einer Express-Site. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn