Bir Sayfa Metindir
Coddy'nin Node.js Journey'sinin Express Temelleri bölümünün bir parçası. Ders 8 / 23.
Bir tarayıcı, HTML dizgesini sayfa olarak görüntüler. Etiketler metne yapı kazandırır: <h1> bir başlıktır, <ul> bir listedir ve <li> tek bir öğedir. Kapanış etiketi her bölümü sonlandırır.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Şablon dizgeleri, değerleri eklemek için ters tırnak kullanır. map öğe dizgelerinden oluşan bir dizi oluşturur; join('') bunları virgül kullanmadan birleştirir. Bu alıştırmada sunucu, tam etiketleri inceleyebilmen için HTML'yi JSON içinde döndürür. Sağlanan işlev, bir başlık ve bir öğe dizisi alır. Eklenen metnin kaçış karakterleriyle güvenli hâle getirilmesi sıradaki konudur.
Görev
Kolayexercise.js dosyasını düzenle. Sunucu, title ve bir items dizisi içeren bir nesne gönderir. Tek bir html alanı döndür: bir başlık ve ardından her dize için bir öğe içeren bir liste. Öğe sırasını koru ve öğelerin arasına virgül koyma.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Çalıştırmayı dene: sağlanan GET örneği yukarıdaki yanıtı üretir. Farklı bir başlık ve liste için GET /result?title=Lunch&item=Rice&item=Beans gönder. Sorgu değerleri, sağlanan işlev girdisine dönüşür.
Sunucu, alıştırma işlevini bir başlık ve bir items dizisiyle çağırır. Sorguda item= değerini tekrarlamak birden fazla öğe sağlar. GET yöntemini seçili tut ve istek kutusuna yalnızca yolu gir.
Kendin dene
export function exercise({ title, items }) {
return { html: title };
}
Express Temelleri bölümündeki tüm dersler
2Yanıtlar
JSON Yanıtları
Durum KodlarıBir Sayfa MetindirHTML İçindeki MetinHTML SayfalarıStatik DosyalarYönlendirmelerKendi başına pratik yap: Express playground