[دورة php - الدرس السادس] - الجزء الأول : النماذج و كيفية و فوائدها و تصميمها

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

http://upload.wikimedia.org/wikipedi...%D8%B1_PHP.png



تحدثنا في الدرس السابق عن عدة مواضيع متفرقة و مهمة لكل مبرمج php مثل الثوابت و متغيرات النظام و بعض الدوال التي لا يستغني عنها المبرمجين و يمكنكم الإطلاع على الدروس السابقة عبر الروابط التالية :

• [دورة php - الدرس الأول] - تحضير البرامج و كتابة اول برنامج
• [دورة php - الدرس الثاني] - المتغيرات و طريقة تعريفها و انواعها و التعامل معها
• [دورة php - الدرس الثالث] - الجزء الأول : الطباعة المدمجة و تنسيق الصفحات لعرضها
• [دورة php - الدرس الرابـع] - الجزء الثاني : طباعة المتغيرات في النصوص و بعض الدوال
• [دورة php - الدرس الخامس] - الثوابت و متغيرات النظام و دوال لا يستغني عنها اي مبرمج

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


ما هي النماذج و ما استخداماتها ؟؟؟

في كثير من المواقع نحتاج النماذج لإرسال معلومات الى صاحب الموقع او غيرها و في المنتديات و الفيسبوك نرى انه لا بد من ادخال اسم مستخدم و رقم سري للدخول الى المنتدى او الفيس بوك و هذه الخانات التي ندخل بها اسم المستخدم و الرقم السري هي عبارة عن نموذج يرسل البيانات المدخلة الى كود php محدد مسبقا ليقوم بمعالجتها و التعامل معها و استخراج نتائج محددة لاحظ بعض النماذج في الصورة التالية :

http://img191.imageshack.us/img191/8292/formn.jpg

ما هي الفائدة من النماذج ؟؟

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


طريقة التعامل مع النماذج :
ان تصميم النماذج يكون بلغة html و سنرى بعد قليل كيفية انشاء نموذج لكن معالجة بيانات هذا النموذج تكون بإستخدام لغة php او asp و الآن لنرى كيف نصمم نموذج بلغة html ثم تطويعه و برمجته بلغة php

وللعلم فإن صفحات html تخزن بعد كتابة كود النموذج بإمتداد .html مثل :
index.html
او
zaed.html

النموذج في لغة html له وسم محدد و يكتب كالتالي:

كود PHP:

---

<form action='' method=''>
    // هنا نكتب الوسوم الخاصة بأدوات الإدخال مثل الرقم السري و غيرها
</form> 


---

</b>

نلاحظ في الكود السابق في السطر الأول و بعد كلمة form وجود الكلمة action و هذه تسمى الخصائص فالـ action هو خاصية للنموذج و استخدام هذه الخاصية هو تحديد الصفحة التي ستقوم بمعالجة بيانات النموذج المرسلة و بدون هذه الخاصية و تحديد صفحة الكود الذي سيعالج البيانات فإن النموذج سيكون عقيم و ليس له فائدة اما الكلمة الثانية و هي method فهي ايضا خاصية اخرى للنماذج و وظيفتها تحديد نوع و طريقة ارسال البيانات لصفحة المعالجة التي قمنا بتحديدها في الخاصية action و لها نوعين اساسيين و هما get و post و سنتحدث عنهم بالتفصيل في السطور القادمة

كيف يتم وضع الوسوم الخاصة بأدوات الإدخال داخل النموذج ؟؟

يتم ذلك عن طريق الوسم <input> و هو وسم خاص و يتم فيه تحديد نوع المدخل و بعض الخصائص الأخرى و نعطي اسم محدد للمدخل يكتب هذا الوسم داخل وسم الفورم form كالتالي :

كود PHP:

---

<input type='' name='x1'> 


---

</b>

بحيث ان الخاصية type هي التي تقوم بتحديد نوع المدخل و الخاصية name هي التي سوف نقوم بإرسالها الى صفحة المعالجة و اجراء عمليات البرمجة

اما ادوات النماذج فهي كثير و منها ما يلي :
1 - اداة النص text و هذه الأداة تستخدم لإنشاء صندوق نص من سطر واحد و يمكننا استخدامه لإدخال اسم المستخدم مثلا او البريد الإلكتروني و يتم كتابته كالتالي :

كود PHP:

---

<input type='text' name='username'> 


---

</b>

2 - اداة الرقم السري password و هذه الأداة تستخدم لإنشاء صندوق لإدخال الرقم السري بحيث ان الكلمات التي نكتبها داخل هذا الصندوق تظهر على شكل نجوم و يمكن كتابتها كالتالي :

كود PHP:

---

<input type='password' name='username'> 


---

</b>

3 - اداة زر الإرسال submit و هذه الخاصية لا بد من وجودها في نهاية اي نموذج و وظيفتها نقل بيانات النموذج تلقائيا الى صفحة المعالجة المحددة في ال action الخاص بالنموذج بمجرد النقر على هذا الزر و يمكن كتابته كالتالي :

كود PHP:

---

<input type='submit' value='انقر هنا للدخول'> 


---

</b>

و نلاحظ ان هناك الخاصية value و هي الخاصية التي يمكن اعطاء الزر اسم محدد عند تشغيل الصفحة مثل انقر هنا للدخول او ارسال و غيرها

بإمكانكم الدخول للرابط التالي و التعرف على النماذج بشكل موسع و التعرف على ادوات الإدخال و خصائصها :

http://www.al79n-php.info/html/form.html#form


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

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

