الدرس الأول: نموذج تسجيل الدخول باستخدام PHP

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

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

ما يحتوي عليه النموذج:

• حقل اسم المستخدم
• حقل كلمة المرور
• زر تسجيل الدخول

الخطوة 1: إنشاء النموذج باستخدام HTML

نبدأ بكتابة النموذج داخل ملف HTML:

    اسم المستخدم:
    

    كلمة المرور:
    

    تسجيل الدخول

    

شرح:

• <form action="login.php" method="post">: عند الضغط على الزر، تُرسل البيانات إلى ملف login.php باستخدام طريقة POST.
• <input type="text" name="username">: حقل نصي لكتابة اسم المستخدم.
• <input type="password" name="password">: حقل سري لكلمة المرور.
• <button type="submit">: زر إرسال النموذج.

الخطوة 2: إنشاء ملف login.php لمعالجة البيانات

شرح:

• $_POST['username']: جلب اسم المستخدم المُدخل.
• $_POST['password']: جلب كلمة المرور المُدخلة.
• نقارن بين البيانات المُدخلة والقيم المخزنة (في هذا المثال يدويًا وليس من قاعدة بيانات).

✅ استخداماته

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

نصيحة تعليمية:

جرب كتابة النموذج بنفسك خطوة بخطوة، وبدّل القيم داخل login.php لترى النتائج بنفسك وتفهم عمل النموذج بشكل عملي!

<form action="login.php" method="post">
    <label>اسم المستخدم:</label>
    <input type="text" name="username" required>

    <label>كلمة المرور:</label>
    <input type="password" name="password" required>

    <button type="submit">تسجيل الدخول</button>
</form>

<?php
// استقبال البيانات
$username = $_POST['username'];
$password = $_POST['password'];

// التحقق من صحة البيانات
if ($username == "admin" && $password == "1234") {
    echo "تم تسجيل الدخول بنجاح!";
} else {
    echo "فشل تسجيل الدخول. تأكد من البيانات.";
}
?>

📌 نموذج HTML:
<form action="login.php" method="post"> 
    🔹 يبدأ النموذج ويرسل البيانات إلى login.php عند الضغط على زر الإرسال باستخدام POST.
<input type="text" name="username" required>
    🔹 حقل لكتابة اسم المستخدم. required = إجباري.
<input type="password" name="password" required>
    🔹 حقل كلمة المرور، يخفي ما يكتبه المستخدم.
<button type="submit">
    🔹 زر الإرسال.

📌 كود PHP (login.php):
$username = $_POST['username'];
    🔸 جلب اسم المستخدم من النموذج باستخدام POST.
$password = $_POST['password'];
    🔸 جلب كلمة المرور من النموذج.

if ($username == "admin" && $password == "1234") {
    🔸 شرط: إذا تطابق الاسم وكلمة المرور مع القيم المخزنة يدويًا.
    echo "تم تسجيل الدخول بنجاح!";
} else {
    🔸 في حالة عدم التطابق:
    echo "فشل تسجيل الدخول. تأكد من البيانات.";
}

الدرس الثاني: نموذج إنشاء حساب باستخدام PHP

ما هو نموذج إنشاء الحساب؟

نموذج إنشاء الحساب يتيح للمستخدمين تسجيل حساباتهم الخاصة في الموقع، بحيث يمكنهم لاحقًا تسجيل الدخول باستخدام بياناتهم المسجلة.

ما يحتوي عليه النموذج:

• حقل اسم المستخدم
• حقل البريد الإلكتروني
• حقل كلمة المرور
• زر إنشاء الحساب

الخطوة 1: إنشاء النموذج باستخدام HTML

نبدأ بكتابة نموذج التسجيل:

    اسم المستخدم:
    

    البريد الإلكتروني:
    

    كلمة المرور:
    

    إنشاء الحساب

    

شرح:

