Strona to tekst
Część sekcji Podstawy Express ścieżki Node.js w Coddy. Lekcja 8 z 23.
Przeglądarka renderuje ciąg HTML jako stronę. Tagi nadają tekstowi strukturę: <h1> to nagłówek, <ul> to lista, a <li> to pojedynczy element. Tag zamykający kończy każdą część.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Literały szablonowe używają znaków backtick do wstawiania wartości. map tworzy tablicę ciągów elementów; join('') łączy je bez przecinków. W tym ćwiczeniu serwer zwraca HTML w formacie JSON, dzięki czemu możesz sprawdzić dokładne tagi. Dostarczona funkcja otrzymuje nagłówek i tablicę elementów. Następnie zajmiemy się escapowaniem wstawianego tekstu.
Wyzwanie
ŁatwyEdytuj exercise.js. Serwer przekazuje obiekt zawierający title oraz tablicę items. Zwróć jedno pole html: nagłówek, a po nim listę z jednym elementem dla każdego ciągu znaków. Zachowaj pierwotną kolejność elementów i nie wstawiaj między nimi przecinków.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Wypróbuj uruchomienie: podany przykład GET zwraca powyższą odpowiedź. Wyślij GET /result?title=Lunch&item=Rice&item=Beans, aby uzyskać inny nagłówek i listę. Wartości zapytania stają się danymi wejściowymi przekazywanymi do funkcji.
Serwer wywołuje funkcję ćwiczenia z tytułem i tablicą elementów. Powtórzenie item= w zapytaniu przekazuje kilka elementów. Pozostaw wybraną metodę GET i wpisz w polu żądania tylko ścieżkę.
Spróbuj swoich sił
export function exercise({ title, items }) {
return { html: title };
}
Wszystkie lekcje w sekcji Podstawy Express
2Odpowiedzi
Odpowiedzi JSON
Kody statusuStrona to tekstTekst w HTMLStrony HTMLPliki statycznePrzekierowaniaPoćwicz samodzielnie: Edytor online Express