Prosty skrypt galerii MySQL i uploadem Opcje

[xebo]

Witam

Zaznaczam że w programowaniu jestem zielony, jakieś tylko podstawowe zmiany w kodzie ogarniam.

Potrzebuję gotowego rozwiązania, lub pomocy w znalezieniu skryptu galerii.

Skrypt ten miałby działać do portfolio fotografa.
Strona jest gotowa, ale galeria była wykonana w postaci wstawiania kolejnego kodu ( aby dodać zdjęcia).
Z czasem plik galerii jest już tak duży i chciałbym to zmienić.

Założenia:

Galeria ładowana z Mysql ( ilość zdjęć wyświetlanych ograniczona jak w lazy loading)
Dodawanie zdjęć masowo jako zdjęcia główne i miniaturki w osobnych folderach ( osobno miniaturki i te w pełnej rozdzielczości)
Dodawane zdjęcia żeby były numerowane automatycznie kolejnym numerkiem.

Zamieszczam obecny fragment galerii jak to wygląda. Jest ich ponad 200 na stronie także plik jest obszerny...

[HTML] pobierz, plaintext 
 <div class="row portfolio-column mb-50 gallery" id="pregnancy">
 
			<!-- Item -->
                <div id="loading"  class="col-12 col-sm-6 col-md-4 col-lg-3 column_single_gallery_item studio">
                    <img src="/images/thumbnail/225.jpg" alt="">
                    <div class="hover_overlay">
                        <a class="gallery_img studio_img" href="/images/gallery/225.jpg"><i class="fa fa-eye"></i></a>
                    </div>
                </div>
 
				<!-- Item -->
                <div id="loading"  class="col-12 col-sm-6 col-md-4 col-lg-3 column_single_gallery_item studio">
                    <img src="/images/thumbnail/224.jpg" alt="">
                    <div class="hover_overlay">
                        <a class="gallery_img studio_img" href="/images/gallery/224.jpg"><i class="fa fa-eye"></i></a>
                    </div>
                </div>
[HTML] pobierz, plaintext 

Bardzo proszę o pomoc lub nakierowanie na jakieś rozwiązania które mogłyby ułatwić zarządzanie galeria

Pozdrawiam

Ten post edytował xebo 21.04.2024, 13:39:24

[Malinaa]

Jeżeli nie możesz znaleźć gotowca Galerii, to może być trudno o pomoc, ale spróbujmy
Opcja pierwsza zleć jej napisanie, albo spróbuj tego:
https://github.com/artimman/dbmframework
gdzie masz gotowy przykład i klasę uploadu zdjęć. Klasa poradzi sobie z każdym zdjęciem i elegancko przekonwertuje duży obraz na format webowy.
Przykład uploadu znajdziesz pod linkiem: /panel/createOrEditBlog -> button Image -> Upload image
Jako szablon możesz wykorzystać np.:
https://mdbootstrap.com/docs/standard/extended/gallery/
Taka propozycja, daj znać jak wyjdzie, bo jestem ciekaw, czy jak piszesz Zielony sobie z tym zadaniem poradzi?!

Ten post edytował Malinaa 3.05.2024, 10:56:30

[xebo]

Dzięki za odpowiedź.
Problem częściowo rozwiązany z pomocą ChatGPT
Nie patrzę tu na estetykę kodu, ma być funkcjonalny strona nie jest motłochem żeby obciążać bazę i serwer.

Wrzucam gotowca jaki mi wypluł. troszkę edytowany kod przez kolegę w zapytaniu i śmiga tak jak mi potrzeba.

get_images.php

[PHP] pobierz, plaintext 
<?php
// Połączenie z bazą danych
// $conn = new mysqli($host, $username, $password, $database);
// if ($conn->connect_error) {
//     die("Connection failed: " . $conn->connect_error);
// }
 
// Zapytanie SQL pobierające ścieżki do zdjęć i miniatur, posortowane po dacie uploadu
$sql = "SELECT i.thumbnail_path, i.gallery_path, c.group FROM images AS i LEFT JOIN categories AS c ON i.category_id = c.id ORDER BY i.upload_date DESC"; // Sortowanie malejąco po dacie uploadu
 
$result = $conn->query($sql);
 
if ($result->num_rows > 0) {
    // Iteracja przez wyniki zapytania
    while($row = mysqli_fetch_assoc($result)) {
        echo '<div " class="col-12 col-sm-6 col-md-4 col-lg-3 column_single_gallery_item ' . $row["group"] . '">';
        echo '<img src="' . $row["thumbnail_path"] . '" alt="">';
        echo '<div class="hover_overlay">';
        echo '<a class="gallery_img " href="' . $row["gallery_path"] . '"><i class="fa fa-eye"></i></a>';
        echo '</div>';
        echo '</div>';
    }
} else {
    echo "0 results";
}
 
