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


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


في الدروس السابقة لبرمجة الصفحة الرئيسية ، كنا قد برمجنا الجهة اليمنى بما يحتويه من القائمة الرئيسية وتسجيل الدخول ، وايضا برمجنا الجهة اليسرى بما تحتويه من نموذج البحث ، وايضا جديد الكتاب ، وهنا نصل إلى اخر مرحلة من برمجة الصفحة وهي المنطقة الوسطى ، وتحتوي فقط على جديد المقالات ...


نبدأ على بركة الله تعالى :




2- قم بفتح الصفحتين الاساسيتين في عمليتنا ، وهم index.php ، وأيضا index.tpl

3- نبدأ اولا بالعمل البرمجي بعدها نعرض على القالب ما نريد ،

فنقوم بفتح ملف index.php ، ونقوم كما تعودنا بوضع تعليقات لنشرح للمطور والمستخدم اننا نقوم العمل ببرمجة جديد المقالات ، فيكون كالتالي :

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

ثم نبدأ بتحديد ما نريد ،


2- عمل حلقة تكرار ، وجعل متغير قيمته البيانات المجلوبة




وطبعا الطريقة معروفة وقمت بشرحها بالدرس السابق لذا ، نقوم فقط بعمل حقل جديد باسم date

ويكون نوعه Date ...

1- نقوم طبعا كما تعلمنا بعمل استعلام جديد وجلب البيانات بالطريقة المعروفة ، فيكون الكود كالتالي :

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

<< الكود السابق معروف وتعودنا عليه كثيير



نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي



1- استعلام و جلب اخر 10 مقالات من قاعدة البيانات من جدول article 3- تخزين المتغير في نظام القوالب 2- تخزين المتغير بالقالب هذا معروف ،،، فيكون كالتالي :
1- شغل السيرفر الشخصي ، وقم بتشغيل محرر الاكواد الخاص بك ، وايضا قم بالدخول إلى مسار السكربت في السيرفر الشخصي [ C:\\xampp\htdocs\Article ] 0 - اولا سنقوم بعمل حقل جديد للتاريخ في قاعدة البيانات >> في جدول article ،


الان ننتقل إلى ملف القالب : index.tpl

في صفحة القالب ، سنقوم بعمل حلقة تكرار داخل القالب لعرض الاخبار ، لكن ايضا هنا نحن لدينا الحقول التالية :


2- title
3- article
4- reads
5- reads
6- date

وكما نحن عارفين انه في المنطقة الوسطى ، لن نقوم بعرض كامل المقال ، بل سنأخذ ما لا يزيد عن 200 - 250 حرف من المقال ، فلذلك سنستخدم من داخل القالب بنظام Smarty ، دالة لقطع النص

فنبدأ بوضع المتغيرات الطبيعية اولا فيكون كالتالي :


نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

والموضوع بسيط بالصورة السابقة ،، لا يحتاج شرح اكيد

لكن الان في الكود التالي :

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

سنستعمل دالة بسيطة ومعروفة ، وهي :

1- Id

كود PHP:
                       {$variable|substr:0:250


فبالبداية تكتب المتغير طبيعي ، ثم تقوم بعمل "|" ، وذلك لتنبه المترجم بنظام القوالب إلى انك ستستخدم دالة ، ومن ثم تكتب الدالة وفي حالتنا : substr

ومن ثم تضيف ":" لتعطي الباراميترات ، فالمعطى الاول هو البداية وفي حالتنا 0
والمعطى الثاني هو 250 وهو النهاية

فيكون المتغير كالتالي :

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

الان يمكنك الحفظ

والذهاب إلى المتصفح لمعاينة الصفحة الرئيسية

<< صحيح قد لا يكون هناك معلومات بالقاعدة لكن يمكنك اضافة اي كلام للتجربة

الى هنا يكون انتهينا من الصفحة الرئيسية بشكل كامل ومكتمل

وتنبيه أخير بإذن الله تعالى ، سيكون بالدروس القادمة شرح لكل صفحة بشكل كامل ،

ارجو ان يكون الشرح بسيط وسهل عليكم جميعا بإذن الله تعالى