الدرس السادس: عبارات شرطيه وتكرار اخرى

متطلبات قبل البدأ  :

اهداف الدرس:

  • المسافات في لغة PHP
  • العباره الشرطية SWITCH
  • عبارة التكرار FOR
  • عبارة التكرار DO…WHILE
  • عبارات داخل عبارات
  • مثال تطبيقي


المسافات في لغة PHP:

كما قلنا في دروس سابقه ان لغة PHP لغه مسامحه , حيث انه توفر لك العديد من المزايا , ولا اعلم بشكل صحيح 100% اذا كانت المسافات تعتبر من الاشياء مسامحه ام لا , ولكن اليك ما اعرفه , في لغة PHP المسافات لا تحسب , اعني بذلك انه عندما تقوم بكتابة الكود فلا يميز المترجم انه هناك مسافات في الكود او لا , بغض النظر عن النصوص عندما تضعها بين علامتي التنصيص ” ” سوف اقوم بكتابة كودين الان , ولاحظ الفرق بينهما , الاول بمسافات والثاني بدون مسافات :

وهنا نفس الكود لكن بدون مسافات :

قم بتشغيل الكود الاول والثاني , وسوف تلاحظ ان جميع المثالين اخرجا نفس الناتج بغض النظر عن المسافات


العباره الشرطية SWITCH :

تعلمنا في الدرس قبل السابق العباره الشرطيه IF وتوابعها والان سوف نتعلم العباره
SWITCH وهي تعمل بنفس طريقة العباره IF ولكن يتم كتابتها بطريقة اخرى ويتم تنفيذ شرط واحد فقط اما في IF فيمكن كتابة عدة شروط  , لنرى كيفية الكتابه , انظر الصوره التاليه :

لنقم برؤية مثال على الطبيعه لتعرف كيفية عمل هذه الداله :

ارأيت الطريقه ؟ بسيطه اليس كذلك ؟ ولاحظ اننا نعني بأنه يمكن في العباره IF كتابة اكثر من شرط مثل if( $x == 1 && $y == 4 )  ولكن في العباره SWITCH يمكننا فقط مقارنة متغير واحد فقط switch ( $ x ) , وايضا يمكن ان تقوم بألغاء اخر سطرين ( في الصوره سطر رقم 18 و 19 ) ولا يتوجب كتابتها وهي تعني ( ELSE ) اي غير ذلك ( حينما لا يتحقق اي شرط من الشروط ) , وايضا يجب ان تتذكر انه دائما يجب عليك كتابة العباره BREAK بعد نهاية كل CASE في العبارة SWITCH ولا يتوجب وجودها في السطر الذي يحوي DEFAULT


عبارة التكرار FOR :

هناك عبارة تكرار اخرى غير العباره WHILE وهي العباره FOR , وتستخدم دائما اكثر من العباره WHILE لان ديناميكيتها اكبر من WHILE ولكن ناتج عمل الاثنين واحد , واذا عملت عباره بالاولى يمكن عملها بالثانيه والعكس , ولا يوجد ناتج تقوم بعمله في الاولى ولا تستطيع ان تقوم به في الثانيه , والقرار في الاخير يرجع الى المبرمج , لنرى طريقة الكتابه وهي كالتالي :

مثال على العباره , لنقم بالعد من 1 الى خمسه , مثلما فعلنا مع العباره WHILE ونرى ماهي الاختلافات :

في هذه المره قمنا بعملها فقط ب 5 اسطر , هل لاحظت الفروقات الان ؟ الفرق الاول في العباره WHILE اننا نحدد المتغير في البدايه , وزيادة المتغير داخل العباره, اما في العباره FOR فاننا نستطيع فعل ذلك كله بين القوسين التي يوجد بها الشروط , ونترك باقي العمل الى FOR , لا تنسى ان $i++ هي نفسها $i = $i + 1


عبارة التكرار DO…WHILE :

تختلف عبارة التكرار هذه عن اختها WHILE انها تقوم بتنفيذ الامر اولا , ثم بعد ذلك تقوم بمقارنة الشرط , وطريقة كتابتها كالتالي :

لنقم مره اخرى بكتابة الاعداد من 1 الى عشره ونرى الاختلاف , اكتب في محرر الاكواد التالي:

