simple image gallery

معرض صور بسيط

معرض صور يعمل بكامل طاقته مع إمكانيات التحميل باستخدام PHP و HTML و JQuery و Ajax و JSON و Bootstrap و CSS و MySQL. يتضمن هذا المشروع حلًا مفصلاً خطوة بخطوة مع تفسيرات وتوثيق رمز ، مما يجعله برنامجًا تعليميًا شاملاً للتعلم.

الموضوعات: php ، mysql ، blog ، ajax ، bootstrap ، jquery ، css ، image gallery ، file upload

تثبيت العملية

1. استنساخ المستودع:

   git clone https://github.com/yourusername/simple-image-gallery.git

2. انتقل إلى دليل المشروع:

    cd simple-image-gallery

3. قم بإعداد قاعدة البيانات:

   • قم بإنشاء قاعدة بيانات MySQL المسماة image_gallery .
   • استيراد ملف SQL المقدم لإنشاء الجدول الضروري:

     mysql -u yourusername -p image_gallery < db/database.sql

4. تحديث تكوين قاعدة البيانات:

   • نسخ config.sample.php إلى config.php :

     cp config.sample.php config.php

   • افتح config.php وتحديث تفاصيل تكوين قاعدة البيانات.

5. إذن الدليل:

   • إذا واجهت مشكلات في الإذن ، فقد تحتاج إلى تعيين المزيد من الأذونات متساهلة ، مثل CHMOD 777 ، والتي منح القراءة والكتابة وتنفيذ الجميع:

     chmod 777 assets/uploads

   • افتح config.php وتحديث تفاصيل تكوين قاعدة البيانات.

6. ابدأ خادم التطوير:

   php -S localhost:8000

7. الوصول إلى التطبيق:

   • افتح متصفح الويب الخاص بك وانتقل إلى http://localhost:8000 .

بنية الملف

إليك بنية ملفات أساسية لتطبيق الصورة البسيطة:

 simple-image-gallery/
│
├── index.html
├── db/
│   └── database.sql
├── src/
│   ├── fetch-image.php
│   └── upload.php
├── include/
│   ├── config.sample.php
│   └── db.php
├── assets/
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── script.js
│   └── uploads/
│   │   └── (uploaded images will be stored here)
├── README.md
└── .gitignore