Загружать и отображать больше элементов из базы данных с помощью руля - PullRequest
Новая
       11

Загружать и отображать больше элементов из базы данных с помощью руля

0 голосов
/ 15 марта 2019

В поисках решения моей проблемы.Я развернул веб-страницу, где загружено более 900 изображений из базы данных, поэтому сайт рендерится очень медленно.Как я могу загрузить с помощью рулей первые 100 изображений, а затем по нажатию кнопки загрузить следующие 100, чтобы сайт отображался быстрее?Я пытался с jquery показать / скрыть методы, но сначала загружаются все данные, так что это не помогает.

Мой текущий HTML-код с рулями, где я загружаю изображения: 

{{ # each items }}
            <div class="col-10 col-sm-6 col-lg-3 store-item {{this.type}}" data-item="{{this.name}}" data-val="{{this.price}}" >
                <div class="card">
                    <div class="img-container">
                        <div class="caption-over-img">
                            <a class="text-justify"> {{ this.name }} </a>
                        </div>
                        <img class="image in-card" height="200px" src={{ this.imagePath }} alt="" >
                        <div class="caption">
                            <p class="price-btn"><a class="btn btn-info float-left" role="button" >{{this.price}} PLN</a></p>
                            <p><a class="btn btn-success float-right buy" data-assetid="{{this.name}}" data-assetid2 ="{{this._id}}" data-assetid3="{{this.price}}"  href="#" role="button" >Kup</a></p>
                        </div>
                    </div>
                </div>
            </div>
        {{/each}}

Буду признателен за любую помощь, спасибо :) 1006 *

...