هل لاحظت الاختلاف ؟ فقط انه قمنا بطباعة العدد قبل التحقق من الشرط , والتغيير طفيف ويستخدم عند الحاجه , لا تقلق في التطبيقات المتقدمه سوف نشاهد بعض من هذه الحيل البرمجيه, ملاحظه : لا تقم ابدا بنسيان الفاصله المنقوطه بعد كتابة الشرط , والا سوف يكون هناك خطأ برمجي في الكود 🙂


عبارات داخل عبارات :

كما قلنا في دروس سابقه , يمكننا ادراج عبارات داخل عبارات  , اي انه يمكنك كتابة العباره FOR وداخلها العباره FOR , او العباره WHILE وداخلها العباره FOR وداخلها IF كل ذلك سهل جدا , ويحتاج الى قليل من التركيز , سوف نقوم الان بعمل مثال تطبيقي يحتوي على عبارة تكرار وداخلها عبارة تكرار , لنقم بعمل جدول الضرب ونحاول مع بعضنا البعض كتابة الكود , لنقم بتسهيل الامر , قم بفتح برنامج Microsoft FrontPage في جهازك وقم بكتابة جدول الضرب العدد 2 من ( 1 – 5 ) , انظر الشكل التالي:

وعند مشاهدة محتوى كود ال HTML سوف ترى التالي :

الان قم بالتركيز معي لكي توضح الصوره , لو نظرت الى الكود بالاعلى تجد انه HTML فقط وتجد انه مكرر كثيرا , وانت تحتاج الى استخدام عبارات التكرار لتقم بتسهيل الموضوع على نفسك , اذن يجب ان تكتشف اماكن التكرار , دقق في الكود وحاول ان تعرف اماكن التكرار ……….. هل عرفت الاماكن ؟ انظر الى الكود التالي وسوف احدد لك اماكن التكرار

انظر الى الخطوط السوداء , ترى ان الوسم <tr> و الوسم </tr> يتكرران في كل مره ننشئ بها صف ( ROW ) جديد , اذن الان نحتاج الى دالة تكرار ونحتاج ان تقوم بالتكرار 5 مرات لاننا نريد جدول الضرب للعد 2 من ( 1 الى 5 ) ( قم بعد الخطوط السوداء وسوف تجد انها 5 خطوط ) , لكي نقوم بتكرار الاصفف , افتح محرر الاكواد واكتب التالي :

الان لقد عرفنا كيفية تكرار الاصفف , اذن لنظر الى صورة كود HTML مره ثانيه , وقم بالبحث عن تكرار جديد , اذا لم يوجد , فقد انتهينا , وان وجد فنحتاج الى ان نقوم بكتابة دالة التكرار مره اخرى , …………….. هل عرفت مكان التكرار الاخر ؟ انظر الى الصوره لترى اين هو

لاحظ هنا ان الوسم  <td> و </td> يتكرر في كل مره نكتب بها عدد جديد , والوسم <TD>  هو لكتابة الخلايا في الجدول , تكرر الوسم عندنا , وفي كل مره نقوم بكتابة الخليه مرتان , اذن نحتاج ان نقوم بالتكرار مرتان ( لاننا نريد جدول الضرب للعدد 2 ) , ارجع الى محرر الاكواد واكتب التالي ( بين وسم <tr> و  </tr> ) ,

ما قمنا به هنا , اننا قمنا بتكرار الوسوم <td> على حسب العدد الذي نريد انشاء عملية الضرب له , لاحظ ان المتغير x شرطه ان يكون اقل من او يساوي العدد 2 لكي يستمر في التكرار , ولاحظ هنا اننا نقوم بعملية ضرب المتغير x والمتغير y في مكان كتابة محتوى الصف , لكي نقوم بكل شي تلقائيا , قم بتشغيل الكود وسوف يكون الناتج التالي :

ارأيت الان قمنا بكتابة جدول الضرب للعدد 2 بمجرد عبارتين تكرار صغيره 🙂 ممتع جدا اليس كذلك ؟ لكن لم ننتهي بعد , لو نظرت الى كود ال HTML  ترى اننا نريد كتابة العباره التاليه في الجدول  ( مضروب في ) , لكي نقوم بإخراج الجدول بشكل افضل , انظر الى الصوره وستعرف ما اعنيه

