8- تعريف المتغيرات واستخدامها داخل كود html

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

 الطريقة الاولى 

 الصيغة العامة للـ tag هي <% …..%> وفي داخله نقوم بتعريف متغير مثل المتغيرات التي نستخدمها عادة في لغة روبي مثل

"name= "hi dear

هذا المتغير نقوم بوضعه داخل الـ tag  ويكون تطبيقها كما في المثال ادناه 

الطريقة الاولى لتعريف متغير داخل كود html

في السطر السابع كما نرى قمنا بتعريف المتغير ادخل الوسم (tag) والذي كان كالاتي :

<% "انا اخوكم كرار الحلو , احاول في هذا الموقع ان اساهم بنقل ما تعلمته لكم "  = about %>

 

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

  الطريقة الثانية 

الطريقة الثانية لها نفس النتيجة ولكن بتغيير بسيط في طريقة كتابة المتغير ففي الطريقة الاولى كان تعريف المتغير داخل ما نسميه inline views  ولكن في هذه المرة سنقوم بتعريف المتغير داخل الراوتر ومن ثم نعيد استخدامه داخل كود html  وكما هو موضح في المثال التالي :-

الطريقة الثانية في تعريف المتغير داخل الراوتر