TechCodeview

في هذا الموضوع، سوف نتعلم كيفية إنشاء نظام تسجيل دخول PHP MySQL بمساعدة PHP وقاعدة بيانات MySQL. هناك خطوات قليلة لإنشاء نظام تسجيل دخول باستخدام قاعدة بيانات MySQL.

قبل إنشاء نظام تسجيل الدخول أولاً، نحتاج إلى معرفة المتطلبات الأساسية لإنشاء وحدة تسجيل الدخول.

متطلبات

• يجب أن تكون لدينا معرفة بـ HTML وCSS وPHP وMySQL لإنشاء نظام تسجيل الدخول.
• محرر النصوص - لكتابة الكود. يمكننا استخدام أي محرر نصوص مثل Notepad وNotepad++ وDreamweaver وما إلى ذلك.
• XAMPP - XAMPP هو برنامج متعدد المنصات، وهو يرمز إلى Cross-platform(X) Apache server (A)، وMySQL (M)، وPHP (P)، وPerl (P). XAMPP عبارة عن حزمة برامج كاملة، لذا لا نحتاج إلى تثبيت كل هذه البرامج بشكل منفصل.

إعداد البيئة

الآن، نحن بحاجة إلى بدء تشغيل خادم الويب وإنشاء الملفات لنظام تسجيل الدخول. هناك بعض الخطوات الموضحة أدناه لإعداد البيئة.

• افتح لوحة تحكم XAMPP.
• ابدأ تشغيل خادم Apache بالنقر فوق الزر 'ابدأ'.
• ابدأ تشغيل MySQL بالنقر فوق الزر 'ابدأ'.
• قم بإنشاء جميع الملفات اللازمة لتسجيل الدخول.
• قم بإنشاء جدول تسجيل الدخول في قاعدة البيانات باستخدام phpMyAdmin في XAMPP.

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

فهرس.html -يتم إنشاء هذا الملف لعرض واجهة المستخدم الرسومية لصفحة تسجيل الدخول والتحقق من صحة الحقل الفارغ.style.css -تم إنشاء هذا الملف للحصول على عرض جذاب لنموذج تسجيل الدخول.اتصال.php -يحتوي ملف الاتصال على رمز الاتصال للاتصال بقاعدة البيانات.المصادقة.php -يتحقق هذا الملف من صحة بيانات النموذج مع قاعدة البيانات التي يرسلها المستخدم.

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

Index.html

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

 PHP login system // insert style.css file inside index.html '; } ?> 

كيفية تشغيل نموذج تسجيل الدخول؟

• لتشغيل نموذج تسجيل الدخول، افتح لوحة تحكم xampp وقم بتشغيل خادم Apache وPHP.
• الآن، اكتب localhost/xampp/folder name/file name في المتصفح واضغط على مفتاح Enter.
• يتم كل الإعداد الآن. أدخل اسم المستخدم وكلمة المرور في نموذج تسجيل الدخول وانقر على زر تسجيل الدخول.

• هنا، قمنا بإدخال اسم مستخدم غير صحيح، وبالتالي فإن المستخدم غير قادر على تسجيل الدخول، وسوف يعطي خطأ فشل تسجيل الدخول.

انتاج:

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

انتاج |