• <form action="register.php" method="post">: عند الضغط على الزر، تُرسل البيانات إلى ملف register.php.
• type="email": يضمن إدخال بريد إلكتروني بصيغة صحيحة.
• type="password": يخفي كلمة المرور عند إدخالها.

الخطوة 2: إنشاء ملف register.php لمعالجة البيانات

شرح:

• $_POST['username']: جلب اسم المستخدم المُدخل.
• $_POST['email']: جلب البريد الإلكتروني المُدخل.
• $_POST['password']: جلب كلمة المرور المُدخلة.
• التحقق من عدم وجود حقول فارغة قبل تأكيد إنشاء الحساب.

✅ استخداماته

- في المواقع التي تتطلب تسجيل المستخدمين
- في المنتديات أو الأنظمة التعليمية
- في تطبيقات الهاتف التي تعتمد على حساب لكل مستخدم

نصيحة تعليمية:

جرب تنفيذ النموذج بنفسك، وغيّر البيانات لترى كيفية التعامل معها. لاحقًا، يمكن ربط هذا النموذج بقاعدة بيانات لتخزين الحسابات.

<form action="register.php" method="post">
    <label>اسم المستخدم:</label>
    <input type="text" name="username" required>

    <label>البريد الإلكتروني:</label>
    <input type="email" name="email" required>

    <label>كلمة المرور:</label>
    <input type="password" name="password" required>

    <button type="submit">إنشاء الحساب</button>
</form>

<?php
// استقبال البيانات
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];

// التحقق من إدخال القيم
if (!empty($username) && !empty($email) && !empty($password)) {
    echo "✅ تم إنشاء الحساب بنجاح للمستخدم: $username";
} else {
    echo "❌ يرجى ملء جميع الحقول.";
}
?>

📌 نموذج HTML:
<form action="register.php" method="post"> 
    🔹 عند الضغط على زر "إنشاء الحساب"، يتم إرسال البيانات إلى register.php.

<input type="text" name="username">
    🔹 حقل اسم المستخدم.

<input type="email" name="email">
    🔹 حقل البريد الإلكتروني مع التحقق من الصيغة.

<input type="password" name="password">
    🔹 حقل كلمة المرور.

📌 كود PHP (register.php):
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];

if (!empty($username) && !empty($email) && !empty($password)) {
    🔸 إذا كانت جميع الحقول غير فارغة:
    echo "✅ تم إنشاء الحساب بنجاح للمستخدم: $username";
} else {
    🔸 إذا كان أحد الحقول فارغ:
    echo "❌ يرجى ملء جميع الحقول.";
}

الدرس الثالث: نموذج الاتصال بنا باستخدام PHP

ما هو نموذج الاتصال بنا؟

نموذج الاتصال هو وسيلة ليتواصل الزوار مع إدارة الموقع، من خلال إرسال رسالة تحتوي على الاسم والبريد الإلكتروني ومحتوى الرسالة.

مكونات النموذج:

• حقل الاسم
• حقل البريد الإلكتروني
• حقل الرسالة
• زر إرسال

الخطوة 1: إنشاء النموذج باستخدام HTML

نكتب النموذج داخل ملف HTML كالتالي:

    الاسم:
    

    البريد الإلكتروني:
    

    الرسالة:
    

    إرسال

    

شرح:

• <form action="contact.php" method="post">: عند الضغط على زر "إرسال"، تُرسل البيانات إلى ملف contact.php.
• type="text": لإدخال الاسم.
• type="email": حقل خاص بالبريد الإلكتروني (يتحقق من الصيغة).
• <textarea>: مربع لكتابة الرسالة.
• <button type="submit">: زر لإرسال النموذج.

الخطوة 2: إنشاء ملف contact.php لمعالجة البيانات

شرح:

• $_POST['name']: جلب اسم الشخص.
• $_POST['email']: جلب البريد الإلكتروني.
• $_POST['message']: جلب محتوى الرسالة.
• echo: نطبع البيانات لتأكيد الإرسال.

