simple image gallery

Galeria de imagens simples

Uma galeria de imagens totalmente funcional com recursos de upload usando PHP, HTML, JQuery, Ajax, JSON, Bootstrap, CSS e MySQL. Este projeto inclui uma solução passo a passo detalhada com explicações e documentação de código, tornando-o um tutorial abrangente para o aprendizado.

Tópicos: php , mysql , blog , ajax , bootstrap , jquery , css , image gallery , file upload

Processo de instalação

1. Clone o repositório:

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

2. Navegue até o diretório do projeto:

    cd simple-image-gallery

3. Configure o banco de dados:

   • Crie um banco de dados MySQL chamado image_gallery .
   • Importe o arquivo SQL fornecido para criar a tabela necessária:

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

4. Atualize a configuração do banco de dados:

   • Copy config.sample.php para config.php :

     cp config.sample.php config.php

   • Abra config.php e atualize os detalhes da configuração do banco de dados.

5. Permissão de diretório:

   • Se você encontrar problemas de permissão, pode ser necessário definir permissões mais permissivas, como o CHMOD 777, que concede ler, escrever e executar permissões a todos:

     chmod 777 assets/uploads

   • Abra config.php e atualize os detalhes da configuração do banco de dados.

6. Inicie o servidor de desenvolvimento:

   php -S localhost:8000

7. Acesse o aplicativo:

   • Abra o navegador da web e navegue para http://localhost:8000 .

Estrutura de arquivo

Aqui está uma estrutura básica de arquivo para o seu aplicativo simples de gallery:

 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