Как сделать кнопку show more from database?

Question

[Mike_Polit]

Добрый день!

Помогите пожалуйста с добавлением кнопки "Показать Больше"

Вот мой код, который выводит с базы изображения, но так как это портфолио их там достаточно много и страница подгружается первый раз достаточно долго!

<div class="gallery">
            <?php
        // Include the database configuration file
        include_once 'includes/db_connect.php';

        // Get images from the database
        $query = $db->query("SELECT * FROM portfolio ORDER BY id DESC");

        if($query->num_rows > 0){

            $i = 0;

            while($row = $query->fetch_assoc()){
                $imageURL = 'img/portfolio/'.$row["file_name"];

                if($i % 5 === 0) {
                    echo '<div class="clear"></div>';
                    }
            $i++;
        ?>
            <a href="<?php echo $imageURL; ?>">
            <img src="<?php echo $imageURL; ?>" />
            </a>

        <?php } ?>
        <?php } ?>
            
            <div class="clear"></div>

        </div>

Нашел пример данной задачи, но не хватает знаний нормально ее изменить под свой код:

https://www.codexworld.com/load-more-data-using-jq...

Помогите пожалуйста, кому не сложно и интересно))))

Answer 1

[Melkij]

offset - это неправильная подсказка. https://use-the-index-luke.com/sql/partial-results...

Сохраняете id последней показанной строки, затем по кнопке тянете следующую порцию

SELECT * FROM portfolio where id < ? ORDER BY id DESC limit ?

Comments

[FanatPHP]

Это если по айди сортировка

[Melkij]

FanatPHP, в вопросе недвусмысленно именно такая сортировка и указана.
Ну а если сортировка по другому признаку - то суть так же самая. Делается детерминированная сортировка, запоминается последний показанный элемент и запрашиваем следующую группу после него.

[vasiiil]

Есть еще такой вариант. Возможно, Иван о нем и говорил.

SELECT
    *
FROM
(
    SELECT
        ROW_NUMBER() OVER(ORDER BY id DESC) AS rn,
        *
    FROM
        portfolio
) AS tmp
WHERE
    tmp.rn BETWEEN a AND b

a и b соответствуют загружаемой "странице".

$a = ($page - 1) * $count_on_page + 1;
$b = $page * $count_on_page;

[Melkij]

vasiiil, для известных мне баз это будет всегда медленнее даже чем через offset.

Answer 2

[Дмитрий Баскаков]

Тут поможет LIMIT и OFFSET

Как вариант: изначально загружать 5-10 картинок, а после через JS делать XHR(AJAX) запросы, сохраняя оффсет в переменной.

Это касаемо сценария работы

Comments

[Дмитрий Баскаков]

$query = $db->query("SELECT * FROM portfolio ORDER BY id DESC LIMIT 0, 10");

Answer 3

[Mike_Polit]

Проблема в том что не хватает знаний написать это(((

Поэтому спрашиваю помощи тут(((

Comments

[FeST1VaL]

так изучайте... никто ж не будет за вас делать тут... можете создать на фринлансе задание.

По теме -> Например:
По клику на кнопку надо навесить событие с помощью JS и запросить новую порцию через Ajax