كيف نقوم بذلك في دالتين التكرار , قم بوضع يدك على رأسك واستغرق في التفكير لمدة دقيقتان وانت تنظر الى الكود , واسأل نفسك , كيف سأقوم بعملها , وسوف يأتيك الجواب كالتالي , نقوم بكتابة العباره ( مضروب في ) في اول وسم <td> وفي اول وسم <tr> , يعني عندما يكون المتغير x يساوي 1 وعندما يكون المتغير y يساوي 1 , قمنا بحل المشكله وما نحتاجه هو عبارة IF الشرطية ويكون شرطها انه عندما يكون المتغير x يساوي 1 و المتغير y يساوي واحد , لا تقم بضرب المتغيرين بل قم بكتابة العباره ( مضروب في ) غير ذلك قم بضرب المتغيرين مع بعضهمها البعض , اذن ارجع الى محرر الاكواد وقم بتعديل الكود الى التالي:

وفي النهايه سوف يكون ناتج عملك الرائع هو الجدول التالي ,

اتمنى ان يكوني شرحي جعلك تفهم هذه النقاط جيدا , ولا تنسى انه يجب ان تقوم بمحاولة عمل اشياء انت تريدها , ولا تحصر التمارين على ما تراه هنا , لكي تقوم بالتوسع في البرمجه 🙂



اسئـــلة على الدرس :

  1. قم بتعديل جدول الضرب في الاعلى , واجعله للعدد 2 و 3 و 4 و 5 و 6 و 7 و 8 و 9 و 10 , واجلعه يقوم بالضرب من العدد ( 1 – 10 ) مثل جدول المدارس 🙂 مساعده : الحل يكمن في الشروط


الـــدرس الــقادم :

سوف نقوم في الدرس القادم بمعرفة معلومات عن بعض الدوال المفيده , ومعلومات عن الوسوم , وكتابة PHP مع HTML لكي تستعد الى الدخول الى عالم النماذج .

الدرس السابع: متفرقات عن لغة PHP

متطلبات قبل البدء :

  • لا يوجد

اهداف الدرس :

  • عبارة IF بطريقة اخرى
  • بداية وسوم العبارات ونهايتها
  • العباره EXIT
  • العباره CONTINUE
  • لغة PHP مع HTML بطريقة اوسع

عبارة IF بطريقة اخرى :

يمكنك كتابة العباره IF بطريقه اخرى , او نستطيع ان نقول طريقه اسرع , ويمكننا استعمالها عن طريق العباره التاليه ( ؟ ) , لم توضح الصوره كامله ؟ لنقم برؤية كيفية كتابتها , شاهد التالي :

 الان تمعن في المثال التالي وسوف يمكنك ان ترى ان طريقتها سهله , افتح محرر الاكواد واكتب مايلي :

لاحظ هنا اننا نعرف متغير اسمه x ثم نقوم بمقارنة هذا المتغير , ونرى انه اذا يساوي 1
فكتب العباره ( one ) واذا لم ياسوي واحد فاكتب العباره ( Two ) , وكل هذا السطر البرمجي نضعه في المتغير $result , وذلك لان ناتج هذه العباره سوف نجعله في المتغير $result , ارأيت سهولة الكود ؟ جرب وحاول ان تغير كود من دروسنا السابقه بهذه الطريقة , ولاحظ الناتج , وسوف ترى انه نفس الناتج


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

تعلمنا فيما سبق , انه اذا اردنا ان نقوم بكتابة الدوال فيجب علينا ان نستخدم الوسم (  }و {  ) اليس ذلك صحيحا ؟ ولكن هناك طريقة اخرى لا نكتب بها الوسوم هذه وهي عندما يكون متضمن الجمله الشرطيه سطر واحد فقط , شاهد المثال التالي :

ولا يوجد هناك اختلاق اذا قمت بكتابة الوسوم ام لا اذا كان سطر واحد فقط , ولكن اذا كان محتوى العباره اكثر من سطر واحد , حينها يتوجب عليك ان تقوم بكتابة وسوم البدايه والنهايه

 
العباره EXIT :

تستخدم العباره exit للخروج من محتوى وسوم ( { و } ) , واعتقد انه لا تحتاج الى شرح مطول, فما تفعله هذه العباره هو ان تقوم بأخراجك من كود ال PHP كاملا , انظر الى الكود التالي

 

لاحظ انه هنا لم يقم بطباعة العبارة ( ARCCN ) مع ان العباره خارج الشروط , ويجب ان تنفذ , ولكن مع استخدام العباره EXIT قمنا بالخروج من كود PHP كاملا ( لم نخرج من العباره فقط )

 
العباره CONTINUE :

