5- استخدام المعلمات (parameter)

    في الدرس السابق قمنا بعمل تطبيق يعرض المعلومات الواقعة بين بداية ونهاية ال route حسب ما نقوم نحن بكتابته , في هذا الدرس سوف نقوم بتعلم تكنيك جديد نطلب فيه من المستخدم ان يدخل البيانات التي تخصه ومن ثم يقوم المتصفح بعرضها وهذا يتم باستخدام ما يدعى بالبارميترات

تعتبر الباراميترات نوعا ما مصفوفه تقوم بحفظ قيم متغيره يقوم العميل بادخالها وبناء على ذلك نقوم باستدعاء القيمة المدخلة بكود معين.

في هذا الدرس سنقوم بكتابة كود معين يقوم العميل بادخال اسمه ومن ثم يعرض المتصفح رسالة ترحيبية به ..

المثال الاول

كتابة الكود الخاص بالبارميتر

   في السطر الثالث جعلنا name  متغير يحوي على باراميتر وهذا المتغير يساوي الباراميتر الذي عرفناه بعد علامة المساواة وparams عبارة عن تعريف للمتغير [name:] الذي سيقوم بخزن ما يقوم العميل بكتابته ومن ثم عرضه في المتصفح 

 هناك طريقة في كتابة الباراميترات في المتصفح وهي ان نقوم بوضع علامة استفهام بعد معرف الراوتر والذي هو كما في المثال hi/ ثم نقوم بوضع علامة ؟ بعدها نكتب اسم البارميتر ومن ثم علامة المساواة ومن ثم نكتب اي اسم تختاره وكما هو مبين في المثال التالي :_

تنفيذ الكود وعرض النتيجة

الكود السابق فقط يظهر لنا ما نكتبه ولكن احيانا نريد اضافة رسالة  ترحيبية اي اضافة نص الى باراميتر وهذا سيكون كالتالي :-

المثال الثاني 

اضافة رسالة ترحيبية

 في محرر النصوص قمنا باضافة نص الى الباراميتر بالطريق التي بيناها في الصورة اعلاه..

"{hello # {name"

وضعنا علامة التنصيص لان الباراميتر والرسالة هما عبارة عن نصين وهذا ما يتيح لنا ان نجمعهما في كود واحد .

الامر الاخر المتغير الذي وضعناه بين الاقواس هو المظلل باللون الاحمر لا الذي داخل اقواس الباراميتر ولكن المتغير المكتوب في المتصفح هو متغير الباراميتر

المثال الثالث

في هذا المثال سنقوم بكتابة كود يقوم العميل من خلاله كتابة اسمه مباشرة بعد علامة (/) وذلك بوضع الباراميتر في مكان طلب الرابط بعد الامرget كما في الصــــــورة التالية :-

مثال 3

المثال الرابع

الان سنقوم مباشرة بوضع اكثر من باراميترز بدون تعريف متغير يتضمن الباراميرت كما هو في الامثلة السابقة وهذا يفيدنا في اختصار الاكواد كثيرا ...

اضافة وتعريف اكثر من باراميترز

الان سوف نعيد المثال نفسه لكن باستخدام اللغة العربية بكتابة المتغيرات والنصوص الترحيبية , هناك ملاحظة مهمة وهي انه في محرر النصوص الذي نستخدمه لابد ان نقوم بتغيير الترميز (Encoding)الى "Encode UTF-8" حتى يقوم المتصفح بعرض النص العربي دون مشاكل كما في الصورة أدناه:-

عرض رسالة ترحيبية بالنص العربي

 المثال الاخير يشرح كيفية ربط اكثر من باراميترز مع بعضهما...

المثال الخامس

ربط اكثر من باراميتر

 في هذا المثال اضفنا عبارة مهمه وهي اداة تعريفية لمتغير رقمي كما في السطر الرابع وهي (to_i.)هذه العبارة تخبر المفسر بانه هذا المتغير هو متغير رقمي حتى يقوم بالتعامل مع القيمة الرقمية كما في المعادلة في السطر الخامس
هذه اهم الطرق التي يمكن ان نتعامل بها مع البارميترات وكيفية استخدامها وهناك طرق اخرى لم نذكرها لكفاية هذه الطرق الان ومحاولة التركيز على روح الكود لا التعدد والتعقيد