بعد أن قمنا بتنصيب إطار عمل مدارك نقوم الآن بالبدء في إستخدامه
في مجلد القوالب يتجد مجلد إفتراضي بإسم
my_template
وبداخله الملف الإفتراضي للتشغيل وهو
home.inc
سنقوم بحذف المجلد الإفتراضي لنبدأ من الصفر في تصميم موقع بسيط ولكن بتروي لكي نفهم الموضوع شيئا فشيئا
بعد حذف المجلد نقوم بإنشاء مجلد آخر بإسم
website
تحت المجلد
/template
ننشئ داخل مجلدنا الجديد ملف قالب بإسم
index.inc
ونكتب بداخله
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
مرحبا بالعالم
</body>
</html>الآن نقوم بتعديل إعدادات اطار عمل مدارك
conf.php
لتحديد مجلد القوالب الرئيسي والقالب الرئيسي كما يلي
define('TEMPLATE_PATH', 'template/website/');
define('MAIN_TEMPLATE_FILE', 'index');نخزن العمل وننظر إلى الموقع
إذا ظهرت هذه النتيجه أكمل معنا :)
الآن سنتعلم كيفيه البرمجه داخل القالب
ينقوم بعمل رابط عند الضغط عليه يتم عرض صفحة جديده وآخر للجوع إلى الصفحة الرئيسيه ولنفرض أن الرابط الجديد هو إتصل بنا
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
مرحبا بالعالم
<br />
<a href="?a=1"> إتصل بنا </a>
<a href="./"> الرئيسيه </a>
<br>
</body>
</html>أصبح كود الصفحة كما ترى في الأعلى
الآن لماذا إستخدمنا المتغير
a=1
في الحقيقه يمكنك تغيير هذا المتغير إلى أي إسم وإلى أي قيمة لأنك ستحتاج إلى برمجه داخل القالب وسنرى الآن كيف سنستخدم جمله شرطيه للسؤال عن متغير ما
[var:"a"end var]
الجمله السابقة تعرض قيمة المتغير
a
نضعها داخل الكود لنرى النتيجه
<body>
مرحبا بالعالم
<br />
<a href="?a=1"> إتصل بنا </a>
<a href="./"> الرئيسيه </a>
<br>
[var:"a"end var]
</body>
الآن يمكننا السؤال عن المتغير إذا كان يحوي قيمه أيا كانت هذه القيمة كما يلي
[IF:"[var:"a"end var]","yes a have a value!"end IF]
هنا قمت بالسؤال إذا كان المتغير (أ) يحتوي على قيمة إطبع أجل هذا المتغير يحتوي على قيمة
عند الضغط على إتصل بنا ستظهر هذه الجمله وعند الضغط على الرئيسيه ستختفي وذلك لأن المتغير لم يتم إرساله في شريط العنوان للمتصفح
إذا مما سبق يمكننا عرض أي بيانات في حال تم الغضط على رابط يحتوي على متغير ... هل يمكن إستخدام غير ذلك
else
نعم بالتأكيد تم العمل على هذا الأمر لضرورة وجوده
سنقوم بعرض الجمله السابقة في حال تم الضغط على إتصل بنا وغير ذلك ستظهر جمله تخبرنا أننا في الصفحة الرئيسيه
[IF:"[var:"a"end var]"," yes a have a value![ELSE]you are in home page:) "end IF]
لاحظ جمله غير ذلك وضعت داخل جواب الشرط ... من المهم جدا الإهتمام بالحروف الكبيرة والصغيره في الأوامر لأنها حساسه لها
ولكن كما ترى لو كانت الصفحة الرئيسيه تحتوي على الكثير من شيفرة الهتمل سيصبح الأمر معقد في تتبع الكود أليس كذلك ؟
أنظر مثلا
[IF:"[var:"a"end var]"," </tr> <tr> <td>Read</td> <td><input type="checkbox" name="ur" value="4" onClick="calcperm();"></td> <td><input type="checkbox" name="gr" value="4" onClick="calcperm();"></td> <td><input type="checkbox" name="wr" value="4" onClick="calcperm();"></td> </tr> <tr> <td>Write</td> <td><input type="checkbox" name="uw" value="2" onClick="calcperm();"></td> <td><input type="checkbox" name="gw" value="2" onClick="calcperm();"></td> <td><input type="checkbox" name="ww" value="2" onClick="calcperm();"></td> </tr> <tr> <td>Execute</td> <td><input type="checkbox" name="ux" value="1" onClick="calcperm();"></td> <td><input type="checkbox" name="gx" value="1" onClick="calcperm();"></td> <td><input type="checkbox" name="wx" value="1" onClick="calcperm();"></td> </tr> <tr> <td>Permission</td> <td><input type="text" name="u" size="1" readonly="readonly"></td> <td><input type="text" name="g" size="1" readonly="readonly"></td> <td><input type="text" name="w" size="1" readonly="readonly"></td> </tr> </table> [ELSE] </tr> <tr> <td>Read</td> <td><input type="checkbox" name="ur" value="4" onClick="calcperm();"></td> <td><input type="checkbox" name="gr" value="4" onClick="calcperm();"></td> <td><input type="checkbox" name="wr" value="4" onClick="calcperm();"></td> </tr> <tr> <td>Write</td> <td><input type="checkbox" name="uw" value="2" onClick="calcperm();"></td> <td><input type="checkbox" name="gw" value="2" onClick="calcperm();"></td> <td><input type="checkbox" name="ww" value="2" onClick="calcperm();"></td> </tr> <tr> <td>Execute</td> <td><input type="checkbox" name="ux" value="1" onClick="calcperm();"></td> <td><input type="checkbox" name="gx" value="1" onClick="calcperm();"></td> <td><input type="checkbox" name="wx" value="1" onClick="calcperm();"></td> </tr> <tr> <td>Permission</td> <td><input type="text" name="u" size="1" readonly="readonly"></td> <td><input type="text" name="g" size="1" readonly="readonly"></td> <td><input type="text" name="w" size="1" readonly="readonly"></td> </tr> </table> "end IF]
الأمر أصبح معقدا أليس كذلك ؟
ملاحظه في حال أردت كتابة جواب الشرط في عدة أسطر لاتنسى أن تبقي علامة التنصيص في بجانب الفارزه السابقة وإغلاق التنصيص بجانب النهايه للجمله كما يلي :
[IF:"[var:"a"end var]"," yes a have a value![ELSE]you are in home page:) "end IF]
إلى اللقاء في الدرس التالي
