شرح التبديلات وتعبيرات السمات في بلوجر

تستخدم التبديلات بدل العلامات الشرطية لعدم تكرار ال else if والشرط كل مرة او في حال كان لديك عنصر او كود تتغير قيمته ولكل قيمة كود معين او وظيفة معينة

محتويات المقالة

التبديلات b:switch

تعبيرات السمات :expr

  

تكلمنا في الدروس السابقة عن بعض علامات الادوات في بلوجر منها

1. العلامات الشرطية في بلوجر
2. علامات بيانات التنسيقات
3. اوامر التضمين والتكرار

سنكمل بهذا الدرس ان شاء الله باقي علامات الادوات في بلوجر

حيث نبدأ مع:

التبديلات b:switch

تستخدم التبديلات بدل العلامات الشرطية لعدم تكرار ال else if والشرط كل مرة

او في حال كان لديك عنصر او كود تتغير قيمته ولكل قيمة كود معين او وظيفة معينة 

لفهم التبديلات بدل العلامات الشرطية ناخذ المثال التالي 

<b:switch var='data:blog.pageType'>
<b:case value="static_page" />
   ......... المحتوى هنا ...........
<b:case value="item" />
   ......... المحتوى هنا ...........
<b:default />
   ......... المحتوى هنا ...........
</b:switch>

الان بالمثال السابق data:blog.pageType تدل على نوع الصفحة اي الشرط سيكون على نوع الصفحة

 فالكود الاساسي الذي يضم الشرط يبدأ بتاج b:switch وهو

<b:switch var='data:blog.pageType'>
....................................
</b:switch>

والشرط يكون ضمن var="الشرط هنا"

والاكواد التي تضم القيم التي ستكون تابعة للشرط اي نوع الصفحة المعروضة تبدأ بتاج b:case و b:default وهي

......... المحتوى هنا ........... ......... المحتوى هنا ........... ......... المحتوى هنا ...........

قيمة الشرط تكون ضمن value="القيمة هنا"

الان لنفسر المثال السابق

كما قلنا الشرط هو على نوع الصفحة وقيمة نوع الصفحة تتغير على حسب الصفحة المعروضة كالصفحة الرئيسية او صفحة المقال او الصفحات الثابتة او الارشيف وهكذا

والقيم لدينا بالمثال السابق ضمن تاج b:case هي 

static_page وتعني الصفحات الثابتة

item وتعني صفحات المقال

اما b:default فهي لاتضم قيمة لان معناها هو كل ماعدا القيم السابقة

اذا المثال هو 

<b:switch var='data:blog.pageType'>
<b:case value="static_page" /> اذا كانت الصفحة المعروضة هي من الصفحات الثابتة
   ......... المحتوى هنا ...........
<b:case value="item" /> او اذا كانت الصفحة المعروضة هي من صفحات المقالات
   ......... المحتوى هنا ...........
<b:default /> او كل ماعدا القيم السابقة اي ماعدا صفحات المقالات والصفحات الثابتة
   ......... المحتوى هنا ...........
</b:switch>

اذا كما في العلامات الشرطية 

b:switch تساوي b:if

b:case تساوي b:elseif

b:default kbd>تساوي b:elsekbd>

مثال اخر لاستخدام التبديلات ليس على العلامات الشرطية بل على محتوى تتغير قيمته

سناخذ المثال من اخر قالب قمت بتصميمه قالب عالم التقنية السورية الاصدار الرابع

وتحديدا من اداة كاتب المقال والمثال كالتالي

<b:switch var='data:link.name'> المحتوى المتغير قيمته هو اسم الرابط في اداة الكاتب
<b:case value='rank'/> لو كان اسم الرابط يساوي rank
اطبع رتبة الكاتب
<b:case value='about'/> ولو كان اسم الرابط يساوي about
اطبع نبذة عن الكاتب
<b:default/>
كل ماعدا القيم السابقة اعتبره اسم عادي
</b:switch>

اي بالنهاية نفهم ان استخدام التبديلات هو لاختصار الكود وايضا للتبديل بين الوظائف او المخرجات

تعبيرات السمات :expr

تستخدم التعبيرات عندما نريد جلب قيمة من علامات بيانات التنسيقات كرابط او كلاس او عنوان 

امثلة لفهم التعبيرات 

<a expr:href='data:blog.homepageUrl'>رابط الصفحة الرئيسية</a>

هنا استخدمنا تعبير السمات :expr لجلب قيمة الرابط href وهو رابط الصفحة الرئيسية في مثالنا السابق

<img expr:class='data:post.labels.first.name' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>

الكود السابق عبارة عن صورة استخدمنا التعبيرات لجلب جميع قيم الصورة من الكلاس ورابط الصورة والنص البديل وعنوان الصورة

حيث

expr:class='data:post.labels.first.name' قيمة الكلاس سوف تكون على حسب الاسم التسمية للمقال
expr:alt='data:post.title' النص البديل سيكون على حسب عنوان المقال
expr:src='data:post.thumbnailUrl' رابط الصورة سيكون على حسب رابط صورة المقال
expr:title='data:post.title' عنوان الصورة سيكون على حسب عنوان المقال

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا