كيفية إنشاء موقع لوحة رسائل باستخدام PHP و MYSQL: 5 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:38

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

المواد المطلوبة:

• محرر نصوص (مثل Sublime Text ، Atom ، إلخ). سأستخدم نصًا رائعًا.
• يرمز WAMP إلى Windows Apache MySQL و PHP
• يرمز MAMP إلى Mac Apache MySQL و PHP

MAMP لمستخدمي Mac: https://www.mamp.info/en/ (بما في ذلك MySQL و PHP)

WAMP لمستخدمي Windows: https://www.wampserver.com/en/ (بما في ذلك MySQL و PHP)

نص سامي:

الخطوة 1: نظرة عامة على المشروع

طريقة تتبع الرسائل هي تخزينها في قاعدة بيانات. في هذا البرنامج التعليمي ، سنستخدم MySQL. (أنا أستخدم WAMP لأن لدي نظام تشغيل قائم على windows)

1. قم بتكوين PHP و MySQL عن طريق التأكد من تنزيلهما ويمكنك الانتقال إلى موقع ملفهما على جهاز الكمبيوتر الخاص بك.
2. افتح موجه الأوامر وانتقل إلى دليل mysql واكتب "mysqladmin -u root -p password." سيطلب هذا الأمر كلمة المرور الخاصة بك ويطلب منك إدخالها مرة أخرى.
3. ابدأ الآن خادم WAMP أو MAMP. سيظهر رمز أخضر بمجرد انتهاء الخادم من التحميل. انقر فوق الرمز -> MySQL -> وحدة تحكم MySQL للتأكد من أنه يمكنك تسجيل الدخول باستخدام كلمة المرور المنشأة حديثًا.
4. المهمة الآن هي إنشاء قاعدة بيانات حيث سيتم تخزين المعلومات حول الرسائل. دعنا نفكر في ما هو مطلوب عادة من الرسالة. تتضمن العناصر الشائعة: الاسم ووقت نشر الرسالة ووقت نشر الرسالة والرسالة نفسها.
5. إنشاء قاعدة بيانات باسم "الرسالة".
6. قم بإنشاء جدول باسم "التعليقات" وأضف الصفوف: المعرف (نوع العدد الصحيح الذي يزيد تلقائيًا) ، الاسم (نوع Varchar) ، التعليق (نوع Varchar) ، الوقت (نوع Varchar) ، التاريخ (نوع Varchar) ،
7. الاتصال بقاعدة بيانات "message" في ملف php باسم "db.php".
8. قم بإنشاء حقل الإدخال لاسم المؤلف ومنطقة النص للرسالة.
9. تحقق من صحة البيانات قبل إدخالها في قاعدة البيانات. إذا كان كل شيء على ما يرام ، أدخل الرسالة واسم المؤلف وتاريخ ووقت نشر المنشور.
10. اعرض الرسائل عن طريق استرداد جميع سجلات قواعد البيانات في قسم html div وصمم الصفحة باستخدام CSS.
11. هوراي ، لقد تعلمت بنجاح إنشاء نظام مراسلة.

الخطوة 2: الخطوة 2 - إعداد قاعدة البيانات

الصورة 1 - بمجرد إنشاء قاعدة البيانات ، يمكنك إدخال الأمر "إظهار قواعد البيانات" للتأكد من إنشاء قاعدة البيانات بنجاح.

عرض قواعد البيانات ؛

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

لتتمكن من الاتصال بقاعدة بيانات الرسائل ، قم بإصدار الأمر "GRANT ALL PRIVILEGES ON message. *". يمكنك استخدام اسم المستخدم وكلمة المرور الخاصين بك ، فقط من فضلك لا تنساها.

إنشاء رسالة قاعدة بيانات ؛ منح جميع الامتيازات في الرسالة. * إلى 'username' @ 'localhost' IDENTIFIED BY 'password' ؛

الصورة 3 - أدخل "وصف التعليقات" للتأكد من إنشاء الجدول بنجاح. يمكنك رؤية الصفوف وأنواع بياناتها بإصدار هذا الأمر.

وصف التعليقات ؛

الصورة 4 - نظرًا لأن صف التعليق لم يكن موجودًا في الأصل ، فلنقم بإضافته باستخدام الأمر ALTER TABLE. التعليق هو نوع VARCHAR (255) وهذا يعني أن التعليق سيكون نصًا لا يمكن أن يتجاوز طوله 255 حرفًا.

ALTER TABLE رسالة إضافة عمود تعليقات VARCHAR (255) NOT NULL ؛

يمثل الرقم 255 أقصى طول للتعليق. تعني كلمة Not null أنه عند إدراج رسالة في قاعدة البيانات ، لا يمكن أن يكون حقل التعليق في قاعدة البيانات فارغًا (فارغ ؛ غير موجود).

الخطوة 3: إنشاء ملفات Php

سيتم تنفيذ الخطوات التالية في محرر النصوص الذي تختاره. سأستخدم نصًا رائعًا.