العباره continue سهله ايضا , وماتقوم به هو ان تقوم بإخراج من التكرار لمرة واحده في عبارة التكرار , كلام مبهم وغير واضح اليس كذلك ؟ ما اعنيه هنا , تخيل اننا نقوم بالتكرار 5 مرات , ونريد في المره الثالثه ان نخرج من التكرار ( لا نخرج من التكرار كاملا ) , فقط من التكرار رقم 3 , عند ذلك يمكننا استخدام العباره CONTINUE , لنأخذ مثالا على ذلك لتوضيع الصوره , معروف لدينا ان لا يمكن القسمه ابدا على العدد ( 0 ) اليس ذلك صحيحا ؟ تخيل انا اردنا ان نقوم بقسمة العدد 4 على ( 4 الى -4 ) ونريد ان نفعل ذلك بإستعمال اداة التكرار , ولكن نريد ان نخرج من التكرار عندما يكون معامل القسمه ( 0 ) فما نفعله هو التالي , افتح محرر الاكواد وقم بكتابة ما يلي :

 لغة PHP مع HTML بطريقة اوسع :

رأينا في كثير من الامثله , اننا نقوم بكتابة كود ال HTML خارج كود لغة PHP , كمثالنا في جدول الضرب , وايضا يمكننا ان نقوم بكتابة لغة HTML مع لغة PHP واقصد بذلك استخدام العباره echo او print لنقوم بإخراج كود HTML , قم بمشاهدة المثال التالي , ( جدول الضرب معدل ) :

فقط يجب عليك ان تقوم بكتابة العباره echo او print في سطر ال HTML وان تضع علامتي التنصيص ” ” بين بداية ونهاية الكود . تذكر دائما ان عندما يكون هناك العلامه ( = ) في كود HTML يجب ان تقوم بوضع علامة \ قبل كل ” , لاحظ الكود في الاعلى , ما اقوم به هو ان اضع العلامه \ قبل ” انظر الى الكود التالي:


الـــدرس الــقادم :

سوف نقوم في الدرس القادم بمعرفة بمعرفة النماذج , وسوف يكون معظم كلامنا عن لغة HTML وسوف نحاول ان نشمل جيمع ما يتعلق بالنماذج وارسالها وكيفية تطبيقها واستخدامها مع لغة PHP

الدرس الثامن: النماذج وانواع ارسال البيانات

متطلبات قبل البدء :

  • لا يوجد

اهداف الدرس :

  • النماذج ( FORMS )
  • كيفية كتابة النماذج
  • انواع ارسال البيانات
  • النوع GET
  • النوع POST
  • الفروقات بين GET و POST

النماذج ( FORMS ) :

عندما تقوم بإنشاء بريد الكتروني جديد لدى الياهو , او الهوتميل , يتوجب عليك ان تقوم بتعبئة نموذج التسجيل , الذي يتضمن الاسم وكلمة المرور والبريد المراد انشائه , كل هذا نقوم عمله عن طريق النماذج ( FORMS ) واتوقع ان لديك شوق كبير لكي تقوم بفعل مثل هذه الامور في كود او برنامجك او موقعك البرمجي قريبا 🙂 , اذا ما نقصد به بي النماذج هو ان تقوم بتعبئة نموذج بمعلومات مطلوبه , ثم ارسالها . واعتقد انك لاحظت ان بعض النماذج تحتوى على انواع كثيره , مثل مربعات الكتابه , مربعات النصوص الكبيره , مربعات الاختيار , ازرار الاختيار , حقول الاختيار , كل هذا سوف نقوم بتعمله معا وسوف يكون بوابة البدايه لعمل موقعك بلغة PHP

كيفية كتابة النماذج :

بما انك ايها الزائر الكريم مبتدئ في لغة PHP , فما انصح به هو , ان تقوم دائما بإنشاء النماذج عن طريق برنامج Microsoft FrontPage , ثم بعد ذلك عمل نسخ لكود HTML
ولصقه في محرر اكواد لغة PHP , وتقوم بعدل ذلك ما قمنا بعمله في الدروس الاولى , اما ان تجعل كود HTML او ان تجعله مدمج مع لغة PHP , لنأخذ بعض الامثله على ذلك ,
انظر الى التالي:

