إنشاء فورم إدخال بيانات باستخدام php

إنشاء فورم إدخال بيانات باستخدام php – من أهم البنى المستخدمة في البرمجة نذكر فورم إدخال البيانات. وبالإنكليزية (form) لأنه يعتبر النظام المتبع لتسجيل الدخول وكذلك إنشاء الحسابات في المواقع المختلفة مثل فيسبوك ويوتيوب والبريد الإلكتروني. وسنتعلم اليوم كيفية إنشاء فورم إدخال بيانات باستخدام php.

شرح طريقة إنشاء فورم إدخال بيانات باستخدام php

أهمية فورم إدخال البيانات

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

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

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

كود إنشاء فورم إدخال بيانات

حتى نتمكن من إنشاء فورم إدخال بيانات باستخدام php لا بد لنا من التفكير أولاً بالمكان الذي سيتم إرسال البيانات إليه. وهنا يتبادر إلى أذهاننا مباشرة قاعدة البيانات الخاصة بناء db1والجدول Patients. وللتعرف على كيفية إنشاء جدول في قاعدة البيانات يمكنك قراءة المقال التالي كيفية إنشاء الجداول في قواعد البيانات. حيث أننا قمنا بتأسيس اتصال مع القاعدة والتحقق منه بنجاح.

كما أننا سنقوم بإنشاء عنصر يسمح للمستخدم بإدخال (كتابة) المعلومات التي يريد إدخالها. وسنقوم بتحديد بعض المزايا الإضافية كما هو مبين بالصورة التالية.

في الاسطر البرمجية السابقة قمنا بكتابة اسم العامود الخاص بنا على أنه نص عادي (Fname) ليظهر على صفحة الموقع. وبعدها حددنا عنصر إدخال (input)من نوع نص (text) باسم Fname وبعدها قمنا بوضع الوسيط (required) للدلالة على أنه من الحقول التي يجب إدخالها ولا يسمح بتجاهلها.

وننوه إلى أن كود إنشاء فورم إدخال بيانات باستخدام php جاء بعد إغلاق تاغ (وسم) ال php (?>). لا بد من الانتباه لهذه الملاحظة لأن كود إنشاء الفورم خاص ب html5 ولكننا سنقوم بمعالجته بداخل أكواد php.

وستكون نتيجة التنفيذ بعد تشغيل السيرفر المحلي والدخول لصفحة index داخل ملف ال Server على الشكل التالي. كما يمكن للمستخدم كتابة ما يريد بداخل عنصر الإدخال الذي أنشأناه.

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

وهنا قمنا بتكرار التعليمة الخاصة ب Fname لجميع الحقول الموجودة في قاعدة البيانات. منوهين إلى أن جميع الحقول required وكذلك من نوع text، ونلاحظ بين الأسطر تعليمة br وهي تعليمة خاصة ب html5 للنزول سطر قبل إنشاء العنصر التالي.

أما بالنسبة للتعليمة button فهي تشكل زر على واجهة الموقع من نوع submit أي أنه سيقوم بإرسال جميع العناصر المدخلة في الفورم. وله اسم خاص به وهو send. ونلاحظ أن لكل عنصر من العناصر السابقة اسم خاص به في الوسم name، وتكمن أهميته في عمليات التعديل التي سنراها لاحقا وكذلك في عمليات إعطاء تنسيقات والوان باستخدام Css. وتكون نتيجة التنفيذ كالتالي.

معالجة بيانات الفورم باستخدام php

الآن سنقوم بمعالجة عملية إنشاء فورم إدخال بيانات باستخدام php، حيث أننا سننتقل إلى القسم الخاص بلغة php. أي بين الإشارتين (<?…?>) ونختبر في حال تمت عملية الإرسال بنجاح باستخدام الطريقة POST التي حددناها في الفورم، فإننا سنقوم بإسناد القيمة المرسلة فيها إلى متحولات جديدة.

حيث أننا سنستخدم التابع isset ونمرر له المتحول $_POST الذي يمثل طريقة الإرسال. وبعدها سنضع ضمن أقواس المتحول الأخير اسم الزر الخاص بنا في صفحة الملف index المعروضة في المتصفح وهو الاسم send.

كما يتوجب علينا هنا تأسيس اتصال بقاعدة البيانات ولكن بدلاً من الاستخدام اليدوي للقيم المدخلة وتحديدها بنفسنا. سنجعل هذه القيم هي ذاتها الممررة من الفورم الخاص بالمستخدم. عن طريق تمرير المتغيرات المسند لها قيم الأسماء الخاصة بكل عنصر إدخال في الطريقة POST بدلاً من تمرير القيم، كما يظهر في الصورة التالية.

التحقق من عملية إدخال البيانات

لنتحقق الآن من صحة إنشاء فورم إدخال بيانات باستخدام php عن طريق رؤية قاعدة البيانات. ولكن يمكننا هنا في الملف index إضافة شرط جديد، يقول بأنه في حال تمت عملية الإدخال بنجاح اطبع لي رسالة ما وفي حال الفشل اطبع أخرى. وهذا ما فعلناه بالضبط في الصورة التالية.

كما نعلم إن التابع execute() مسؤول عن تنفيذ الاستعلام الخاص بإدخال البيانات ويمكننا كتابته بشكل صريح أو تضمينه في شرط الطباعة. منوهين إلى أنه يطبق على المتحول المسؤول عن تأسيس الاتصال بقاعدة البيانات.

والآن يمكننا إدخال المعلومات في الفورم السابق وليكن اسم المريض الأول mark واسمه الأخير john ورقم غرفته الخاصة هو 23، والضغط على زر send بعدها.

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

وفي ختام مقالنا الذي تكلمنا فيه عن إنشاء فورم إدخال بيانات باستخدام php، أود التأكيد على أهمية الفورم في أعمال البرمجة بشكل عام. وللمزيد من الشروحات التقنية الجديدة تابعوا موقعنا عربي تك Arabitec.com ، وشكرا لحسن القراءة.

إقرأ أيضاً: تخزين البيانات باستخدام لغة php