simple image gallery

Einfache Bildergalerie

Eine voll funktionsfähige Bildergalerie mit Upload -Funktionen mit PHP, HTML, JQuery, Ajax, JSON, Bootstrap, CSS und MySQL. Dieses Projekt enthält eine detaillierte Schritt-für-Schritt-Lösung mit Codeerklärungen und Dokumentationen, wodurch es zu einem umfassenden Tutorial für das Lernen ist.

Themen: php , mysql , blog , ajax , bootstrap , jquery , css , image gallery , file upload

Prozess installieren

1. Klonen Sie das Repository:

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

2. Navigieren Sie zum Projektverzeichnis:

    cd simple-image-gallery

3. Richten Sie die Datenbank ein:

   • Erstellen Sie eine MySQL -Datenbank mit dem Namen image_gallery .
   • Importieren Sie die bereitgestellte SQL -Datei, um die erforderliche Tabelle zu erstellen:

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

4. Aktualisieren Sie die Datenbankkonfiguration:

   • config.sample.php kopieren in config.php :

     cp config.sample.php config.php

   • Öffnen Sie config.php und aktualisieren Sie die Datenbankkonfigurationsdetails.

5. Verzeichnisgenehmigung:

   • Wenn Sie auf Erlaubnisprobleme stoßen, müssen Sie möglicherweise mehr zulässige Berechtigungen festlegen, z.

     chmod 777 assets/uploads

   • Öffnen Sie config.php und aktualisieren Sie die Datenbankkonfigurationsdetails.

6. Starten Sie den Entwicklungsserver:

   php -S localhost:8000

7. Zugriff auf die Anwendung:

   • Öffnen Sie Ihren Webbrowser und navigieren Sie zu http://localhost:8000 .

Dateistruktur

Hier ist eine grundlegende Dateistruktur für Ihre einfache Image-Galerie-Anwendung:

 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