Ausführliche Erläuterung der Verwendung des EJS-Template-Engine-Beispiels in einer Express-Site-js-Tutorial-php.cn

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

小云云

Freigeben： 2018-02-03 14:43:31

Original

1748 Leute haben es durchsucht

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

Nach dem Login kopieren

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(&#39;views&#39;,path.join(__dirname , &#39;views&#39;) );
 app.engine(&#39;.html&#39;, require(&#39;ejs&#39;).__express); 
 app.set(&#39;view engine&#39;, &#39;html&#39;);

Nach dem Login kopieren

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>

Nach dem Login kopieren

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; });
});

Nach dem Login kopieren

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!