بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في الدروس السابقة لبرمجة الصفحة الرئيسية ، كنا قد برمجنا الجهة اليمنى بما يحتويه من القائمة الرئيسية وتسجيل الدخول ، وايضا برمجنا الجهة اليسرى بما تحتويه من نموذج البحث ، وايضا جديد الكتاب ، وهنا نصل إلى اخر مرحلة من برمجة الصفحة وهي المنطقة الوسطى ، وتحتوي فقط على جديد المقالات ...
نبدأ على بركة الله تعالى :
1- شغل السيرفر الشخصي ، وقم بتشغيل محرر الاكواد الخاص بك ، وايضا قم بالدخول إلى مسار السكربت في السيرفر الشخصي [ C:\\xampp\htdocs\Article ]
2- قم بفتح الصفحتين الاساسيتين في عمليتنا ، وهم index.php ، وأيضا index.tpl
3- نبدأ اولا بالعمل البرمجي بعدها نعرض على القالب ما نريد ،
فنقوم بفتح ملف index.php ، ونقوم كما تعودنا بوضع تعليقات لنشرح للمطور والمستخدم اننا نقوم العمل ببرمجة جديد المقالات ، فيكون كالتالي :
ثم نبدأ بتحديد ما نريد ،
1- استعلام و جلب اخر 10 مقالات من قاعدة البيانات من جدول article
2- عمل حلقة تكرار ، وجعل متغير قيمته البيانات المجلوبة
3- تخزين المتغير في نظام القوالب
0 - اولا سنقوم بعمل حقل جديد للتاريخ في قاعدة البيانات >> في جدول article ،
وطبعا الطريقة معروفة وقمت بشرحها بالدرس السابق لذا ، نقوم فقط بعمل حقل جديد باسم date
ويكون نوعه Date ...
1- نقوم طبعا كما تعلمنا بعمل استعلام جديد وجلب البيانات بالطريقة المعروفة ، فيكون الكود كالتالي :
<< الكود السابق معروف وتعودنا عليه كثيير
2- تخزين المتغير بالقالب هذا معروف ،،، فيكون كالتالي :
الان ننتقل إلى ملف القالب : index.tpl
في صفحة القالب ، سنقوم بعمل حلقة تكرار داخل القالب لعرض الاخبار ، لكن ايضا هنا نحن لدينا الحقول التالية :
1- Id
2- title
3- article
4- reads
5- reads
6- date
وكما نحن عارفين انه في المنطقة الوسطى ، لن نقوم بعرض كامل المقال ، بل سنأخذ ما لا يزيد عن 200 - 250 حرف من المقال ، فلذلك سنستخدم من داخل القالب بنظام Smarty ، دالة لقطع النص
فنبدأ بوضع المتغيرات الطبيعية اولا فيكون كالتالي :
والموضوع بسيط بالصورة السابقة ،، لا يحتاج شرح اكيد
لكن الان في الكود التالي :
سنستعمل دالة بسيطة ومعروفة ، وهي :
فبالبداية تكتب المتغير طبيعي ، ثم تقوم بعمل "|" ، وذلك لتنبه المترجم بنظام القوالب إلى انك ستستخدم دالة ، ومن ثم تكتب الدالة وفي حالتنا : substrكود PHP:
{$variable|substr:0:250}
ومن ثم تضيف ":" لتعطي الباراميترات ، فالمعطى الاول هو البداية وفي حالتنا 0
والمعطى الثاني هو 250 وهو النهاية
فيكون المتغير كالتالي :
الان يمكنك الحفظ
والذهاب إلى المتصفح لمعاينة الصفحة الرئيسية
<< صحيح قد لا يكون هناك معلومات بالقاعدة لكن يمكنك اضافة اي كلام للتجربة
الى هنا يكون انتهينا من الصفحة الرئيسية بشكل كامل ومكتمل
وتنبيه أخير بإذن الله تعالى ، سيكون بالدروس القادمة شرح لكل صفحة بشكل كامل ،
ارجو ان يكون الشرح بسيط وسهل عليكم جميعا بإذن الله تعالى
رابط المعاينة : http://www.life5.net/Article
المصدر : http://www.life5.net
تحياتي للجميع
Life