الدرس العاشر إستخدام النماذج Form

[walid_8281500]

بسم الله الرحمن الرحيم
الحمد لله رب العالمين
والصلاة السلام على أشرف المرسلين
سيدنا محمد عليه أفضل الصلوات والتسليم

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

كنا قد تابعنا سلسلة دروس ويفضل الرجوع أليها قبل الخوض في هذا الدرس


وإن شاء الله سنبدأ اليوم في شرح إستخدام النماذج وبعض الخواص والوسائل




نبدأ بسم الله ::




إستخدام النماذج ::

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

ويوجد دائماً في نهاية الصفحة التي تقوم بالإدخال فيها مفتاح Submit والغرض منه هو إرسال هذه البيانات لمعالجتها .

وتتم عملية الإدخال عن طريق أدوات قياسية مثل صناديق الإدخال (**** Box) أو مفاتيخ الإختيارات (Radio buttons and check box) ، وفيما يلي شكل لكل منهم ::



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

هذه الأدوات يجب أن توضع داخل النموذج ويتم الإعلان عن النموذج بالعبارتين



<Form>

</Form>


من أهم خصائص النموذج العبارتين Action و Method وفيما يلي شرح لكل منهم ::

الخاصية Action ::

تكتب على الصيغة التالية ::




<Form Action="Result_page.php">
</Form>


فتدل الخاصية على الصفحة التي يجب على برنامج السيرفر أن يقوم بالإنتقال أليها عندما يقوم المستخدم بالإنتهاء من عملية الإدخال ويضغط على مفتاح submit ويوجد بهذه الصفحة (Result_page.php) الكود اللازم لمعالجة البيانات وإظهار رسالة ترحيب (مثلاً) للمستخدم عند الإشتراك .


الخاصية Method ::

وقد تكون أحدى الحالتين ::



<Form Action="Result_page.php" Method="post">
<Form Action="Result_page.php" Method="Get">



وهما طريقتين مختلفتين لإرسال البيانات للصفحة (Result_page.php) .

وفيما يلي الفرق بين الطريقتين ::

الوسيلة Get ::

تقوم بإرسال البيانات التي قام المستخدم بإدخالها عن طريق سطر العنوان بحيث يظهر سطر العنوان مضافاً أليه المعامل ؟ ثم أسماء المتغيرات وقيمها .


http://localhost/order_page.php?name=value&age=20

وتأتي المسميات name و age من الخاصية name لأدوات الإدخال ، فعند وضع **** Box يمكن أعطاؤه الإسم age عن طريق الخاصية name ، بحيث تستطيع معرفة أن هذا الصندوق خاص بإدخال عمر المستخدم .

ولا يمكن كتابة أسماء أدوات الإدخال إلا باللغة الإنجليزية ، ولكن المدخلات تكون باللغة المراد إستخدامها .

والسطر السابق الذي يظهر في عنوان الصفحة يسمى سطر الإستعلام أو query string ، ويمكن تشفيره بحيث لا يظهر للمستخدم أو الهاكرز القيم المدخلة إلى الموقع إذا كانت البيانات سرية مثل بطاقات الإئتمان .

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

الوسيلة Post ::

وهي نفس طريقة Get ، ولكن تستطيع إرسال بيانات بكمية أكبر ويتم هذا عن طريق إرسال البيانات من خلال إتصال مستقل ، وتتميز هذه الطريقة بأنها أكثر أمناً ، ولكن على نقيض الطريقة Get فإنها أقل سرعة .

لذلك يتم إستخدام الوسيلة Get عادة في محركات البحث ، وبذلك يستطيع الإحتفاظ بنتيجة البحث المتمثل في العنوان URL وفتحه مرة أخرى دون إعادة البحث .

درس اليوم خفيف وسهل وتعرفنا منه على أساسيات إستخدام النماذج

وإن شاء الله في الدرس القادم سيكون الدرس دسم بعض الشئ فقد وضعت هنا الأساسيات وفي الدرس القادم إن شاء الله بعض التطبيقات العملية إن شاء الله

أسأل الله أن لا أكون أطلت عليكم الحديث وإن يكون الدرس سهل ومفهوم إن شاء الله

هذا وأسأل الله لي ولكم التوفيق

ولا تنسونا من صالح دعائكم

إلى اللقاء http://traidnt.net/vb/images/smilies/cupidarrow.gif