المثال الاول :

لنقم بشرح ماتؤشر عليه الارقام لكي تقوم بفهم ما تحويه النماذج ,

1 – نوع ارسال البيانات , هل بطريقة POST او الطريقة GET وسوف نقوم بشرح ذلك كله بعد قليل

2 – الى اين يؤدي هذا النموذج , وفي مثالنا هذا , يؤدي الى صفحه PHP تسمى
result.php

3 – ماهو نوع المدخل , هل هو مربع كتابه ( text ) او مربع نصوص ( text area ) او مربع اختيار ( check box )  او زر اختيار ( radio ) او حقل اختيار ( option )

4 – ماهو اسم النموذج , بمعنى اخر ماهو اسم المتغير للنموذج , لاحظ ان اسم المتغير هنا هو  name وفي السطر الذي تحته اسم المتغير هو email وسوف تقوم بفهم هذا لاحقا

5 – ماهو محتوى النموذج , او لنقل قيمة المتغير , فلو وضعنا في مدخل name
العباره value = “arccn” بعد name=”name” سوف تجد انه يكتب افتراضيا داخل المربع الكتابه arccn

الذي رأينها في الاعلى هو عبارة عن كود HTML خارج كود PHP , وعند استخدامنا هذا الكود بداخل لغة PHP فسوف يكون بالشكل التالي :

انواع ارسال البيانات :

لقد ذكرت سابقا ان نوع ارسال البيانات بطريقين ( الاغلب استخداما ) وفي POST
و GET , طبعا يوجد طرق ارسال اخرى ولكن تستخدم نادرا جدا , وعند مشاهدة الكثير من الاكواد ما سوف تقوم بمشاهدته اما الطريقه POST او الطريقه GET

النوع GET :

النوع GET يمكنك تمييزه عندما تقوم بإرسال شي عن طريق نموذج , فإنك سوف ترى في العنوان الصفحه التي ستذهب اليها ثم العلامه ( ؟ ) متبوعه بإسم المتغير ثم العلامه ( = ) ثم بعد ذلك القيمه الموجوده بالمتغير , واذا قمت بالتفكير قليلا , فلن تعتقد ان هذه الطريقه تصلح لارسال اسم مستخدم وكلمة مرور او رقم بطاقة دفع الكترونيه عبر المتصفح , وذلك لانه يمكن لاي شخص يجلس بجانب المستخدم ان يرى محتوى الارسال

مثال على العنوان الذي سيظهر بالمتصفح هو التالي :

لاحظ هنا انك تريد الذهاب الى الصفحه module.php , وتقوم بأعطاء الصفحه المتغير name ويحتوي News ثم بعد ذلك الرمز ( & ) ويعني انه يوجد متغير اخر ايضا , ثم المتغير new_topic ويحتوي على الرقم 2

النوع POST :

