الصفحة نص
جزء من قسم أساسيات Express في رحلة Node.js على Coddy. الدرس 8 من 23.
يعرض المتصفح سلسلة HTML كصفحة. تمنح الوسوم النص بنية: <h1> عنوان، و<ul> قائمة، و<li> عنصر واحد. ينهي وسم الإغلاق كل جزء.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;تستخدم السلاسل القالبية العلامات الخلفية لإدراج القيم. تنشئ map مصفوفة من سلاسل العناصر؛ وتجمع join('') بينها من دون فواصل. في هذا التدريب، يعيد الخادم HTML ضمن JSON حتى تتمكن من فحص الوسوم بدقة. تستقبل الدالة المقدَّمة عنوانًا ومصفوفة من العناصر. يأتي بعد ذلك تهريب النص المُدرج.
التحدي
سهلعدّل exercise.js. يمرّر الخادم كائنًا يحتوي على title ومصفوفة items. أعد حقلًا واحدًا باسم html: عنوانًا يتبعه list، مع عنصر واحد لكل سلسلة نصية. حافظ على ترتيب العناصر الأصلي، ولا تضع فواصل بين العناصر.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}جرّب Run: ينتج عن مثال GET المقدّم الاستجابة أعلاه. أرسل GET /result?title=Lunch&item=Rice&item=Beans للحصول على عنوان وقائمة مختلفين. تصبح قيم الاستعلام هي المدخلات المقدّمة للدالة.
يستدعي الخادم دالة التمرين لديك مع عنوان ومصفوفة items. يؤدي تكرار item= في الاستعلام إلى توفير عدة عناصر. أبقِ طريقة GET محددة، وأدخل المسار فقط في مربع الطلب.
جرّب بنفسك
export function exercise({ title, items }) {
return { html: title };
}
جميع دروس أساسيات Express
تدرّب بنفسك: Playground لـ Express