✅ استخداماته

- التواصل مع الدعم الفني
- استقبال استفسارات العملاء
- تسهيل التواصل بين الزائر وصاحب الموقع

نصيحة تعليمية:

جرب إرسال رسائل مختلفة من خلال النموذج، واطبعها على الشاشة باستخدام echo لتفهم عمل النموذج بشكل عملي!

<form action="contact.php" method="post">
    <label>الاسم:</label>
    <input type="text" name="name" required>

    <label>البريد الإلكتروني:</label>
    <input type="email" name="email" required>

    <label>الرسالة:</label>
    <textarea name="message" required></textarea>

    <button type="submit">إرسال</button>
</form>

<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

echo "شكراً لك، $name! لقد استلمنا رسالتك.";
echo "<br>تفاصيل الرسالة:";
echo "<br>البريد الإلكتروني: $email";
echo "<br>محتوى الرسالة: $message";
?>

📌 نموذج HTML:
<form action="contact.php" method="post"> 
    🔹 عند إرسال النموذج، تنتقل البيانات إلى contact.php باستخدام POST.
<input type="text" name="name" required>
    🔹 حقل الاسم - إجباري.
<input type="email" name="email" required>
    🔹 البريد الإلكتروني - يتم التحقق من صحته.
<textarea name="message"></textarea>
    🔹 مربع نص لكتابة الرسالة.
<button type="submit">
    🔹 زر إرسال.

📌 كود PHP (contact.php):
$name = $_POST['name'];
    🔸 جلب الاسم المُدخل.
$email = $_POST['email'];
    🔸 جلب البريد الإلكتروني.
$message = $_POST['message'];
    🔸 جلب محتوى الرسالة.

echo "شكراً لك، $name!";
    🔸 نطبع رسالة تأكيد بها الاسم.

الدرس الرابع: نموذج الحجز باستخدام PHP

🔔 ما هو نموذج الحجز؟

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

• الاسم
• البريد الإلكتروني
• تاريخ الحجز
• وقت الحجز
• عدد الأشخاص

📌 الخطوة 1: إنشاء النموذج باستخدام HTML

    الاسم:
    

    البريد الإلكتروني:
    

    تاريخ الحجز:
    

    وقت الحجز:
    

    عدد الأشخاص:
    

    حجز الآن

    

🔍 شرح سطر بسطر:

• <form action="booking.php" method="post"> 🔸 عند الضغط على زر "حجز الآن"، يتم إرسال البيانات إلى ملف PHP اسمه booking.php باستخدام طريقة POST (آمنة ومخفية).
• <input type="text" name="name"> 🔸 حقل لإدخال الاسم.
• type="email" 🔸 حقل يتحقق من صيغة البريد الإلكتروني تلقائيًا.
• type="date" 🔸 حقل يفتح تقويمًا لاختيار التاريخ.
• type="time" 🔸 حقل لاختيار الوقت (صباحًا أو مساءً).
• type="number" 🔸 حقل رقمي لعدد الأشخاص، مع تحديد الحد الأدنى 1 والأقصى 20.
• <button type="submit"> 🔸 زر إرسال الحجز إلى السيرفر.

📌 الخطوة 2: ملف PHP لمعالجة الحجز (booking.php)

🔍 شرح سطر بسطر:

• $_POST['name']: جلب الاسم من النموذج.
• $_POST['email']: جلب البريد الإلكتروني.
• $_POST['date']: جلب التاريخ الذي اختاره المستخدم.
• $_POST['time']: جلب وقت الحجز.
• $_POST['guests']: جلب عدد الأشخاص.
• echo: طباعة رسالة تأكيد للمستخدم.

📬 يمكن تطويره لاحقًا لـ:

• إرسال بريد إلكتروني تلقائي بالتأكيد.
• تخزين البيانات في قاعدة بيانات.
• ربطه بتقويم Google أو نظام إدارة مواعيد.

