Une page est du texte
Fait partie de la section Les bases d’Express du Journey Node.js de Coddy. Leçon 8 sur 23.
Un navigateur affiche une chaîne HTML sous forme de page. Les balises donnent une structure au texte : <h1> est un titre, <ul> une liste et <li> un élément. Une balise fermante termine chaque partie.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Les chaînes de gabarit utilisent des accents graves pour insérer des valeurs. map construit un tableau de chaînes représentant les éléments ; join('') les combine sans virgules. Dans cet exercice, le serveur renvoie le HTML dans du JSON afin que tu puisses examiner les balises exactes. La fonction fournie reçoit un titre et un tableau d’éléments. L’échappement du texte inséré vient ensuite.
Défi
FacileModifie exercise.js. Le serveur transmet un objet contenant title et un tableau items. Renvoie un seul champ html : un titre suivi d’une liste, avec un élément pour chaque chaîne. Conserve l’ordre initial des éléments et ne mets pas de virgules entre eux.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Essaie « Jouer » : l’exemple GET fourni produit la réponse ci-dessus. Envoie GET /result?title=Lunch&item=Rice&item=Beans pour obtenir un titre et une liste différents. Les valeurs des paramètres de requête deviennent les données transmises à la fonction.
Le serveur appelle ta fonction d’exercice avec un titre et un tableau items. Répéter item= dans la requête fournit plusieurs éléments. Garde la méthode GET sélectionnée et saisis uniquement le chemin dans la zone de requête.
Essayez vous-même
export function exercise({ title, items }) {
return { html: title };
}
Toutes les leçons de Les bases d’Express
1Votre premier serveur
Bonjour, ExpressLe module httpPlus de routesParamètres de route
Chaînes de requête2Réponses
Réponses JSONCodes d’étatUne page est du texteTexte dans HTMLPages HTMLFichiers statiquesRedirectionsEntraînez-vous par vous-même : Playground Express