Heim > Artikel > Web-Frontend > NodeJS Express EJS-Installation

NodeJS Express EJS-Installation

WBOYOriginal: 2023-05-11 18:35:07671Durchsuche

Node.js ist eine beliebte JavaScript-Laufzeitumgebung, die es Entwicklern ermöglicht, leistungsstarke Back-End-Anwendungen mithilfe der JavaScript-Sprache zu entwickeln. Node.js wird mit Express.js geliefert, einem einfachen und flexiblen Webanwendungs-Framework, und bietet außerdem eine leistungsstarke Vorlagen-Engine EJS, die Entwicklern dabei helfen kann, schöne und leicht zu wartende Webanwendungen zu erstellen.

In diesem Artikel besprechen wir die Installation von Node.js, Express.js und EJS und erfahren, wie man sie zusammen verwendet, um eine einfache Webanwendung zu erstellen.

Node.js installieren

Bevor Sie beginnen, stellen Sie bitte sicher, dass auf Ihrem Computer die Node.js-Laufzeitumgebung installiert ist. Wenn Sie es noch nicht installiert haben, führen Sie bitte die folgenden Schritte aus, um es zu installieren:

Öffnen Sie die [offizielle Website von Node.js] (https://nodejs.org/), klicken Sie auf die Schaltfläche „Herunterladen“ und wählen Sie die aus Bitte laden Sie die für Ihr Betriebssystem geeignete Version herunter.
Nachdem der Download abgeschlossen ist, doppelklicken Sie auf das zu installierende Installationspaket. Folgen Sie einfach den Schritten des Installationsassistenten.
Öffnen Sie nach Abschluss der Installation ein Terminal (oder Befehlszeilenfenster) und geben Sie den folgenden Befehl ein, um zu überprüfen, ob Node.js korrekt installiert ist:
```
node -v
```
Wenn Node.js erfolgreich installiert wurde, werden die Versionsinformationen von Node.js angezeigt. js wird angezeigt.

Express.js installieren

Nach der Installation von Node.js können Sie Express.js mit dem Befehl npm (dem Paketmanager, der mit Node.js geliefert wird) installieren. Bitte befolgen Sie zur Installation die folgenden Schritte:

Öffnen Sie ein Terminal (oder Befehlszeilenfenster) und geben Sie den folgenden Befehl ein:
```
npm init
```
Dieser Befehl führt Sie durch die Erstellung eines neuen Node.js-Projekts. Folgen Sie den Anweisungen Schritt für Schritt, um einzutreten.
Nach Abschluss der Initialisierung geben Sie den folgenden Befehl ein, um Express.js zu installieren:
```
npm install express --save
```
Dieser Befehl installiert die neueste Version von Express.js aus dem npm-Repository und fügt sie als Abhängigkeit zu Ihrem Projekt hinzu.
Erstellen Sie nach erfolgreicher Installation eine neue Datei mit dem Namen app.js im Stammverzeichnis des Projekts. Dies ist der Haupteinstiegspunkt zu Ihrer Express.js-Anwendung. app.js 的新文件。这是您的 Express.js 应用程序的主要入口点。
在 app.js 文件中，输入以下代码来创建一个简单的 Express.js 应用程序：
```
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server listening on port 3000!');
});
```
这个应用程序将会响应来自客户端浏览器的所有 HTTP GET 请求，并返回一个包含 “Hello World!” 的字符串。
保存 app.js 文件后，切换到终端（或命令行窗口），将工作目录切换到 app.js 文件所在的目录，并运行以下命令：
```
node app.js
```
如果一切正常，您应该可以看到终端输出 “Server listening on port 3000!” 的信息。这表明您的 Express.js 应用程序正在运行，并可以通过访问 http://localhost:3000/ 来访问它。

安装 EJS

EJS 是一个简单、易用的模板引擎，可以帮助您在 Express.js 应用程序中创建具有动态内容的网页。请按照以下步骤进行安装：

打开终端（或命令行窗口），输入以下命令：
```
npm install ejs --save
```
这个命令将会从 npm 仓库中安装最新版本的 EJS，并将其作为依赖关系添加到您的项目中。
在应用程序的根目录下，创建一个名为 views 的新文件夹。这将是您的 Express.js 应用程序用来存放 EJS 模板文件的地方。
在 views 文件夹中，创建一个名为 index.ejs 的新文件。这将是您的网页的主要模板文件。
在 index.ejs 文件中，输入以下代码来创建一个简单的网页：
```
<!DOCTYPE html>
<html>
<head>
  <title>EJS Example</title>
</head>
<body>
  <h1>Welcome to the EJS Example!</h1>
  <p>The current date and time is <%= new Date().toString() %>.</p>
</body>
</html>
```
这个模板将会显示一个标题，“Welcome to the EJS Example!”，以及一个包含当前日期和时间的段落。
回到 app.js 文件中，在头部添加以下代码来告诉 Express.js 应用程序在哪里可以找到 EJS 模板文件：
```
app.set('views', './views');
app.set('view engine', 'ejs');
```
在 app.js 文件中，用以下代码替换 app.get 方法：
```
app.get('/', (req, res) => {
  res.render('index');
});
```
这个方法会通过 EJS 模板引擎来呈现 views/index.ejs 文件，并将其发送回客户端浏览器。
保存 app.js 和 index.ejs 文件后，切换到终端（或命令行窗口），将工作目录切换到 app.js

Geben Sie in der Datei app.js den folgenden Code ein, um eine einfache Express.js-Anwendung zu erstellen:
```
node app.js
```
Diese Anwendung antwortet auf alle HTTP-GET-Anfragen vom Client-Browser und gibt a zurück Zeichenfolge mit „Hello World!“

Nachdem Sie die Datei `app.js` gespeichert haben, wechseln Sie zum Terminal (oder Befehlszeilenfenster) und wechseln Sie vom Arbeitsverzeichnis in das Verzeichnis, in dem sich die Datei `app.js` befindet gefunden wird, und führen Sie den folgenden Befehl aus:

rrreee

Wenn alles gut geht, sollten Sie die Terminalausgabe „Server lauscht auf Port 3000!“ sehen. Dies zeigt an, dass Ihre Express.js-Anwendung ausgeführt wird und über http://localhost:3000/ darauf zugegriffen werden kann.

🎜🎜🎜EJS installieren🎜🎜EJS ist eine einfache, benutzerfreundliche Vorlagen-Engine, mit der Sie Webseiten mit dynamischen Inhalten in Express.js-Anwendungen erstellen können. Bitte befolgen Sie zur Installation die folgenden Schritte: 🎜🎜🎜🎜Öffnen Sie ein Terminal (oder ein Befehlszeilenfenster) und geben Sie den folgenden Befehl ein: 🎜rrreee🎜Dieser Befehl installiert die neueste Version von EJS aus dem npm-Repository und fügt sie als Abhängigkeit hinzu Du bist im Projekt. 🎜🎜🎜Erstellen Sie im Stammverzeichnis Ihrer Anwendung einen neuen Ordner mit dem Namen views. Hier speichert Ihre Express.js-Anwendung ihre EJS-Vorlagendateien. 🎜🎜Erstellen Sie im Ordner views eine neue Datei mit dem Namen index.ejs. Dies wird die Hauptvorlagendatei für Ihre Webseite sein. 🎜🎜🎜Geben Sie in der Datei index.ejs den folgenden Code ein, um eine einfache Webseite zu erstellen: 🎜rrreee🎜Diese Vorlage zeigt einen Titel „Willkommen beim EJS-Beispiel!“ und einen Text an Enthält einen Absatz des aktuellen Datums und der aktuellen Uhrzeit. 🎜🎜🎜🎜Zurück in der Datei app.js fügen Sie den folgenden Code in den Header ein, um der Express.js-Anwendung mitzuteilen, wo sich die EJS-Vorlagendateien befinden: 🎜rrreee🎜🎜🎜In app .js-Datei ersetzen Sie die Methode app.get durch den folgenden Code: 🎜rrreee🎜Diese Methode rendert die Datei views/index.ejs über die EJS-Vorlagen-Engine und sendet sie zurück an den Client-Browser. 🎜🎜🎜🎜Nachdem Sie die Dateien app.js und index.ejs gespeichert haben, wechseln Sie zum Terminal (oder Befehlszeilenfenster) und wechseln Sie das Arbeitsverzeichnis zu app .js Datei und führen Sie den folgenden Befehl aus: 🎜rrreee🎜Wenn alles gut geht, sollten Sie die Terminalausgabe „Server lauscht auf Port 3000!“ sehen. Dies zeigt an, dass Ihre Express.js-Anwendung ausgeführt wird und über http://localhost:3000/ darauf zugegriffen werden kann. 🎜🎜Klicken Sie auf den Link und Sie sollten eine Webseite mit dem aktuellen Datum und der aktuellen Uhrzeit sehen. 🎜🎜🎜🎜Fazit🎜🎜In diesem Artikel haben wir gelernt, wie man Node.js, Express.js und EJS installiert und eine einfache Webanwendung erstellt. Im nächsten Artikel befassen wir uns mit der Verwendung von Express.js und EJS zur Erstellung komplexerer und leistungsfähigerer Webanwendungen. 🎜

Das obige ist der detaillierte Inhalt vonNodeJS Express EJS-Installation. 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

Vorheriger Artikel：Ob NodeJS unter Linux installiert werden sollNächster Artikel：Ob NodeJS unter Linux installiert werden soll

In Verbindung stehende Artikel

Mehr sehen