Backend والتفاعل مع المستخدمين PHP
سنقوم ببناء سكريبت تفاعلي يستقبل اسم المستخدم عبر نموذج (Form) ثم يرحب به بشكل ديناميكي في نفس الصفحة.
متطلبات التشغيل قبل البدء
ملفات PHP لا تعمل بمجرد النقر المزدوج عليها مثل ملفات HTML؛ هي تحتاج إلى خادم (Server) ليفسر الكود. تأكد من تثبيت برنامج خادم محلي مثل XAMPP على جهازك، وقم بتشغيل محرك Apache، ثم احفظ ملفك داخل مجلد htdocs.
كود السكريبت بالكامل (index.php)
قم بإنشاء ملف جديد باسم index.php وضع بداخله الكود التالي:
تفكيك وفهم الكود للمبتدئين
ينقسم هذا السكريبت إلى جزأين: واجهة HTML البسيطة، ومنطق PHP البرمجي. إليك كيف يعمل:
متطلبات التشغيل قبل البدء
ملفات PHP لا تعمل بمجرد النقر المزدوج عليها مثل ملفات HTML؛ هي تحتاج إلى خادم (Server) ليفسر الكود. تأكد من تثبيت برنامج خادم محلي مثل XAMPP على جهازك، وقم بتشغيل محرك Apache، ثم احفظ ملفك داخل مجلد htdocs.
كود السكريبت بالكامل (index.php)
قم بإنشاء ملف جديد باسم index.php وضع بداخله الكود التالي:
كود:
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<**** charset="UTF-8">
<title>أول سكريبت PHP للمبتدئين</title>
</head>
<body>
<h2>مرحبًا بك في درس PHP الأول</h2>
<?php
// 1. التحقق مما إذا كان المستخدم قد ضغط على زر الإرسال
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 2. استقبال الاسم وتخزينه في متغير
// استخدمنا دالة htmlspecialchars لحماية السكريبت من النصوص الخبيثة
$username = htmlspecialchars($_POST['user_name']);
// 3. التحقق من أن الحقل ليس فارغًا وعرض النتيجة
if (!empty($username)) {
echo "<p style='color: green; font-weight: bold;'>أهلاً بك يا " . $username . "، لقد نجحت في تشغيل أول سكريبت تفاعلي!</p>";
} else {
echo "<p style='color: red;'>يرجى كتابة اسمك في الحقل أدناه.</p>";
}
}
?>
<!-- نموذج HTML لإرسال البيانات إلى نفس الصفحة -->
<form method="POST" action="">
<label for="user_name">اكتب اسمك هنا:</label>
<input type="text" id="user_name" name="user_name" required>
<button type="submit">إرسال البيانات</button>
</form>
</body>
</html>
ينقسم هذا السكريبت إلى جزأين: واجهة HTML البسيطة، ومنطق PHP البرمجي. إليك كيف يعمل:
- وسم البداية والنهاية لـ PHP: أي كود يقع بين <?php و ?> يخبر الخادم أن هذا السطر برمجي ويجب تنفيذه قبل إرسال الصفحة للمتصفح.
- المصفوفة العظمى $_POST: عندما يضغط المستخدم على "إرسال"، يقوم المتصفح بتشفير البيانات وإرسالها عبر بروتوكول POST. السكريبت يلتقط القيمة عبر $_POST['user_name'] بناءً على الخاصية name الموجودة في وسم الإدخال.
- المتغيرات (Variables): في PHP، نقوم بإنشاء المتغيرات عبر وضع علامة الدولار $ قبل الاسم، مثل $username. استخدمنا هذا المتغير لحفظ الاسم مؤقتًا في الذاكرة.
- الجمل الشرطية (if/else): قمنا باختبار شرطين: الأول يتأكد من أن الصفحة تم تحميلها بناءً على إرسال النموذج، والثاني يتأكد من أن المستخدم لم يترك الحقل فارغًا.
- أمر الطباعة (echo): هو الأمر المسؤول عن طباعة النصوص أو أكواد HTML وإظهارها للمستخدم النهائي على الشاشة.
- الفاصلة المنقوطة: كل سطر برمي في PHP يجب أن ينتهي بفاصلة منقوطة ;. نسيانها هو السبب الأول لظهور الأخطاء البرمجية للمبتدئين.
- دمج النصوص: لدمج نص ثابت مع متغير، نستخدم نقطة . بينهما، كما فعلنا هنا: "أهلاً بك يا " . $username.
- امتداد الملف: تأكد دائمًا أن ملفك ينتهي بامتداد .php وليس .html وإلا لن يتعرف الخادم على الأكواد البرمجية.
