Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m307:learningunits:lu03:loesungen:03 [2026/05/21 09:48] – vdemir
+++ de:modul:m307:learningunits:lu03:loesungen:03 [2026/05/21 09:49] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU03.L02 ======
+====== LU03.L03 ======
 **app.js**
 <code javascript>
+const express = require('express');
+const app = express();
+const path = require('path');
+// Die Daten der drei (jetzt vier) Personen
+const personen = [
+    { id: 1, name: "Max Mustermann", alter: 28, beruf: "Entwickler" },
+    { id: 2, name: "Anna Schmidt", alter: 34, beruf: "Designerin" },
+    { id: 3, name: "Ben Weber", alter: 22, beruf: "Student" },
+    { id: 4, name: "Peter König", alter: 25, beruf: "Betonbauer" } // ID von 3 auf 4 korrigiert
+];
+// FEHLENDE CODEZEILE 1: Den aktuellen Ordner für statische Dateien (wie index.html) freigeben
+app.use(express.static(__dirname));
+// FEHLENDE CODEZEILE 2: Route für die Startseite (liefert die index.html aus)
+app.get('/', (req, res) => {
+    res.sendFile(path.join(__dirname, 'index.html'));
+});
+// FEHLENDE CODEZEILE 3: Route für die JSON-Daten (falls du die Daten per fetch abrufen willst)
+app.get('/api/personen', (req, res) => {
+    res.json(personen);
+});
+// Server auf Port 3000 starten
+const PORT = 3000;
+app.listen(PORT, () => {
+    console.log(`Server läuft unter http://localhost:${PORT}`);
+});
+</code>
+**index.html**
+<code html>
 <!DOCTYPE html>
 <html lang="de">
@@ Zeile 57: / Zeile 91: @@
             .catch(error => console.error('Fehler beim Laden der Daten:', error));
     </script>
-</body>
-</html>
-</code>
-**index.html**
-<code html>
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <title>Node.js Server Nachricht</title>
-</head>
-<body>
-    <h1>Antwort vom Server:</h1>
-    <p>{SERVER_MSG}}<</p>
 </body>