https://www.opennet.ru/openforum/vsluhforumID8/8314.html Доброго времени суток уважаемые форумчане!<br><br>Вопрос мой заключается вот в чём. Я довольно давно занимаюсь простенькой разработкой WEB приложений и сайтов на php и всегда пытаюсь что-либо делать по другому и усовершенствовать свой код, сделать его более правильным и функциональным. Сейчас делая очередной проект меня посетила идея об изменении принципа пагинации. Как обычно происходила пагинация в моих проектах? <br>1. Был обычный запрос в базу данных с количеством записей, делился на количество записей на странице и формировалось общее количество ссылок на страницы<br>2. Ссылки с переходом по GET на другие страницы передавали номер страницы для дальнейшего запроса в базу и среза offset, после чего выдавал новый срез данных и формировались страницы.<br><br>Всё просто до безобразия.<br>Но тут мне понадобилось сделать различные фильтры и поиск по всем(или определённым) полям, необходимой информации и динамически выводить это всё в таблицу. С этим проблем не возникло:<br>1. JS отслеживал ввод в поле поиска, селекты и выбор https://www.opennet.ru/openforum/vsluhforumID8/8314.html#17 Wed, 14 Dec 2022 09:15:41 GMT Доброго!<br>Всю тему не читал.<br>Самая простая пагинация делается с помощью инкремента и декремента переменной, которая передаётся методом POST или GET в качестве номера страницы для текстового файла или ID, если вывод из БД.<br>Данный подход крайне прост, реализуется в PHP, но в то же время - это, скорее всего, самый надёжный подход. <br><br>В Html5 фактитически уже есть тег для пагинации:<br>https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_number<br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#16 Tue, 06 Dec 2022 10:19:22 GMT &gt;&gt;&gt; Я довольно давно занимаюсь простенькой разработкой WEB приложений и сайтов на php<br>&gt; около 10 лет <br>&gt;&gt;&gt; Тогда у меня появляется разумный(как мне кажется) вопрос, неужели нельзя создать динамическую пагинацию страниц без перезагрузки страницы на php+js без использования node.js? Или задумываясь об отзывчивых динамических интерфейсах уже нет речи о php и теперь нужно переучиваться на node.js?<br><br>Как-то у вас в голове всё перемешалось, node.js тут ни при чём. Ни при чём и Laravel.<br><br>&gt; загрузив это всё разом, всё будет ужасно тормозить<br><br>Да, не нужно грузить миллиарды строк в браузер, любым языком, иначе гарантированно будет тормозить.<br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#15 Sun, 04 Dec 2022 17:26:29 GMT Привет, если интересно, посмотри код coffee cms там как раз идеология минимализма хорошо реализована.<br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#13 Sat, 03 Dec 2022 14:11:55 GMT ну, или как вариант, можно на стороне сервера генерить весь html-код и отдавать ajax-ом.<br><br>{<br> paginator: "html-код пагинатора",<br> data: "html-код таблицы"<br>}<br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#12 Sat, 03 Dec 2022 14:07:10 GMT Не вижу проблемы, нужен только небольшой рефакторинг.<br>По-хорошему, ajax должен запрашивать только данные, а не готовый html.<br>Ответ в результате ajax-запроса будет выглядеть примерно так:<br><br>{<br> num_pages: 5, // подсчитанное кол-во страниц, с учетом фильтров и т.п.<br> page_limit: 50, // кол-во записей на страницу<br> data: [ // данные для текущей страницы<br> { id: 123, text: "абырвалг..."},<br> { id: 456, text: "абырвалг..."},<br> { id: 789, text: "абырвалг..."}<br> ]<br>}<br><br>сам запрос будет что-то типа такого:<br><br>$.ajax({<br> url: "/data.php",<br> method: "post",<br> dataType: "json", // важно указать, что данные возвращаются в формате json. как вариант, можно прописать нужный header в ответе от PHP<br> data: {<br> param1: "фильтр 1",<br> param2: "фильтр 2"<br> },<br> success: function(response) {<br> // console.log(response); // для отладки<br> if (response.data) {<br> // тут код для заполнения и отображения таблицы<br> }<br> i https://www.opennet.ru/openforum/vsluhforumID8/8314.html#11 Thu, 03 Nov 2022 09:36:23 GMT &gt; А стрелки типа "&#124;&lt;" и "&gt;&#124;" Вы никогда не применяете для перехода <br>&gt; на первую и последнюю страницу?<br><br>Честно говоря, не знаю. Фронты так ловко написали фронт, что он на FF не открывается, а мне что-то другое ставить лень. Мы с ними через курлы общаемся.<br><br>Подозреваю, что данных реализовать такое им хватает. (Переход на первую страницу очевиден, а последнюю они могут расчитать послав запрос на количество страниц). Это нормально - эти контролы ленивые, пока пользователь не нажмёт, запросов не будет.<br><br>Для меня главное, чтобы компонент был нарисован посылкой только одного запроса. Иначе ко мне девопсы придут с метриками.<br><br><br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#10 Thu, 03 Nov 2022 09:10:45 GMT &gt; Весь функционал у меня уже реализован, неужели мне ради пагинации придётся весь <br>&gt; проект переписывать на Ларавел?<br><br>Да<br><br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#9 Wed, 02 Nov 2022 21:15:36 GMT &gt; Просто используйте для ответа json, для начала можно просто отдавать 2 куска <br>&gt; html(если я правильно понял ваш поток сознания).<br>&gt;&gt; Я довольно давно занимаюсь простенькой разработкой WEB приложений и сайтов на php <br>&gt; Чисто из интереса, давно - это сколько?<br><br>На счёт 2х кусков кода. Допустим php файл генерирует кусок таблицы, т.е. её внутреннюю часть между тегами tbody, её я и передаю через ajax в tbody id="t-data", а после этого в файле закрываются все теги и идёт div с пагинацией, в который нужно передать данные о том сколько строк данных в результате было получено сервером всего, чтоб разбить на страницы и создать структуру пагинации. Вот тут как раз и косяк, как получить через ajax 2 куска кода для разных id? Понятно что можно конечно делать как предложили выше, когда страниц очень много, то можно не подсчитывать общее количество, но тогда остаётся вопрос, что делать если по поисковому запросу найдено только несколько страниц подходящих по критериям? Получается всё равно нужно делать count запроса.<br> https://www.opennet.ru/openforum/vsluhforumID8/8314.html#8 Wed, 02 Nov 2022 15:44:22 GMT &gt; Просто используйте для ответа json, для начала можно просто отдавать 2 куска <br>&gt; html(если я правильно понял ваш поток сознания).<br>&gt;&gt; Я довольно давно занимаюсь простенькой разработкой WEB приложений и сайтов на php <br>&gt; Чисто из интереса, давно - это сколько?<br><br>около 10 лет<br>