Heim > Web-Frontend > js-Tutorial > Hauptteil

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

小云云
Freigeben: 2018-02-03 14:43:31
Original
1700 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('views',path.join(__dirname , 'views') );
 app.engine('.html', require('ejs').__express); 
 app.set('view engine', 'html');
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!