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. データベースを設定します：

   • image_galleryという名前のMySQLデータベースを作成します。
   • 提供された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. アプリケーションへのアクセス：

   • Webブラウザを開き、 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