<form action="booking.php" method="post">
    <label>الاسم:</label>
    <input type="text" name="name" required>

    <label>البريد الإلكتروني:</label>
    <input type="email" name="email" required>

    <label>تاريخ الحجز:</label>
    <input type="date" name="date" required>

    <label>وقت الحجز:</label>
    <input type="time" name="time" required>

    <label>عدد الأشخاص:</label>
    <input type="number" name="guests" required min="1" max="20">

    <button type="submit">حجز الآن</button>
</form>

<?php
$name = $_POST['name'];
$email = $_POST['email'];
$date = $_POST['date'];
$time = $_POST['time'];
$guests = $_POST['guests'];

echo "شكراً لك، $name! لقد تم حجزك في التاريخ $date الساعة $time لـ $guests شخص.";
echo "<br>تم إرسال التأكيد إلى: $email";
?>

📌 نموذج الحجز:
🔹 الاسم → text
🔹 البريد الإلكتروني → email
🔹 التاريخ → date
🔹 الوقت → time
🔹 عدد الأشخاص → number (من 1 إلى 20)
🔹 عند الضغط على "حجز الآن" → البيانات تنتقل إلى booking.php

📌 ملف booking.php:
$_POST['name']      ← الاسم
$_POST['email']     ← البريد
$_POST['date']      ← التاريخ
$_POST['time']      ← الوقت
$_POST['guests']    ← عدد الأشخاص

echo "تم الحجز..."  ← طباعة التأكيد للمستخدم

درس اليوم: إنشاء نموذج حجز بسيط باستخدام HTML و PHP

ما هو نموذج الحجز؟

        نموذج يُستخدم لتحديد موعد أو حجز خدمة، مثل موعد طبي، غرفة فندق أو خدمة معينة.    

مكونات النموذج:

       
• الاسم الكامل
       
• البريد الإلكتروني
       
• تاريخ الحجز
       
• ملاحظات
       
• زر إرسال
   

الخطوة 1: كود HTML للنموذج

<form action="booking.php" method="post">
    <label>الاسم الكامل:</label>
    <input type="text" name="fullname" required>

    <label>البريد الإلكتروني:</label>
    <input type="email" name="email" required>

    <label>تاريخ الحجز:</label>
    <input type="date" name="booking_date" required>

    <label>ملاحظات إضافية:</label>
    <textarea name="notes"></textarea>

    <button type="submit">احجز الآن</button>
</form>

شرح السطور البرمجية:

       
• form: يرسل البيانات إلى booking.php عند الضغط.
       
• input type="text": الاسم الكامل.
       
• input type="email": البريد الإلكتروني (بصيغة صحيحة).
       
• input type="date": لاختيار التاريخ.
       
• textarea: مساحة حرة لكتابة الملاحظات.
       
• button type="submit": لإرسال النموذج.
   

عرض النموذج للمستخدم:

الخطوة 2: كود PHP لمعالجة بيانات الحجز

<?php
// استقبال البيانات القادمة من النموذج
$fullname = $_POST['fullname'];
$email = $_POST['email'];
$booking_date = $_POST['booking_date'];
$notes = $_POST['notes'];

// التحقق من وجود البيانات الأساسية
if (!empty($fullname) && !empty($email) && !empty($booking_date)) {
    echo "شكراً يا $fullname! تم تسجيل حجزك بتاريخ $booking_date. سنقوم بالتواصل معك على $email.";
} else {
    echo "الرجاء ملء جميع الحقول المطلوبة.";
}
?>

شرح الكود البرمجي:

       
• $_POST['fullname']: جلب الاسم الكامل.
       
• $_POST['email']: جلب البريد الإلكتروني.
       
• $_POST['booking_date']: جلب تاريخ الحجز.
       
• $_POST['notes']: جلب الملاحظات (اختياري).
       
• if (!empty(...)): التأكد من أن الحقول الضرورية مملوءة.
       
• echo: عرض رسالة تأكيد أو تنبيه.