Heim >Web-Frontend >js-Tutorial >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:311746Durchsuche

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(&#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;);

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!

node.js html express JS

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

Vorheriger Artikel：Angular implementiert die Darstellung der im Formular ausgefüllten Daten in der TabelleNächster Artikel：Angular implementiert die Darstellung der im Formular ausgefüllten Daten in der Tabelle

In Verbindung stehende Artikel

Mehr sehen