1 - الطريقة GET : في هذه الطريقة عند الضغط على زر الإرسال submit فإن البيانات المرسلة من النموذج الى صفحة المعالجة سوف تظهر في رابط المتصفح و بالتالي فهي طريقة غير امنة تماما و لكن لها استخدامات خاصة مثل تعدد الصفحات في المنتديات و غيرها و سنرى الفرق في مثال في نهاية الدرس و عدا عن ذلك فإن كمية البيانات التي تستطيع ارسالها بهذه الطريقة محدودة و اذا كانت البيانات كثير فإنك لن تستطيع استخدام هذه الطريقة :

2 - الطريقة POST : في هذه الطريقة عند الضغط على زر الإرسال submit فإن النموذج يرسل البيانات الى صفحة المعالجة بطريقة مخفية عن المستخدم ولن تظهر البيانات المرسلة في رابط المتصفح بالإضافة الى ذلك فإنه يمكن نقل بيانات بكمية كبيرة بإستخدام هذه الطريقة من النموذج الى صفحة معالجة البيانات

وهذا مثال على نموذج لإدخال كلمة اسم مستخدم و كلمة مرور لتجربته :

كود 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> 


---

</b>

و بإمكانكم مشاهدة النتيجة لهذا الكود عبر الرابط التالي :
http://www.al79n-php.info/less6/form.html

نكتفي بهذا الجزء اليوم و سنتحدث في الجزء القادم من الدرس عن كيفية استقبال البيانات من النماذج و معالجتها بإستخدام اكواد php و الإمكانيات التي تقدمها لنا و سنقوم بعمل تطبيق عملي بسيط لإنشاء اله حاسبة بسيطة لجمع رقمين بإستخادم النماذج

ارجوا منكم تطبيق ما جاء في الدرس و محاولة كتابة الكود يدويا و الإستغناء عن النسخ و اللصق للإستفادة اكبر قدر ممكن من الدروس

و انا جاهز لأي استفسار :eh_s(8):

492114a0-803c-4ccc-954c-758c3f7a1ea2
1.03.01

الصراحه الدرس مش مفهوم بالنسبه الي
اول سؤال يا معلم شو تعني كلمه وسم

ثاني سؤال بالنسبه لكلمه الpassword و username
ندخلهم بشاشه المخرجات ولا متى


لانو بديت اخربط بينها وبين الobject

يعطيك العافيه :SnipeR (62):

اقتباس:

---

المشاركة الأصلية كتبت بواسطة صديقه بنت الشديفات

الصراحه الدرس مش مفهوم بالنسبه الي
اول سؤال يا معلم شو تعني كلمه وسم

ثاني سؤال بالنسبه لكلمه الpassword و username
ندخلهم بشاشه المخرجات ولا متى


لانو بديت اخربط بينها وبين الobject

يعطيك العافيه :SnipeR (62):

---

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

بالنسبة لكلمة وسم يعني بالإنجليزي tage و هي المكون الأساسي للغة التصميم html و ال tage بنكتب بين الإشارتين < و > و كل اشي بال html إلو tage محدد
مثلا اذا حبيتي تعملي رابط يودي على منتدى الحصن بإمكانك تستخدمي الtage خاص و يكتب كالتالي :

كود PHP:

---

<a href='http://al79n.com/vb'> from here to al79n </a> 


---

لاحظي انه الوسم او ال tag اسمه a و اله خاصيه اسمها href لتحديد المكان الذي سيذهب اليه الرابط عند الضغط على from here to al79n و لاحظي ايضا انه بعض الوسوم tages لها وسم اغلاق ليكون التأثير محدد على نص محدد وهذا هو وسم الإغلاق </a>

يعني مش عارف شو بدي احكيلك اكثر من هيك بس الي بده يتعلم لغة php لازم يكون عنده اساسيات لغة html و هي لغة بسيطة جدا جدا تكاد تكون تافهة و تعلمها كاملة لا يحتمل سوى ساعات قليلة

يعني اذا كان عندك ضعف بهاي اللغة html يا ريت ترجعي و تتعلميها سريعا لأنها لغة سهلة و بضمنلك خلال يومين رح تكوني محترفة فيها
و هاي شوية دروس و مواقع بتساعدك :
http://www.al79n-php.info/html

http://www.w3schools.com/html/default.asp

http://www.2lex.com/archives/categor...html-tutorials



اما بالنسبة لسؤالك الثاني بصراحة مش مفهوم
بس الي فهمته انك بتسألي متى بنستخدم الكلمة username و password الي حددناهم بخاصية ال name لل tage الي اسمه input
اذا كان هاد سؤالك فالإجابة هي انه هدول رح يكون الهم استخدام خاص بكود ال php بالدرس القادم

بتمنى اكون افدتك ولو بشيء بسيط

والصورة التالية هي تطبيق لشخص متابع الدورة بصمت

http://img831.imageshack.us/img831/1...1231413633.jpg

492114a0-803c-4ccc-954c-758c3f7a1ea2
1.03.01

يسلمو .... .... :icon14:

العفو .....................

يعطيك العافية
شكرا كتير

شكرا على اضافة ها الموضوع الجميل

العفو و مشكورين على المرور :)

والله ماكنت بدي ابلش بالدررس التالي بس قلت خلني اجي اخد نظره فاتشوقت اعرف كيف اعمل الuser& pass ويبدو اني رح ادرسه هلا
عوآفي عوآفي عوآفي عالابداع
ودي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة jaja20_01

والله ماكنت بدي ابلش بالدررس التالي بس قلت خلني اجي اخد نظره فاتشوقت اعرف كيف اعمل الuser& pass ويبدو اني رح ادرسه هلا
عوآفي عوآفي عوآفي عالابداع
ودي

---

مو شرط تدرسي الدرس حاليا اذا مو مركزة
اهم شي يكون في تركيز

تحياتي