اليوم لدينا درس جديد وسنتلكم به عن الـ Form

تكلمنا في دروس سبقت عن الـ Form ولكن درسنا هذا يعتبر مختلفا تماما عما سبق

ففي هذا الدرس سنقوم بدراسة الفورم بشكل اوسع واعمق

فستتضمن هذه الوحدة ما يلي :

- انشاء الفورم بأستخدام الازرار وصناديق النص والاختيار المتعدد والقوائم ...

- انشاء سكريبت php وليقوم بالعمليات على html فورم

- سنتعلم كيفية استخدام $_POST و $_GET بشكل مفصل

- ارسال البيانات بشكل مخفي عن طريق الفورم والروابط

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

Your First Form

في هذا المثال ستقوم بعمل سكريبت بسيط يقوم فقط بأدخال كلمة في مربع النص
1- قم بأنشاء مجلد جديد وقم بتسميتة مثلا ch4 او الوحدة الرابعة
2- قم بأنشاء ملف جديد وقم بتسميته form1.html
3- قم بكتابة الاكواد التالية داخلة..

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
4- قم بأنشاء ملف جديد وسمه formprocess1.php واكتب به الكود التالي:

قم الان بفتح الملف form1.html واكتب به اسمك مثلا وانظر للناتج

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

لنجعل الان اليوزر يقوم بعدة خيارات ...

ابدأ اولا بتحضير ملف جديد وسمية form2.html

واكتب به الكود التالي

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


قم الان بفتح ملف جديد واسمة formprocess2.php

واكتب به التالي :


افتح الملف بالمتصفح وانظر للناتج

لننتقل الان لكودات اكثر غزارة واكثر كثافة

افتح ملف جديد واسمة form3.php واكتب الكود التالي بداخلة

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

الان قم بفتح ملف جديد وقم بتسميته formprocess3.php

وقم بكتابة الكود التالي بداخلة

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

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

لقد قمنا بكتابة فورم بسيط جدا مع وجود بعض الاحتمالات في الملف الاول قمنا بكتابة
زرين للأختيار و اختيار متعدد وقائمة اختيار
وفي الملف الثاني قمنا ببعض الحيل البرامجية وكانت على النحو التالي :

1-

كود PHP:
                       header("Location:form3.php"); 
من خلال هذا الكود والدالة الشرطية التي سبقته فأذا لم يتم اختيار اي نوع من انواع الافلام
من قائمة الاختيار اي ان

كود PHP:
                       $_POST['MovieType'
كان فارغا فأن الصفحة سيعاد تحمليها
ولن تنتقل الى صفحة اخرى (سيتم شرح هذه الدالة بمفهوم اكبر في درس قادم)

2-

كود PHP:
                        $name $_POST['Name']; 
 
$name[0] = strtoupper($name[0]); 
من خلال هذا الكود قمنا بتحويل اول حرف من الحروف الذي سيكتبها الزائر داخل صندوق النص
الى كابيتال اي سيصبح حرف كبير .

3-

كود PHP:
                        if ($_POST['type'] == "Movie") { 
    
$foo $_POST['MovieType'] . " " $_POST['type']; 
    }else{ 
        
$foo $_POST['type']; 
        } 
ومن خلال هذه الدالة اذا كان اختيار الزائر لـmovie من قائمة الاختيار radio سيتم
وضع نوع الفيلم الذي اختاره وغير ذلك سيتم اختيار فقط نوع الاختيار اذا كان movie او actor او...

ومن ثم قمنا بترتيب ما قام بأختياره الزائر وترتيبه في جمله في الصفحة التي تليها...

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

في هذا المثال سنقوم بأنشاء بضعة ملفات لتساعد المستخدم لاَضافة بعض البيانات الى قاعدة البيانات

اولا قم بأنشاء ملف جديد وسمية form4.php
قم بكتابة الكود التالي بداخلة..

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

قم الان بفتح ملف جديد وسمية بأسم startform.php

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

في هذين الملفين قمنا بالتالي :
1- عن طريق هذه الدالة

كود PHP:
                       if (!isset($_GET['step'])) { 
    require(
'startform.php'); 
بالتأكد من عدم وجود اي شيء مرسل عن طريق الرابط من خلال المصفوفة $_GET
ولاحظ كلمة عدم وهي بوجود الاشارة ! اي انها اذا لم تحمل المصفوفة اي متغيرات سينتقل الى الصفحة
startform.php وبعدها انتقلنا للعمل وهي else فبعد هذه الدالة قمنا بتعريف عبارة switch


كود PHP:
                       switch ($_GET['step']){ 
وكان شرطها وجود متغيرات بداخل المصفوفة get
ومن ثم طلبنا منها عمل التالي :

كود PHP:
                       case "1"
فهنا اذا كان المرسل عن طريق الرابط هو الرقم واحد سيقوم بعمل التالي:
$type = explode(":", $_POST['type']);
بهذه الدالة سيقوم بفصل النوع الذي سيحضرة الرابط الى قسمين ويضعهما في مصفوفة
فأذا كان

كود PHP:
                       if ($_POST['Submit'] == "Add"){ 
            require(
$_POST['Submit'] . $type[0] . '.php'); 
المطلوب هو Add سيقوم بأحضار الsubmit ويربطه في الفهرس الاول من المصفوفة
وغير ذلك عن طريق else

كود PHP:
                       }else{ 
                if(
$_POST['type'] == "Movie:Movie" && 
                   
$_POST['MovieType'] == ""){ 
                    
header("Location:form4.php"); 
                } 
سيتأكد اولا من ان movie:movie و movietype فارغة بعدها سيعيدنا الى صفحة form4.php
ثم سيقوم بعرض النتيجة
وسيكمل الدالة switch ولكن لاحظ هنا بأنه يوجد دالة switch اخرى وهي لتقوم بالتأكد
من المحتوى فأذا طلبنا منه اضافة فيلم سيطلب منا كتابة بعض الكلمات عن هذا الفيلم وسيقوم بالتأكد
من خلو هذه الدالة من الاخطاء عن طريق الدالة

كود PHP:
                       <?php echo nl2br(stripslashes($_POST['Bio'])); ?>
هذا شرح بسيط حاولو ان تستوعبو ما جاء بالملفات من اكواد ومتأكد بأنكم ستفهمون المطلوب منها
او آلية عملها واي شي سيتعصي عليكم اسألو عنه في قسم الاستفسارات...

قم الان بفتح ملف جديد وسمية بأسم AddMovie.php

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

قم الان بفتح ملف جديد وسمية AddPerson.php

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

وفي هذين الملفين قمنا بتجهيز الصفحات التي ستظهر للمستخدم بعد البحث او الاضافة التي قام بطلبها
عن طريق صفحة form4.php

وهذا شرح بسيط بالصورة التي بالاسفل عن ما قمنا بعملة في الملفات السابقة

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

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

ادري انكم مللتم من كتابة الاكواد ولكن عند النظر لنتيجة عملكم اتمنى ان تكونوا قد بهربتم بما كتبتم

لانكم لأول مره ترون شيء مختلف في هذه الدروس

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

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

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


نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

اتمنى لكم التوفيق


التطبيق :

قم بعمل الة حاسبة تأخذ رقمين وتقوم بجمعهما.