بسم الله الرحمن الرحيم
محرك 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"> </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 ))