// Zamykanie połączenia
$conn->close();
?>
[PHP] pobierz, plaintext 

get_categories.php

[PHP] pobierz, plaintext 
<?php
 
// Połączenie z bazą danych
$conn = new mysqli($host, $username, $password, $database);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
 
// Zapytanie SQL pobierające kategorie
$categories_query = "SELECT * FROM categories";
$categories_result = $conn->query($categories_query);
 
if ($categories_result->num_rows > 0) {
    // Wyświetlenie przycisków kategorii
    while($category_row = mysqli_fetch_assoc($categories_result)) {
        echo '<button class="btn" id="' . $category_row["group"] . '" type="button" data-filter=".' . $category_row["group"] . '">' . $category_row["cat_name"] . '</button>';
    }
} else {
    echo "0 categories";
}
 
 
// Zamykanie połączenia
// $conn->close();
 
?>
[PHP] pobierz, plaintext 

upload.php

[PHP] pobierz, plaintext 
<?php
// Import configuration from config.php
require_once 'config.php';
 
// Connect to the database
$conn = new mysqli($host, $username, $password, $database);
 
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
 
$target_gallery_dir = "images/gallery/";
$target_thumbnail_dir = "images/thumbnail/";
$uploaded_images = array();
$upload_failed = false;
 
if (isset($_POST["submit"])) {
    $category_id = $_POST["category"]; // Get category ID from the form
 
    // Handle multiple uploaded files
    foreach ($_FILES['image']['tmp_name'] as $key => $tmp_name) {
        $filename = $_FILES['image']['name'][$key];
        $target_gallery_file = $target_gallery_dir . basename($filename);
        $target_thumbnail_file = $target_thumbnail_dir . basename($filename);
        $imageFileType = strtolower(pathinfo($target_gallery_file, PATHINFO_EXTENSION));
 
        $check = getimagesize($tmp_name);
        if ($check !== false && $imageFileType == "jpg") {
            if (move_uploaded_file($tmp_name, $target_gallery_file)) {
                // Create thumbnail
                list($width, $height) = getimagesize($target_gallery_file);
                $thumb_width = 400; // New thumbnail width
                $thumb_height = 600; // New thumbnail height
                $thumb = imagecreatetruecolor($thumb_width, $thumb_height);
                $source = imagecreatefromjpeg($target_gallery_file);
                imagecopyresized($thumb, $source, 0, 0, 0, 0, $thumb_width, $thumb_height, $width, $height);
                imagejpeg($thumb, $target_thumbnail_file);
                imagedestroy($source);
                imagedestroy($thumb);
 
                // Save image information in the database
                $sql = "INSERT INTO images (gallery_path, thumbnail_path, category_id, upload_date) VALUES ('$target_gallery_file', '$target_thumbnail_file', '$category_id', CURRENT_TIMESTAMP)";
                if ($conn->query($sql) !== TRUE) {
                    $upload_failed = true;
                }
                $uploaded_images[] = $filename;
            } else {
                $upload_failed = true;
            }
        } else {
            $upload_failed = true;
        }
    }
 
    // After successful upload
    if (!$upload_failed) {
        echo "Zdjęcia zostały pomyślnie wgrane.";
    } else {
        echo "Wystąpił błąd podczas wgrywania zdjęć.";
    }
}
 
// Close database connection
$conn->close();
?>
[PHP] pobierz, plaintext 

upload_formularz.php

[PHP] pobierz, plaintext 
					<div >
     <?php if (!empty($success_message)): ?>
        <p><?php echo $success_message; ?></p>
    <?php endif; ?>
    <form action="upload.php" method="post" enctype="multipart/form-data">
        <input type="file" name="image[]" multiple accept="image/jpeg">
        <select name="category">
            <option value="">Wybierz kategorię</option>
            <option value="1">Ciążowa</option>
            <option value="2">Noworodkowa</option>
            <option value="3">Kobieca</option>
            <option value="4">Plener</option>
            <option value="5">Studio</option>
            <option value="6">Świąteczna</option>
        </select>
        <input type="submit" value="Upload zdjęcia" name="submit">
    </form>
					</div>
[PHP] pobierz, plaintext 

gallery.php
Ten kod wrzucamy gdzieś gdzie ma być wyświetlana galeria

[PHP] pobierz, plaintext 
<?php require_once 'get_images.php'; ?>
[PHP] pobierz, plaintext 

Jedyna rzecz jaka jeszcze nie działa to wczytywanie 10 następnych zdjęć po scrollu ( pracuję nad tym )