بسم الله الرحمن الرحيم492114a0-803c-4ccc-954c-758c3f7a1ea2
تحدثنا في الدرس السابق عن عدة مواضيع متفرقة و مهمة لكل مبرمج php مثل الثوابت و متغيرات النظام و بعض الدوال التي لا يستغني عنها المبرمجين و يمكنكم الإطلاع على الدروس السابقة عبر الروابط التالية :
- [دورة php - الدرس الأول] - تحضير البرامج و كتابة اول برنامج
- [دورة php - الدرس الثاني] - المتغيرات و طريقة تعريفها و انواعها و التعامل معها
- [دورة php - الدرس الثالث] - الجزء الأول : الطباعة المدمجة و تنسيق الصفحات لعرضها
- [دورة php - الدرس الرابـع] - الجزء الثاني : طباعة المتغيرات في النصوص و بعض الدوال
- [دورة php - الدرس الخامس] - الثوابت و متغيرات النظام و دوال لا يستغني عنها اي مبرمج
اما في درسنا اليوم سوف نتحدث عن النماذج و ماذا نقصد بها و ما هي استخداماتها و طريقة التعامل معها في مواقعنا و برمجياتنا و على بركة الله نبدأ .
ما هي النماذج و ما استخداماتها ؟؟؟
في كثير من المواقع نحتاج النماذج لإرسال معلومات الى صاحب الموقع او غيرها و في المنتديات و الفيسبوك نرى انه لا بد من ادخال اسم مستخدم و رقم سري للدخول الى المنتدى او الفيس بوك و هذه الخانات التي ندخل بها اسم المستخدم و الرقم السري هي عبارة عن نموذج يرسل البيانات المدخلة الى كود php محدد مسبقا ليقوم بمعالجتها و التعامل معها و استخراج نتائج محددة لاحظ بعض النماذج في الصورة التالية :
ما هي الفائدة من النماذج ؟؟
نستخدم النماذج في كثر من التطبيقات مثل المنتديات و مواقع الجامعات و الإيميل فمثلا عند دخول الطالب على موقع الجامعة لرؤية العلامات فإنه يدخل الرقم السري و الرقم الجامعي و عند ارسال ايميل الى احد الأصدقاء فإنك تكتب الإيميل و عنوان الرسالة و محتوى الرسالة في نموذج
طريقة التعامل مع النماذج :
ان تصميم النماذج يكون بلغة html و سنرى بعد قليل كيفية انشاء نموذج لكن معالجة بيانات هذا النموذج تكون بإستخدام لغة php او asp و الآن لنرى كيف نصمم نموذج بلغة html ثم تطويعه و برمجته بلغة php
وللعلم فإن صفحات html تخزن بعد كتابة كود النموذج بإمتداد .html مثل :
index.html
او
zaed.html
النموذج في لغة html له وسم محدد و يكتب كالتالي:
</b>كود PHP:<form action='' method=''>
// هنا نكتب الوسوم الخاصة بأدوات الإدخال مثل الرقم السري و غيرها
</form>
نلاحظ في الكود السابق في السطر الأول و بعد كلمة form وجود الكلمة action و هذه تسمى الخصائص فالـ action هو خاصية للنموذج و استخدام هذه الخاصية هو تحديد الصفحة التي ستقوم بمعالجة بيانات النموذج المرسلة و بدون هذه الخاصية و تحديد صفحة الكود الذي سيعالج البيانات فإن النموذج سيكون عقيم و ليس له فائدة اما الكلمة الثانية و هي method فهي ايضا خاصية اخرى للنماذج و وظيفتها تحديد نوع و طريقة ارسال البيانات لصفحة المعالجة التي قمنا بتحديدها في الخاصية action و لها نوعين اساسيين و هما get و post و سنتحدث عنهم بالتفصيل في السطور القادمة
كيف يتم وضع الوسوم الخاصة بأدوات الإدخال داخل النموذج ؟؟
يتم ذلك عن طريق الوسم <input> و هو وسم خاص و يتم فيه تحديد نوع المدخل و بعض الخصائص الأخرى و نعطي اسم محدد للمدخل يكتب هذا الوسم داخل وسم الفورم form كالتالي :
</b>كود PHP:<input type='' name='x1'>
بحيث ان الخاصية type هي التي تقوم بتحديد نوع المدخل و الخاصية name هي التي سوف نقوم بإرسالها الى صفحة المعالجة و اجراء عمليات البرمجة
اما ادوات النماذج فهي كثير و منها ما يلي :
1 - اداة النص text و هذه الأداة تستخدم لإنشاء صندوق نص من سطر واحد و يمكننا استخدامه لإدخال اسم المستخدم مثلا او البريد الإلكتروني و يتم كتابته كالتالي :
</b>كود PHP:<input type='text' name='username'>
2 - اداة الرقم السري password و هذه الأداة تستخدم لإنشاء صندوق لإدخال الرقم السري بحيث ان الكلمات التي نكتبها داخل هذا الصندوق تظهر على شكل نجوم و يمكن كتابتها كالتالي :
</b>كود PHP:<input type='password' name='username'>
3 - اداة زر الإرسال submit و هذه الخاصية لا بد من وجودها في نهاية اي نموذج و وظيفتها نقل بيانات النموذج تلقائيا الى صفحة المعالجة المحددة في ال action الخاص بالنموذج بمجرد النقر على هذا الزر و يمكن كتابته كالتالي :
</b>كود PHP:<input type='submit' value='انقر هنا للدخول'>
و نلاحظ ان هناك الخاصية value و هي الخاصية التي يمكن اعطاء الزر اسم محدد عند تشغيل الصفحة مثل انقر هنا للدخول او ارسال و غيرها
بإمكانكم الدخول للرابط التالي و التعرف على النماذج بشكل موسع و التعرف على ادوات الإدخال و خصائصها :
http://www.al79n-php.info/html/form.html#form
الآن و بعد ان تعرفنا على طريقة انشاء النماذج و كتابة اكوادها سننتقل الى طريقة معالجة بيانات هذه النماذج و استقبالها و التعامل معها
لكن دعونا اولا نرجع الى معنى GET و POST التي يتم تحديدها في الخاصية method والتي ذكرنا انها طريقة ارسال البيانات الى صفحة المعالجة :
1 - الطريقة GET : في هذه الطريقة عند الضغط على زر الإرسال submit فإن البيانات المرسلة من النموذج الى صفحة المعالجة سوف تظهر في رابط المتصفح و بالتالي فهي طريقة غير امنة تماما و لكن لها استخدامات خاصة مثل تعدد الصفحات في المنتديات و غيرها و سنرى الفرق في مثال في نهاية الدرس و عدا عن ذلك فإن كمية البيانات التي تستطيع ارسالها بهذه الطريقة محدودة و اذا كانت البيانات كثير فإنك لن تستطيع استخدام هذه الطريقة :
2 - الطريقة POST : في هذه الطريقة عند الضغط على زر الإرسال submit فإن النموذج يرسل البيانات الى صفحة المعالجة بطريقة مخفية عن المستخدم ولن تظهر البيانات المرسلة في رابط المتصفح بالإضافة الى ذلك فإنه يمكن نقل بيانات بكمية كبيرة بإستخدام هذه الطريقة من النموذج الى صفحة معالجة البيانات
وهذا مثال على نموذج لإدخال كلمة اسم مستخدم و كلمة مرور لتجربته :
</b>كود PHP:<form action='' method='POST'>
Enter username : <input type='text' name='username'><br/>
Enter Password : <input type='password' name='password'><br/>
<input type='submit' value='انقر هنا للدخول'>
</form>
و بإمكانكم مشاهدة النتيجة لهذا الكود عبر الرابط التالي :
http://www.al79n-php.info/less6/form.html
نكتفي بهذا الجزء اليوم و سنتحدث في الجزء القادم من الدرس عن كيفية استقبال البيانات من النماذج و معالجتها بإستخدام اكواد php و الإمكانيات التي تقدمها لنا و سنقوم بعمل تطبيق عملي بسيط لإنشاء اله حاسبة بسيطة لجمع رقمين بإستخادم النماذج
ارجوا منكم تطبيق ما جاء في الدرس و محاولة كتابة الكود يدويا و الإستغناء عن النسخ و اللصق للإستفادة اكبر قدر ممكن من الدروس
و انا جاهز لأي استفسار
1.03.01
.gif "Eh S(8)")
رد مع اقتباس
رد: [دورة php - الدرس السادس] - الجزء الأول : النماذج و كيفية و فوائدها و تصميمها
.gif "SnipeR (62)")
المشاركة الأصلية كتبت بواسطة صديقه بنت الشديفات
مواقع النشر (المفضلة)