تعلم إستخدام محرك القوالب SmartTemplates

**Al Mobarmeg المبرمج** · 05-03-2003

بسم الله الرحمن الرحيم

محرك SmarTemplatesمحرك قوي وله عدة مميزات
وهو من برمجة الأخ صلاح فايع VisualMind (AT) PHP.NET

وطرق إستعماله سهله

فلو كان عندنا قالب html في ملف بإسم tmp.html

وكان يحتوي على

tmp.html

كود:

<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="AR-SA">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
</head>

<title></title>

<body>

<div align="center">
  <center>
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" bordercolor="#000000" height="39">
    <tr>
      <td width="20%" align="center" style="border-color: #585860" height="16">
      <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
        <span lang="ar-sa"><font face="Tahoma">القائمة الرئيسية</font></span></div>
      </td>
      <td width="46%" align="center" height="38" rowspan="2">&nbsp;</td>
      <td width="20%" align="center" style="border-color: #585860" height="16">
      <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
        <span lang="ar-sa"><font face="Tahoma">القائمة الثانوية</font></span></div>
      </td>
    </tr>
    <tr>
      <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
      <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
        </div>
      </td>
      <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
      <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
        </div>
      </td>
    </tr>
  </table>
  </center>
</div>

</body>

</html>

وأردنا إستخدام القالب في سكربت أو ملف PHP

كل ما علينا هو تضمين المحرك في ملف الـ PHP

وأنا افترضت أننا سننشىء ملف جديد بإسم STUSE.php

فنبدأ بكتابة

STUSE.php

كود:

<?
include("SmarTemplates.php");

هذه هي أسهل الخطوات، لقد أضمنا ملف المحرك بالطريقة الإعتيادية في برنامجنا بإستخدام الدالة include()

الأن نجري بعض التعديلات على ملف القالب:

NEW:tmp.html

كود:

<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="AR-SA">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
</head>

<title><$title></title>

<body>

<div align="center">
  <center>
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" bordercolor="#000000" height="39">
    <tr>
      <td width="20%" align="center" style="border-color: #585860" height="16">
      <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
        <span lang="ar-sa"><font face="Tahoma">القائمة الرئيسية</font></span></div>
      <$main_menu>
      </td>
      <td width="46%" align="center" height="38" rowspan="2"><$content></td>
      <td width="20%" align="center" style="border-color: #585860" height="16">
      <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
        <span lang="ar-sa"><font face="Tahoma">القائمة الثانوية</font></span></div>
      <$main_menu2>
      </td>
    </tr>
    <tr>
      <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
      <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
        </div>
      </td>
      <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
      <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
        </div>
      </td>
    </tr>
  </table>
  </center>
</div>

</body>

</html>

لاحظ القالب الآن
لقد أضفنا عند الوسم <title> و </title> الخاص بالعنوان متغير داخل <>
وهو <$title>

وهناك أيضاً <$main_menu> و غيرها

فلماذا وضعنا المتغيرات بهذه الطريقة؟

هذه الطريقة تخبر محرك SmarTemplates أنه يوجد هنا متغير
فيجب أن نضع المتغير بين < >

الآن يجب أن نضع في ملفنا

WITH:STUSE.php

كود:

$title = "SmarTemplates Explain Of use";
$main_menu = "الإرتباط1";
$main_menu2 = "الإرتباط2";
$content = "السلام عليكم ورحمة الله وبركاته";

$template_file = 'tmp.html';
print $ST->STTransFile( $template_file, compact('title', 'main_menu', 'main_menu2', 'content') );
?>

لقد عرفنا في هذه الخطوة المتغيرات التي وضعناها في ملف القالب
وحددنا مكان تواجد ملف القالب في المتغير
$template_file = 'tmp.html';
وأضفنا جملة
print $ST->STTransFile( $template_file, compact('title', 'main_menu', 'main_menu2', 'content') );
لإخبار المحرك بطباعة الصفحة التي توجد في المتغير $template_file وتغيير قيم المتغيرات$title,$main_menu,$main_menu2,$content

الآن جرب أن تزور الصفحة، سوف تجد إخراجاً مشابهاً لما في
snap1.jpg ((في المرفقات))

هذه نهاية الدرس الأول

وهذا تذكير لما في الدرس:
1- تعرفنا على طريقة تضمين المحرك
2- تعرفنا على كيفية تضمين متغير في القالب
3- تعرفنا على طريقة إستدعاء ملف القالب وإستبدال قيم المتغيرات

أرجوا أن يكون قد أعجبكم الدرس الأول وأعدكم بإذن الله بمزيد من الدروس حول هذا المحرك الرائع

تحياتي
MOBARMEG (( webmaster AT mobarmeg.org ))

**Al Mobarmeg المبرمج** · 05-03-2003

المرفقات هو تطبيق للدرس مع ملف الشرح

**محمود المسعودي** · 05-03-2003

درس مفيد

جزاك الله خير

**all-the-vb** · 05-03-2003

الف شكر لك اخوى

