[الدرس الخامس-دورة الحياة البرمجية]برمجة الصفحة الرئيسية [ 3 ]

[عبدالله أبولبن]

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

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


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


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


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 ، دالة لقطع النص

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




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

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



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

{$variable|substr:0:250} 

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

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

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



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

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

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

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

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

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

رابط المعاينة : http://www.life5.net/Article

المصدر : http://www.life5.net

تحياتي للجميع

Life

[H2O]

الله يعطيك العافيه اخوي عبدالله ابو لبن ،، دروس مميزه وشروحات سهله وواضحه للجميع ،،، جعلها الله في موازين حسناتكـ ...


الف شكر وتقبل مروري


دمت بعافيه ،،،

[ahmad sadiq]

بارك الله فيك اخي

يمكن ايضًا استعمال دالة wordwrap بالاضافة إلى دالة substr
http://php.net/manual/en/function.wordwrap.php

ملاحظة:
رابط المعاينة يعطي خطأ 500

[عبدالله أبولبن]

بارك الله فيك اخي

يمكن ايضًا استعمال دالة wordwrap بالاضافة إلى دالة substr
http://php.net/manual/en/function.wordwrap.php

ملاحظة:
رابط المعاينة يعطي خطأ 500

أهلا بك اخوي

شاكر لك ردك ومرورك الكريم ، وصحيح يمكن استعمال الدالة wordwrap وهي افضل لكل لا نقطع الكلمات ، ولكن هذه الدالة ابسط وافضل ...

تحياتي لك

الله يعطيك العافيه اخوي عبدالله ابو لبن ،، دروس مميزه وشروحات سهله وواضحه للجميع ،،، جعلها الله في موازين حسناتكـ ...


الف شكر وتقبل مروري


دمت بعافيه ،،،

شكرا لك على المرور والرد المميز

تحياتي لك