Навигация по страницам php
Постраничная навигация на PHP
Часто при разработке и выводе контента появляется необходимость использования постраничной навигации. Кто-то скорее всего использует готовые решения от своего фреймворка. Кто-то, возможно, не заморачивается и лупит страницы просто циклом. У кого-то есть свои наработки в этом направлении. Вот я как раз и хочу поделиться своим решением данной задачи.
Существует множество вариаций расположения и отображения кнопок, лично я пришел к следующему решению, которое по моему мнению наиболее наглядно и удобно. Подходит как для 5 страниц так и для 5000.
Пример HTML кода
Не буду ходить вокруг да около, сразу приложу пример сформированного скриптом html кода:
Логика построения
По настройкам параметров я остановлюсь чуть позже после приведения кода, сейчас опишу логику формирования самих номеров.
С кнопками «Назад» и «Вперед» думаю все понятно, к тому же их можно просто отключить, поэтому на них не буду заострять внимания.
Первый и последний номер страницы отображается всегда, своего рода кнопки «В начало» и «В конец».
Середина формируется уже по простому алгоритму. Отображается просматриваемая страница и по N страниц по бокам. На примере отображается по N=3 страницы. В принципе все просто и понятно, но особая хитрость используется при приближении к краям. Опишу на примерах:
Страница 1-3 (где 3 = N)
Отображаются первые N*2 страниц и последняя.
Отображается первая и дальше сформированная строка от 4-3=1 до 4+3=7. Первая страница зарезервирована поэтому формируются номера от 2 до 7.
Пожалуй во всех навигациях что я видел (включая хабр) строка была бы сформирована с пропуском, т.е. 1… 3 4 5 6 7 8 9… 17
Но ведь это не логично, отображать многоточие вместо одного числа. При построении второго многоточия выполняется аналогичная проверка.
Середина уже стандартна.
Формирование окончания аналогично началу
Редиректы
Помимо этого из особенностей хочу выделить еще 2 момента, это проверка существования страницы и редирект на «правильный» адрес. Т.е. к примеру, тут же на хабре первая страница может быть доступна сразу по 2м адресам:
habrahabr.ru/sandbox/page1
habrahabr.ru/sandbox
Скрипт не дает зайти на адрес page/1/ и выполняет редирект на «чистый» адрес
Так же если указан слишком большой номер страницы будет выполнен редирект на последнюю существующую. К примеру были удалены материалы или изменено количество записей на страницу. Не могу правда однозначно сказать полезно ли это будет с точки зрения СЕО, но для пользователей мне кажется так будет удобнее.
PHP код и его использование
Для наглядности, приведу пример построения навигации песочницы:
habrahabr.ru/sandbox/page12
Или же если номер страницы прописан внутри URL:
example.com/some_url/1.html — первая страница
example.com/some_url/1-page2.html — вторая страница
$limit — количество записей на страницу
$count_all — общее количество записей
$page_num — номер страницы на которой находится пользователь
На этом, пожалуй, всё. Буду рад любой конструктивной критике.
PS. Огромное спасибо всем отписавшимся, особенно тем кто ругает (и правильно делает).
Обещаю со всем ознакомиться, принять во внимание и исправиться.
PHP навигация
Здравствуйте, уважаемые читатели блога LifeExample, я постарался максимально проработать скрипт php навигации, и сделать пагинацию на php очень удобной, а самое главное полностью универсальной.
Данный скрипт, в котором будет рассмотрена постраничная навигация php, пригоден для использования, в совершенно любой CMS системе. Достигнуто это благодаря тому, что php навигация реализована выделенным автономным классом, которому для работы нужно лишь получить исходный MySQL запрос, данные для подключения к БД, и параметры вывода.
Когда я только начинал заниматься web программированием, передо мной в скором будущем встала задача реализовать постраничную навигацию. В то время введя в поисковик запросы «пагинация php» и «постраничная навигация php» я был крайне удивлен скудности доступной информации по этой теме.
Сейчас спустя год я задался целью создать такой скрипт php пагинации, который бы можно было использовать абсолютно в любой системе, затратив на это минимум усилий. Должен сказать, что у меня это получилось, и сейчас я хочу продемонстрировать его вам, с подробным описанием его алгоритмов, и способов применения постраничной навигации.
Скрипт постраничной навигации на php
Как я уже упомянул, скрипт реализован автономным классом. Под автономным классом я понимаю, php класс, который можно внедрить в любую систему и при определении экземпляра данного класса, указав любой MySql запрос, а также некоторые настройки, можно сразу получить результат.
На приведенной иллюстрации, изображен результат работы данного скрипта пагинации на php, который выводит на страницу результаты выполненного SQL запроса, и список страниц для навигации.
Как все это работает, я расскажу позже, а пока объясню, как настроить данный скрипт для работы в любой CMS.
Интеграция пагинации в любую CSM
Открыв скачанный архив, вы увидите три файла:
Содержимое файла index.php
$Page = 1 ; //номер страницы которую нужно открыть
Первым делом подключаем CSS стили и файл с классом навигатора. Затем определяем номер запрашиваемой страницы, через GET параметр, если он существует, иначе будет выведена первая в списке страница.
Все требуемые параметры описаны в комментариях файла, так что проблем с пониманием быть не должно. Собственно на этом, те, кто не желает вникать в смысл работы php навигации, могут благополучно пользоваться данным классом. Ну, а интересующимся читателям, я все-таки поведаю, о том, как работает постраничная навигация php.
Очень хочется выложить полностью код класса, но смысла в этом не вижу, поскольку рассказывать я буду только о его структуре и алгоритме работы. В связи с этим я выложу макетную версию данного класса, без содержимого функций.
Наверное, надо было раньше рассказать про LIMIT, поскольку вся php навигация построена именно на этом SQL операторе.
Например, для того чтобы из 300 записей, вывести 3-ю страницу и 100 строк на ней, параметры offset и rows должны иметь следующие значения:
Постраничная навигация на PHP
Пожалуй одна из самых распростанённых задач для веб-программистов. Большинство новичков сталкиваются с ней, я не был исключением. Попытаемся же разобраться с логикой скрипта и реализовать его. Приступим?
Первое, что нам нужно для этого иметь – это базу данных с несколькими десятками строк, например статей или комментариев к ним (что угодно). Мы будем рассматривать базу данных MySQL, она является самой популярной на данный момент. Естественно используемый язык – это PHP.
Есть? Отлично! Продолжаем…
1. Создаём для примера файл primer.php;
2. Создаём Базу данных primer (можете не создавать, если у вас уже есть подходящая);
3. Создаём таблицу primer вот такой структуры (опять же, если нет другой);
4. Набиваем её информацией. Я сделаю 20 записей, мне не день 😉
5. Набираемся терпения – сейчас будем кодить.
Сам код довольно небольшой и несложный, поэтому вылажу его сразу весь, пометки Вам помогут разобраться без проблем.
Запихиваем нижележаций код в primer.php и пытаемся понять как же он работает:
Поясню лишь, что в переменной «str» передаётся номер страницы, на которой находится пользователь, в адрессной строке браузера это выглядит так:
Вот и всё, скрипт постраничного вывода у нас готов! Примерно, это должно выглядеть так:
Если это необходимо, редактируем скрипт (например, сделаем его функцией и будем использовать каждый необходимый нам раз) и влепляем его в Ваш дизайн на странице…
Простая пагинация на PHP/Javascript. Создаем постраничную навигацию
Разрабатывая любой проект часто приходиться сталкиваться с необходимостью создания постраничной навигации или как еще называют – пагинация. Будь-то список статей, пользователей или любые другие выборки с базы данных, где большое количество записей требуют лимитированного вывода. Такой вывод можно реализовать двумя способами:
1. Выгружать все данные и показывать пользователю только часть.
2. Выгружать только часть данных, которые непосредственно показывать.
Каждый из способов имеет свои плюсы и минусы, очевидно, если записей в базе очень много, то выгружая все, мы очень сильно нагружаем компьютер пользователя. Просто представьте, что при открытии страницы у вас подгружается 100.000 записей, с другой стороны, если выгрузка имеет только 100 элементов, то такой способ будет работать быстрее, так как не нужно постоянно обращаться к серверу.
В статье мы разберем второй способ, а именно выгрузку только тех данных, которые отдаются пользователю на текущей странице.
1. Функция pagePrint(), печатает ссылку на заданую страницу
$page – номер страницы;
$title – анкор ссылки (например, “1”, “2”, “10”, “следующая”);
$show – показывать ссылку или текст, используется, чтобы вывести текущую страницу, или же неактивные ссылки “назад”, “вперед”;
$active_class – класс CSS для активной страницы.
2. Начальный конфиг
3. Пример выборки данных из базы
Для выборки используется LIMIT, где старт вычисляется по формуле (page-1)*limit, то есть для первой страницы start = 0.
4. Подсчет кол-ва страниц и проверка основных условий.
С подсчетом количества страниц иногда возникают проблемы, так как страниц может быть только целое число, а при делении (кол-во записей)/(лимит записей на странице) может получится дробное. Данный результат необходимо округлить в больную строну, потому что, обычное округление round(), выдаст ошибочный результат.
Пример, всего записей 31, на странице публикуем по 10, таким образом по формуле получается 3.1 страница, при округлении round(3.1) = 3, что неправильно, так как теряется одна запись. Поэтому используется функция ceil(), ceil(3.1) = 4.
5. Выводим на экран:
Вот и все, алгоритм разобран, ниже представлен код для вывода пагинации на Javascript:
Остались вопросы – задаем в комментариях, также делимся своими наработками, если знаете как “красивее” реализовать пагинацию.
Постраничная навигация на PHP
Разрабатывая очередной проект, будь то крупный сайт или маленький скрипт, бывает необходимость в использовании постраничной разбивки выводимых данных. И реализация кнопок постраничной навигации. Казалось бы чего проще? Но не смотря на достаточно простую задачу, у многих программистов порой уходит час, а то и более на написание скрипта постраничной навигации. В то время, когда можно использовать готовое решение, и не тратить драгоценное денежное время на простые банальности.
Предлагаю вашему вниманию решение, которое я использую в своих проектах. На мой взгляд этот код достаточно универсален и его легко встроить в любой скрипт или CMS.
Выводим ссылки на страницы:
Стили оформления кнопок навигации:
Разумеется не что, не мешает переделать данный скрипт под свои конкретные цели и задачи, но как правило в большинстве случаев этого вполне хватает.
Если возникнут вопросы по установке или какому-то участку кода, пишите в комментариях, постараюсь максимально объяснить, что и куда.
Похожие записи
22 комментария to “Постраничная навигация на PHP”
Скажите, а как в этом скрипте реализовать примерно такое >>
Т.е., если страниц больше 5, то скрывать остальные и добавить точки ().
Для реализации вывода навигации с большим числом отображаемых страниц(ссылок), нужно немного дописать код. Я предлагаю просто в зависимости от кол-ва страниц добавлять n-ое кол-во ссылок, добавив соответствующее условие, и внутри него цикл. Честно говоря, тоже сталкивался с данной задачей, но пока руки не дошли, в ближайшее время допишу код и выложу здесь.
думаю реализация точек тоже не составит труда, предусмотрю этот момент когда буду переписывать код
Роман, я на днях начал делать сайт, и столкнулся с необходимостью постраничной навигации по сайту. Причём мне нужно вставлять даже не один скрипт, а, скорее всего, несколько. То есть, переходы на следующую страницу осуществляются нажатием на ссылку «ЧИТАТЬ ЕЩЁ…» (это в текстовом разделе), а в разделе изображений «СМОТРЕТЬ ЕЩЁ…». Но так как, страниц становится больше, то и возникла такая необходимость, как постраничная навигация.
Всё, что я нашёл (на данный момент) в Сети — это ничего с маслом. ваш скрипт меня заинтересовал, всё, вроде, понятно. Непонятно, как (и куда?) его устанавливать? Его же, наверное, нужно в корневой каталог помещать?
Буду очень благодарен, если ответите на почту — так будет удобнеее.
Спасибо.
Обновил код, он содержал лишние строки.
Ну и чтоб добить и работало как надо, укажите класс для див в выводе ссылок 🙂
Какую формулу выставлять чтобы отображалось только две записи на страницы?
Поменять значение
$num = 10;
на
$num = 2;
Скрипт копирую один в один только подключение свое и меняю таблицу базы данных
Про ошибку отписал выше, а вот этот кусок кода(запрос в БД) совершенно не верен
SELECT COUNT(*) FROM nov_pr WHERE >
Ведь запись с указанном ID всего одна?
замените, на
SELECT COUNT(*) FROM nov_pr
Но у меня возникла необходимость сделать постраничную навигацию к плагину WordPress
Плагин – каталог ссылок. Этот каталог вставляется на страницу через шорт код: add_shortcode(‘code’, ‘shortcod’);
То есть каталог вставляется на определенную страницу сайта. И когда добавляю постраничную навигацию, при переходе на страницу «2», ВордПресс выдает «404 страница не найдена:(».
Каким способом можно решить эту проблему?
Третий день сижу, мозг кипит!)
Буду благодарен, если подскажете начинающему, но очень перспективному программисту…:)
Вам нужно разобраться с самим кодом отвечающим за вывод каталога, возможно модифицировав плагин получится сделать постраничную навигацию.
А данный скрипт подойдет для фото галереи? Точнее есть просто страница с фотками, которые при помощи JQuery, открываются в увеличенном размере. Просто хотел разбить на страницы «фото галерею». Но возникает вопрос как работать с данным скриптом, куда его вставлять.
Сложно сказать однозначно, т.к. прежде требуется понять структуру вашего скрипта, но думаю что подойдет.
Теоретически можно, если ваш хостинг поддерживает PHP и есть mySQL, а также все записи хранятся в БД, т.е. есть некая структура. Но боюсь если сам сайт на html, то БД он не использует и для навигации с помощью данного скрипта придется перекраивать сам сайт и делать еще много какой работы.
Оставить комментарий
Друзья, всем привет!
Меня зовут Роман Чернышов, я веб-разработчик и данный блог посвящен моим проектам и бизнесу.
Тут я делюсь личным опытом
и отвечаю на вопросы. Я всегда готов к сотрудничеству с вами, готов реализовать проект любой сложности( опыт 10+ лет ).