1. سنحتاج إلى إنشاء ملفين. سيُطلق على أحدهما اسم db.php الذي سيربط أو موقع الويب بقاعدة بيانات MYSQL (لغة الاستعلام القياسية الخاصة بي) و index.php ، الصفحة التي ستظهر فيها الرسائل.

2. أولاً ، لنقم بإنشاء db.php. عندما تم إعداد قاعدة البيانات ، بيانات اعتماد الاتصال للاتصال بقاعدة البيانات. سيقوم هذا الملف بتوصيل index.php بقاعدة البيانات حتى نتمكن من ملئها بالمعلومات اللازمة لإنشاء غرفة الدردشة.

كود db.php

؟ تعريف php ("DB_SERVER"، "localhost")؛

تعريف ("DB_USER" ، "kylel95") ؛ تعريف ("DB_PASSWORD" ، "كلمة المرور") ؛ تعريف ("DB_NAME" ، "الرسالة") ؛ $ connect = mysqli_connect (DB_SERVER، DB_USER، DB_PASSWORD، DB_NAME) ؛

إذا (mysqli_connect_errno ())

{die ("فشل اتصال قاعدة البيانات:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")") ؛ }

?>

3. بعد ذلك ، لنقم بإنشاء index.php. هذا الملف هو المكان الذي ننشئ فيه غرفة الدردشة. سنستخدم حقل إدخال html للاسم ومنطقة النص للرسالة وعنصر div لاحتواء الرسائل. سنستخدم CSS (Cascase Style Sheet) لوضع عناصر الصفحة وتزيين محتوى الصفحة.

كود index.php

؟ phprequire_once ('db.php')؛

if (isset ($ _ POST ['submit'])) {$ time = date ("g: i: s A")؛ تاريخ $ = التاريخ ("n / j / Y") ؛ $ msg = $ _POST ['message'] ؛ $ name = $ _POST ['fname'] ؛ النتيجة بالدولار = "" ؛ if (! blank ($ msg) &&! blank ($ name)) {// name time date message $ query = "INSERT INTO comments ("؛ $ query. = "name، time، date، comment"؛ $ query. = ") VALUES ("؛ $ query. = "'{$ name}'، '{$ time}'، '{$ date}'، '{$ msg}'"؛ $ query. = ")"؛ نتيجة $ = mysqli_query ($ connect، $ query)؛ }}؟>

منطقة النص {border-radius: 2٪؛ } #thread {border: 1px # d3d3d3 solid؛ الارتفاع: 350 بكسل ؛ العرض: 350 بكسل ؛ تجاوز: التمرير ؛ }

؟ php $ select = "حدد * من التعليقات"؛ $ q = mysqli_query ($ connect، $ select)؛ while ($ row = mysqli_fetch_array ($ q، MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['تعليق']. ""؛ }؟> الاسم: إرسال

4. سنستخدم دالة تاريخ الدالة المضمنة في php () للحصول على تاريخ ووقت نشر الرسالة وفارغها () للتأكد من عدم إدخال المستخدمين لرسالة أو اسم فارغ.

5. بمجرد تقديم بيانات النموذج ، سنقوم بإدخال الاسم والرسالة والوقت والتاريخ في قاعدة البيانات.

6. سنقوم الآن بالاستعلام من قاعدة البيانات والحصول على جميع التعليقات. سيتم تخزين التعليقات في div.

?>

الخطوة 4: قم بتعبئة ملفات Db.php و Index.php

1. يستخدم db.php (اختصار db لقاعدة البيانات) اسم المستخدم وكلمة المرور اللذين استخدمتهما بمجرد إنشاء قاعدة البيانات عندما أصدرت أمر "منح جميع الامتيازات".

تشير وظيفة التعريف الموجودة أعلى الملف إلى أن المتغيرات DB_SERVER و DB_USER و DB_PASSWORD و DB_NAME هي ثوابت (لا تتغير في القيمة). تتحقق عبارات if من فشل الاتصال بقاعدة البيانات أم لا.

2. في ملف index.php ، سنستخدم وظيفة طلب php لربط الصفحة بقاعدة البيانات. بعد ذلك ، قم بإنشاء حقل إدخال للاسم. ثم قم بعمل منطقة النص للرسالة. بمجرد إنشائها ، قم بزيارة https:// localhost: 8080 / messages / index.php (قد لا يكون لديك رقم منفذ ، أي 8080) للتأكد من رؤية مربع الإدخال ومنطقة النص.

3. بعد ذلك ، دعنا نجمع بيانات النموذج ثم ندرجها في قاعدة البيانات.

4. الآن ، دعنا نضيف الاستعلام عن قاعدة البيانات ونخرج جميع الرسائل في div.

5. لتصميم الأشياء بشكل أفضل قليلاً ، دعنا نضيف بعض CSS لجعلها أجمل قليلاً.

ملاحظة: كان لدي خطأ مطبعي. الرجاء تغيير "message" للتعليق بالقرب من الأمر INSERT للمتغير $ query.

الخطوة 5: الخطوة 5: المثال والخطوات التالية

نأمل أن ترى شيئًا مشابهًا لما ورد أعلاه بعد إضافة css واختباره.

الخطوات التالية: أضف المزيد من css لجعل الموقع أكثر جاذبية.