النوع POST يمكنك معرفه انه يستخدم في هذه الصفحه , عندما تقوم بإرسال معلومات الى صفحه اخرى , ولا تجد في العنوان الرمز ( ؟ ) وبعده بعض المتغيرات , وانما فقط اسم الصفحه , والخفايا تحصل بين الصفحات ولا يمكنك مشاهدتها ( ولا يعني ذلك انه دائما عندما لا يوجد الرمز ( ؟ ) نقوم بإستخدام الطريقة POST , بل في معظم الاحيان

مثال على العنوان الذي سيظهر بالمتصفح هو التالي :

لو تتمعن في العنوان , فلن تجد ما رأينها في الطريقة GET ولا يمكنك تحديد هنا  انه قمنا بإرسال بيانات الى الصفحه module.php ام لا

 الفروقات بين GET و POST :

قد تقوم بسؤال التالي , متى استخدم GET ومتى استخدم POST , هناك بعض من الفروقات بين الطريقتين , اولها ان الطريقه POST يوجد بها حمايه اكثر من الطريقه GET  , كما رأيت سابقا لا نقوم بطباعة المتغيرات في المتصفح. ثانيا الطريقه POST تقوم بإرسال بيانات بكمية اكبر من الطريقة GET . مثلا , لو تقوم بإرسال رقم بطاقه ائتمانيه او كلمة مرور المستخدم فلا اعتقد انك سوف تستخدم الطريقة GET , اتوقع انك تعرف لماذا. عموما الطريقه GET تستخدم في معظم الاوقات للاستعلام عن بيانات , والطريقة POST تستخدم لادخال بيانات او تحديث البيانات. ثالث فرق هوه ان الطريقه GET اسرع من الطريقه POST , لذلك نراها تستخدم في محركات البحث مثل google و yahoo و msn
وغيرها. ليست هذه كل الفروق بين العبارتين ولكن تعتبر هذه الفروق الاساسيه , وما تحتاج معرفته حاليا


الـــدرس الــقادم :

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

الدرس التاسع: انواع النماذج وطريقة كتابتها

متطلبات قبل البدأ  :

اهداف الدرس:

  • انواع مدخلات النماذج
  • نوع الكتابه ( text )
  • نوع ازرار الاختيار ( radio )
  • نوع مربع الاختيار ( check box )
  • نوع قائمة الاختيار ( select )
  • نوع حقل النصوص ( textarea )
  • نوع زر الارسال ( submit )
  • مثال تطبيقي
  • نوع كلمة المرور ( password )


انواع مدخلات النماذج :

كما قلنا سابقا , لدينا انواع كثيره تستخدم في النماذج ودرسنا لهذا اليوم سنتناول الاساسيه منها مثل الكتابه , وازرار الاختيار , ومربع الاختيار , ونوع حقل النصوص. قم بالتخيل معي والتذكر عندما قمت بتسجيل بريد الكتروني على موقع الياهوو , او الهوتميل , كان يطلب منك تعبئة الكثير من البيانات , مثل اسمك الاول واسم العائله , اللغه , الجنس , تاريخ الميلاد وغيرها , انظر الى الشكل التالي ( جزء من نموذج التسجيل في بريد الهوتميل )  لتساعد ذاكرتك بالتذكر :

لنقم بمعرفة ما يحتويه النموذج السابق , تابع الارقام ولاحظ التالي :

1 – مربع كتابه ( text ) لتكتب به اسمك الاول

2 – قائمة اختيار ( select ) لتقوم بإختيار اللغه منها

3 – ازرار اختيار ( radio ) لتقم بإختيار الجنس

————————————————–


لنقم برؤية الانواع الاخرى ,

مربع الاختيار :

حقل النصوص :


نوع الكتابه ( text ) :

هذا النوع لكتابة النصوص القصيره , مثلما رأينا في الاعلى , الاسم , او البريد الالكتروني وغيرها , كيف نقوم بإنشاء هذا النوع , افتح محرر الاكواد وقم بكتابة التالي :

انقر على الصوره لتكبيرها


ازرار الاختيار ( radio ) :

هذا النوع يكون لاختيار من بعض المعلومات المتوفره , مثلا الجنس , ذكر او انثى , ارجع الى محرر الاكواد واكتب التالي ( اكمل على الكود السابق ) :

انقر على الصوره لتكبيرها

لاحظ في استخدامنا للكود استخدمنا الكلمه ( checked ) , وهذا معناه انه عندما تقوم برؤية الصفحه , سوف يكون هذا الاختيار معلم


نوع مربع الاختيار ( check box ) :

هذا النوع يمكنك من اختيار اكثر من خيار في وقت واحد , مثل الهوايات , او مواصفات معينه تريدها في سيارتك المستقبليه , ارجع الى محرر الاكواد واكتب التالي ( اكمل على الكود السابق ) :

انقر على الصوره لتكبيرها


نوع قائمة الاختيار ( select ) :

هنا , تستطيع اختيار شيئ , من اشياء موجوده مسبقا , مثل اللغه الافتراضيه , هل تريدها العربية او الانجليزية , ولدينا نوعان منها :

النوع الاول : اختيار شيء واحد فقط ( يمكن اختيار شيء واحد فقط من الموجود ) , ارجع الى محرر الاكواد واكتب التالي ( اكمل على الكود السابق ) :

انقر على الصوره لتكبيرها

النوع الثاني : اختيار اكثر من شيئ في وقت واحد ( يمكن اختيار اكثر من  شيئ واحد من الموجود ) , ارجع الى محرر الاكواد واكتب التالي ( اكمل على الكود السابق ) :

لاحظ هنا اننا جعلنا الاختيار يكون اكثر من واحد عن طريق الكلمه ( multiple )


نوع حقل النصوص ( textarea ) :

في هذا النوع , نقوم بجعل المستخدم يقوم بكتابة كلمات كثيرة , مثل معلومات شخصيه عن نفسه , او رساله يحب ان يوجهها الى الموقع ( اذا كنت تكتب في منتديات فمكان كتابة محتوى الموضوع يعتبر حقل نصوص ) , ارجع الى محرر الاكواد وقم بكتابة التالي , ( اكمل على لكود السابق ) :



زر الارسال ( submit ) :

بعدما ينتهي المستخدم من تعبئة البيانات المتطلبه , يجب ان يكون هناك ازرار يقوم بالنقر عليه لكي نتحقق من صحة البيانات , او  لنقوم بتسجيله لدينا او غير ذلك , ارجع الى محرر الاكواد وقم بكتابة التالي ( اكمل على الكود السابق ) :



مثال تطبيقي :

الان قم بحفظ الملف وقم بتشغيله , ولاحظ ان ناتجك سوف يكون التالي :


نوع كلمة المرور ( password ) :

ترى في كثير من المنتديات , او عندما تقوم بتسجيل الكتروني جديد , انه عندما تختار كلمة المرور ,لا تظهر كلمة المرور , وانما تظهر على شكل كرات سوداء , اليس ذلك صحيحا ؟ فكيف نقوم بعمل هذا النوع ؟ الطريقه هي كالتالي :

فقط في نوع النموذج نكتب العباره password وسوف نحصل على حقل لكلمة المرور



سؤال على الدرس :

قم بكتابة الكود السابق كاملا ( النموذج ) عن طريق دمجه مع لغة PHP , في الاعلى قمنا بكتابته ب كود HTML ومنفصلا عن PHP , حاول الان كتابته مع PHP ( راجع الدرس السابع )


الـــدرس الــقادم :

سوف نقوم في الدرس القادم بإرسال النموذج الذي قمنا بعمله هنا الى صفحة PHP , ومحاولة التحقق من المعلومات المدخلة والكثير من الاشياء الممتعه , هل تشوقت الى المعرفه ؟ فقط انتظر الدرس القادم 🙂

الدرس العاشر: التحقق من وطباعة محتوى النماذج

متطلبات قبل البدء :

اهداف الدرس :

  • ارسال البيانات الى صفحه اخرى
  • التحقق من ان جميع البيانات ممتلئه
  • طباعة البيانات الى المتصفح
  • مثال تطبيقي ( عمل نموذج تسجيل دخول )


ارسال البيانات الى صفحه اخرى
:

بعد عملنا لنموذج المعلومات الشخصيه (اذا لم تستطع عمله , اضغط هنا لتحميل نموذج المعلومات الشخصيه ) , نريد ان نرسل هذه البيانات الى صفحه اخرى , لنقوم بمشاهدة هذه البيانات او معالجتها او اي شي اخر , فكيف يتم فعل ذلك , كما تعلمنا سابقا , يمكننا فعل ذلك عن طريق تحديد الصفحه المراد الذهاب اليها في ( FORM ) , لاحظ المثال التالي , ( في مثالنا سوف نذهب الى الصفحه view.php ) :

هذا المثال مدمج مع كود PHP

هذا المثال كود HTML فقط

لاحظ انه هنا نقوم بالذهاب الى صفحه اخرى , ولكن اذا اردنا الذهاب الى الصفحه نفسها
( طريقه اخرى ) قم بكتابة نفس الصفحه , او العباره $PHP_SELF , وهي تؤدي نفس الغرض ( اذا كان نفس الصفحه ) وسوف اشرح لك هذه العباره لاحقا


التحقق من ان جميع البيانات ممتلئه :

الان لنأتي الى متعة عمل لغة PHP , في نموذجنا , نريد ان نتحقق اذا كان المستخدم قد قام بكتابة جميع البيانات المطلوبه ( كلها ) , اذن انشئ صفحه PHP اسمها view.php , ولنقم بفعل ذلك خطوة خطوة , اولا نريد ان نتحقق من ان المستخدم قام بكتابة اسمه الاول واسم العائله والبريد الالكتروني اكتب في محرر الاكواد التالي :

لو قمت بالملاحظه , فإننا نستخدم اسماء المتغيرات التي انشئناها في النموذج , (
fname & lname & email ) , اليس ذلك صحيحا ؟ لنكمل التحقق من النموذج

الان قم بتشغيل ملف النموذج , ولا تقم بكتابة اي شي , فقط اضغط على زر ( ارسال ) , وسوف تجد ان الصفحه تكتب ما يلي :

قد تقول لنفسك , هناك شيئ غير منطقي , وهو اننا طبعنا العباره ( الرجوع الى الخلف ) اكثر من مره ( لكل نوع لم يتم تعبئته ) اليس ذلك صحيحا , ؟ اذن كيف نتخلص من ذلك ؟ نتخلص منه عن طريق العباره exit التي وسبق ان قمنا بمعرفتها في الدرس الدرس
السابع: متفرقات عن لغة PHP
, نكتب العباره exit , كالتالي :

الان عندما ينسى المستخدم , سوف يأتي له اي نوع قام بنسيانه فقط , واحدا تلو الاخر , فلو نسي المستخدم كتابة الاسم الاول والاسم الثاني , سيظهر له انه نسي الاسم الاول فقط , هذا ما اعني به ( واحدا تلو الاخر ) .


طباعة البيانات الى المتصفح :

الان , نريد ان نقوم بطباعة ما اختاره المستخدم وعرضه على الشاشه , نفعل ذلك بالطريقه التاليه , افتح محرر الاكواد ( اكمل على الكود السابق )  واكتب التالي :

قد تسأل التالي :
لماذا لم اضع IF شرطيه ( شرطها اذا قام بتعبئة جميع الانواع ) قم بكتابة هذا الكود بداخلها , والجواب هو , لانه استخدمنا العباره exit , فلو لم تملئ جميع الحقول سوف يقوم بالخروج من كامل الكود , ولن يقوم بالنظر الى كود الطباعه . ولكن اذا اردت يمكنك استخدام عباره IF يوجد بها الشرط التالي , وفي حالة تحققه يقوم بطباعة جميع محتويات المتغيرات التي قمنا بكتابتها , الشرط هو :
if( $fname && $lname && $email && $sex &&
$lang && $skill && $info && ( $read || $write || $draw || $prog ) )
وسوف يقوم بفعل نفس الشيئ , وبيدك الاختيار 🙂

هناك ملاحظه اخرى , انا متأكد انك قمت بملاحظتها , وهي ان المتغير SKILL , لم يقم بطباعة جميع المهارات التي قمت بإختيارها ( يمكنك اختيار اكثر من مهاره ) , لماذا ؟ الجواب هو لانه يجب ان يكون مصفوفه , وسوف نتطرق للمصفوفات لاحقا وسوف تقوم بمعرفتها بالكامل , ولكن لا تتعجل , فالطريق امامنا طويل جدا 🙂

قم بتحميل هذا التطبيق كاملا من هنا

مثال تطبيقي ( عمل نموذج تسجيل دخول ) :

هل قمت بعمل ما فعلناه سابقا ؟ هل قمت بإستيعابه ؟ اذن لنقم بعمل نموذج تسجيل دخول , مثل الدخول الى بريدك الالكتروني , او لوحة التحكم الخاصه بك في احد المنتديات , قم بعمل نموذج لتسجيل الدخول كالتالي :

لا تنسى كيفية كتابة حقل كلمة المرور راجع الدرس التاسع: انواع النماذج وطريقة كتابتها , الان لننظر الى ملف PHP ولنرى كيفية التأكد من صحة كلمة المرور ( لنفرض ان اسم المستخدم هو ارسن ) و ( كلمة المرور هي 123 ) افتح محرر الاكواد واكتب التالي :

لاحظ ان اسماء المتغيرات في النموذج هي ( user ) و ( pass )


سؤال على الدرس :

قم بعمل نموذج تسجيل مستخدم جديد , سهل جدا فقط قم بالتفكير قليلا ويمكن عمله , لا تنسى انه يجب على المستخدم كتابة كلمة المرور مرتان للتأكد من صحتها , ولا تنسى ان تقوم بالتحقق من ان جميع البيانات المدخله كامله , واترك الخيال الفكري في هذا النموذج لك عزيزي الزائر 🙂 ( مساعده : pass1 و pass2 في النموذج )


الـــدرس الــقادم :

سوف نتعلم في الدرس القادم الدوال , وهي مفيده جدا جدا , سوف نرى كيفية كتابتها وكيفية استخدامها , ونعمل تطبيقات لها

« مواضيع سابقة مواضيع تالية »