**sanaa** · 06-03-2003

يا ريت الشرح يكون مدعوم بالصور

**Al Mobarmeg المبرمج** · 06-03-2003

Moodeey

الله يجازيك ألف خير وهذا واجبي تجاه هذا المنتدى الرائع وتجاه مبرمج المحرك صلاح فايع والجهود اللي يقوم بها

-----------------------------

all-the-vb

العفو أخي وهذا واجبي

---------------------------

sanaa

كيف التوضيح الباصور؟

فيه في المرفقات صورة إلى النتيجه

أما اللي قبل كان كله كتابة لكود

--------------------------------------

إخواني قريباً أنتهي من كتابة الدرس الثاني لمحرك القوالب SmarTemplates
إنشاء الله تستفيدوا من هذه الدروس المتواضعة

وإذا كان عند أي أحد إستفسار فأنا جاهز

**abohamed** · 06-03-2003

مشكور اخوي

كفيت و وفيت

-------------
لمن يريد الرد على الموضوع :
أضغط هنا

**Al Mobarmeg المبرمج** · 07-03-2003

العفو أخي abohamed

وإذا كان لدى أي أحد أي إستفسار أرجوا طرحه

**Al Mobarmeg المبرمج** · 07-03-2003

هذا هو الدرس الثاني

أنا لم أجرب ما في هذا الدرس ولكن كتبت ما فهمته حول كيفية إستخدام محرك القوالب SmarTemplates

أرجو تصحيح أي خطأ:

السلام عليكم ورحمة الله وبركاته

في هذا الدرس سوف أشرح بعض الأشياء السهلة التي قد تكون مفيدة

أولاً:
لو أردنا ضبط متغير لمرة واحدة نضع هذين الوسمين في ملف القالب

كود:

<ST-LOCAL-PARAMETERS SET="ONCE">
 $verable = 0
</ST-LOCAL-PARAMETERS>

حيث أننا نفهم المحرك أن يضبط قيمة $verable بـ 0
لمرة واحدة بمعنى أنه لو تم إعطاء قيمة أخرى فسوف تظهر القيمة الجديدة

وهذا السطر بمعنى
$verable = 0;
في PHP

لكن كأنك كتبته في البداية.

ثانياً:
لو أردنا وضع جملة if في ملف القالب

نضع الوسمين <st-if expression=""></st-if>

مثل :

كود:

<st-if expression="$verable==0">
 $verable = 0
</st-if>

ويجب تعريف $verable في ملف الـ PHP

كود:

print $ST->STTransFile("tmp.html", compact('verable'));

في هذه الحالة تم تعريف $verable وتم تحديد ملف القالب على أنه temp.html
((راجع الدرس السابق))

هذا سيطبع:
$verable = 0
إذا كانت $verable = 0 ، وإذا لم تكن $verable = 0 فلن يطبع شيء

ماذا لو أردنا وضع جملة if و else?

نستطيع بأن نضع الوسوم التالية:

كود:

<st-if expression="$verable==0">
 $verable = 0
</st-if>
<st-else>
 $verable != 0
</st-else>

هذا سوف يطبع $verable = 0 إذا تحقق الشرط

وسوف يطبع $verable != 0 إذا لم يتحقق الشرط

ثالثاً:
لو أردنا تضمين ملف داخل ملف القالب نضع الوسمين <st-include file="FILE" [use="USE"]>[ANY THING]</st-include>

مثلاً:

كود:

<st-include file="tmp.html" use="tmp"></st-include>

هذا سوف يستخدم قيمة tmp الموجودة داخل tmp.html

ولكي تحدد قيمة معينه يجب وضع الوسمين <span name="tmp"></span>

ووضع الشيء المراد بين هذين الوسمين على إفتراض أنك تريد أن تكون القيمة هي tmp

أو إذا أردت تضمين ملف آخر بالكامل إستخدم الوسمين <st-include file="FILE"></st-include>
مثلاً:

كود:

<st-include file="tmp.html"></st-include>

هذا سيستدعي الملف tmp.html بالكامل

إنشاء الله يكون هذا الدرس البسيط الذي قد يكون عند البعض تافه قد أفادكم

وإذا كان عندي أي خطأ أرجوا تصحيحه

تحياتي MoBaRmEg

**Al Mobarmeg المبرمج** · 07-03-2003

ملفات الدرس في المرفقات

**KaRiM_NET** · 08-03-2003

الف شكر درس رائع..

الموضوع: تعلم إستخدام محرك القوالب SmartTemplates

أدوات الموضوع

بحث في الموضوع

تعلم إستخدام محرك القوالب SmartTemplates

ياريت يكون الشرح بالصور

المواضيع المتشابهه

نسخة رقم 1.2 من محرك القوالب Udem

18 شريحة بالعربي في كيفية بناء محرك القوالب الخاص بك

محرك القوالب SmarTemplates

محرك القوالب SmarTemplates العربي لا يزال موجودا ..

تعلم عمل محرك بحث بال php اعتمادا على جوجل

ضوابط المشاركة