Eine Seite ist Text
Teil des Abschnitts Express-Grundlagen der Node.js-Journey von Coddy. Lektion 8 von 23.
Ein Browser stellt eine HTML-Zeichenfolge als Seite dar. Tags geben dem Text Struktur: <h1> ist eine Überschrift, <ul> eine Liste und <li> ein Eintrag. Ein schließender Tag beendet jeden Teil.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Die Template-Strings verwenden Backticks, um Werte einzufügen. map erstellt ein Array mit Zeichenfolgen für die Einträge; join('') fügt sie ohne Kommas zusammen. Bei dieser Übung gibt der Server das HTML innerhalb von JSON zurück, damit du die genauen Tags überprüfen kannst. Die bereitgestellte Funktion erhält eine Überschrift und ein Array mit Einträgen. Als Nächstes folgt das Escaping eingefügter Texte.
Aufgabe
EinfachBearbeite exercise.js. Der Server übergibt ein Objekt mit title und einem items-Array. Gib ein einzelnes Feld html zurück: eine Überschrift, gefolgt von einer Liste mit einem Eintrag für jede Zeichenfolge. Behalte die ursprüngliche Reihenfolge der Einträge bei und setze keine Kommas zwischen die Einträge.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Probiere „Ausführen“ aus: Das bereitgestellte GET-Beispiel erzeugt die obige Antwort. Sende GET /result?title=Lunch&item=Rice&item=Beans, um eine andere Überschrift und Liste zu erhalten. Die Abfragewerte werden zur Eingabe der bereitgestellten Funktion.
Der Server ruft deine Übungsfunktion mit einer Überschrift und einem items-Array auf. Durch Wiederholen von item= in der Abfrage werden mehrere Einträge übergeben. Lass die GET-Methode ausgewählt und gib im Anforderungsfeld nur den Pfad ein.
Probier es selbst
export function exercise({ title, items }) {
return { html: title };
}
Alle Lektionen in Express-Grundlagen
2Antworten
JSON-Antworten
StatuscodesEine Seite ist TextText in HTMLHTML-SeitenStatische DateienWeiterleitungenÜbe selbstständig: Express-Playground