Personen Übersicht

====== LU03.L03 ====== **app.js**


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

**index.html**





    
    Personen Übersicht
    



    Personenliste

    
        
            
                ID
                Name
                Alter
                Beruf

---- [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir