~~ ط´ط±ط* ظ†ط¸ط§ظ… ظ‚ظˆط§ظ„ط¨ Smarty ظ„ظ„ظ…ط¨طھط¯ط¦ظٹظ† ~~



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



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





اليوم ياخواني راح اشرح طريقة نظام قوالب Smarty ان شاء الله للمبتدئين

نظام قوالب سمارتي هو نظام لفصل الكود code البرمجي عن قوالب التصميم لكي لا يختلط كود code PHP مع كود code HTML في ملف واحد

ويسهل تعديل وتصميم القوالب من غير تعديل الكود code البرمجي



اول خطوة راح نحمل نظام Smarty من الموقع الرئيسي :

http://www.smarty.net/do_download.ph...rty-2.6.20.zip



بعد تحميل النظام وفك الضغط ستواجه مجلدات كثيرة ومنها مجلد libs وهذا المجلد اللذي يهمنا اما الباقي لا يفيدنا

لنعمل مجلد اسمه smarty في السيرفر SERVER المحلي ثم ننشي بداخله مجلدين الاول اسمه templates لوضع ملفات التصميم

والثاني مجلد compile ستكون به الملفات المؤقته للصفحات

ثم ننسخ مجلد libs ونلصقه بداخل مجلد smarty

( هذا بالنسبة للسيرفر SERVER المحلي اما اذا كنت تريد التجربة على موقعك يجب إعطاء ترخيص 777 لمجلد compile )






ثم نفتح ملف Smarty.class.php في مجلد libs

اذهب الى سطر 75 وغير مجلد القوالب الى اسم مجلدنا الحالي templates

وسطر 82 غيير مجلد الملفات المؤقته للقوالب الى اسم مجلدنا الحالي compile








:: الآن وقت التصميم :: :



نصمم هيدر بسيط بالفرونت بيج ثم نحفظه باسم header.htm في مجلد templates

نصمم فوتر بسيط بالفرونت بيج ثم نحفظه باسم footer.htm في مجلد templates


الآن ننشي ملف index.php ثم نضع هذا الكود code :


رمز PHP:
<code style="white-space:nowrap"> <code> <?php
include("libs/Smarty.class.php");

$almubher = new Smarty;
///////////////////////////////////////

$almubher->display("header.htm");


echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"<p align='center'>";
echo
"<b>";
echo
"بسم الله الرحمن الرحيم";
echo
"<br />";
echo
"اول تجربة مع سمارتي";
echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"</b>";
echo
"</p>";


$almubher->display("footer.htm");

///////////////////////////////////////
?>
</code> </code>


نحفظ الملف في مجلد الرئيسي smarty

ونستعرض ملف index.php في المتصفح :









نشرح طريقة الكود code خطوة خطوة :



رمز PHP:
<code style="white-space:nowrap"> <code> include("libs/Smarty.class.php");
</code> </code>

نستدعي ملف Smarty.class.php في كل مرة نستخدم قالب template Smarty




رمز PHP:
<code style="white-space:nowrap"> <code> $almubher = new Smarty;
</code> </code>

ننشي كائن سمارتي في كل مرة نستخدم Smarty
لاحظ المتغير اسمه almubher وسيكون المتغير ثابت ويستخدم لاوامر Smarty




رمز PHP:
<code style="white-space:nowrap"> <code> $almubher->display("header.htm");
</code> </code>

لاحظ المتغير almubher ضروري يكون نفس اسم المتغيير اللذي انشأنا به الكائن
ثم اضفنا كلمة display معناها استعراض الملف ثم اسم الملف وهو header.htm عرض الهيدر header في اول الصفحة



رمز PHP:
<code style="white-space:nowrap"> <code> echo "<br />";
echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"<p align='center'>";



echo
"<b>";
echo
"بسم الله الرحمن الرحيم";
echo
"<br />";
echo
"اول تجربة مع سمارتي";
echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"<br />";
echo
"</b>";
echo
"</p>";
</code> </code>

ثم اضفنا كلمات في منتصف الصفحة وطبعا استخدمت اكواد HTML لا يهمنا الاكواد اهم الشي الكلام في منتصف الصفحة




رمز PHP:
<code style="white-space:nowrap"> <code> $almubher->display("footer.htm");
</code> </code>

وفي الآخر نعرض الفوتر footer.htm باستخدام امر display







انتهى شرح طريقة الكود code




وايضا بامكانك اضافة الكلمات في صفحة مثلا اسمها center.htm ونعرض الملف بين الهيدر header والفوتر


ووضعت العمل كاملا في المرفقات


وهذا كل شي بخصوص نظام قوالب سمارتي للمبتدئين


وان شاء الله اكون وفقت في الشرح طريقة



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





التعديل الأخير كان بواسطة المبهر; 05 - 10 - 2014 الساعة 04:07


الملفات المرفقة [TR]
smarty_for_beginners.zip (104.9 كيلوبايت, عدد مرات المشاهدة 582 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©