)
Görsel galeri uygulamaları, web siteleri için oldukça popüler bir bileşendir. Özellikle fotoğrafçıların, sanatçıların ve blog yazarlarının kullanabileceği bu uygulamalar, ziyaretçilere görsel bir şölen sunar. Bu yazıda, PHP ve MySQL kullanarak basit bir görsel galeri uygulaması oluşturacağız. Adımlarımızı takip ederek, kendi galerinizi kolayca yaratabileceksiniz.
Gereksinimler
- PHP (en az 7.0)
- MySQL veritabanı
- Apache veya Nginx web sunucusu
- Basic HTML ve CSS bilgisi
Adım 1: Veritabanı Oluşturma
Öncelikle, görselleri saklayacağımız bir veritabanı oluşturalım. Aşağıdaki SQL sorgusunu kullanarak `gallery` adında bir veritabanı ve `images` adında bir tablo oluşturun:
Kod:
SQL
CREATE DATABASE gallery;
USE gallery;
CREATE TABLE images (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
image_path VARCHAR(255) NOT NULL,
title VARCHAR(100) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);Kullanıcıların görselleri yükleyebilmesi için bir HTML formu oluşturalım. Aşağıdaki kodu `index.php` dosyanıza ekleyin:
Kod:
HTML
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Görsel Galeri</title>
</head>
<body>
<h1>Görsel Galeriye Fotoğraf Yükle</h1>
<form action="upload.php" method="POST" enctype="multipart/form-data">
<label for="title">Başlık:</label>
<input type="text" name="title" required>
<br><br>
<label for="image">Görsel Seçin:</label>
<input type="file" name="image" accept="image/*" required>
<br><br>
<button type="submit">Yükle</button>
</form>
<h2>Yüklenmiş Görseller</h2>
<div id="gallery">
<?php
// Veritabanı bağlantısını yapın ve görüntüleri buraya listeleyin.
$conn = new mysqli("localhost", "kullanici_adi", "sifre", "gallery");
$result = $conn->query("SELECT * FROM images ORDER BY created_at DESC");
while($row = $result->fetch_assoc()) {
echo '<div>';
echo '<img src="'.$row['image_path'].'" alt="'.$row['title'].'" style="width:150px;height:auto;">';
echo '<p>'.$row['title'].'</p>';
echo '</div>';
}
?>
</div>
</body>
</html>Görsel yükleme işlemi için `upload.php` adlı bir dosya oluşturun. Aşağıdaki kodları ekleyin:
Kod:
PHP
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$title = $_POST['title'];
$image = $_FILES['image'];
// Hedef dizin
$target_dir = "uploads/";
$target_file = $target_dir . basename($image["name"]);
// Görseli yükle
if (move_uploaded_file($image["tmp_name"], $target_file)) {
// Veritabanında kaydet
$conn = new mysqli("localhost", "kullanici_adi", "sifre", "gallery");
$stmt = $conn->prepare("INSERT INTO images (image_path, title) VALUES (?, ?)");
$stmt->bind_param("ss", $target_file, $title);
$stmt->execute();
echo "Görsel başarıyla yüklendi.";
} else {
echo "Görsel yüklenirken bir hata oluştu.";
}
}
?>Son olarak, galeriye biraz stil ekleyelim. Aşağıdaki CSS kodunu `style.css` dosyasına ekleyin ve HTML dosyanıza bağlantısını ekleyin:
Kod:
CSS
#gallery {
display: flex;
flex-wrap: wrap;
}
#gallery div {
margin: 10px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}Kod:
HTML
<link rel="stylesheet" href="https://www.webailesi.com/yonlendir.php?link=style.css">Artık basit bir PHP ile görsel galeri uygulamanız var! Kullanıcılar form aracılığıyla fotoğraflar yükleyebilir ve yüklendikleri zaman galeriye görüntülenirler. Bu uygulama, daha karmaşık özellikler eklenerek geliştirilebilir. Örneğin, tripler, görsel silme veya veri doğrulama gibi.
Umarım bu rehber, PHP ile görsel galeri uygulaması oluşturmanızda yardımcı olmuştur. Herhangi bir sorunuz olduğunda yorum yapabilirsiniz!