Как устроен принцип работы пагинации?

Question

[Человек]

Видел много примеров пагинации на CSS или JS.
Некоторые говорят, что пагинацию делают чисто на php,
но я запутался, помогите разобраться.

Какой язык/языки нужны для пагинации страниц на сайте?
И как вообще устроен принцип работы пагинации?
Допустим есть 5 кнопок переключения:


Это ссылки на другие страницы HTML?
То есть, нужно cделать 5 разных html страниц с контентом
и давать на них ссылку в панели переключения?(Она на картинке)
Я правильно ли все понимаю?

Comments

[ThunderCat]

Вы вообще когда-нибудь видели пагинацию на сайте вживую? Ну, например, на этом? Куда ведут ссылки на пагинации? На хтмл страницы?

[FeST1VaL]

А вам точно очень надо сделать пагинацию? может изначально поизучать основы какого то языка...

Если вы не знаете ни одного языка, то тут как бы вопросы зачем вам делать пагинацию, если вы просто верстальщик...

Если в крации объяснить пагинацию, то берутся все записи из базы и проверяется сколько нужно страниц для вывода их. И при переходе на страницу берется определенное кол-во записей из базы для отображения этой страницы.

[Immortal_pony]

FeST1VaL простите за граммар-нацизм, но "в крации"? Это вы серьёзно?

[Hanneman]

Immortal_pony, это рация под KDE

Answer 1

[ThunderCat]

Пагинация делается в связке - бэкенд высчитывает нужный кусок контента, исходя из длинны контента на страницу и номера страницы соответственно. Номер страницы передается в параметрах запроса (собственно ссылке из блока пагинации). Фронтенд - обычно хтмл блок, построенный с помощью цикла на языке бэкенда (например пхп), отображает в браузере соответствующие ссылки, исходя из общей длинны контента, и деля его на размер контента на одну страницу. Можно его построить и на яваскрипте, но данные для построения (текущая страница, всего страниц) передается с бэкенда, так как там хранится выбранная информация.

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

Comments

[Immortal_pony]

Собственно, хотел бы добавить, что "сделать N HTML-страничек по количеству страниц" - это идея-то правильная. Именно этого и хотим добиться. Только PHP позволяет автоматизировать этот процесс на backend'е, а JS на frontend'e.
Теоретически это можно вручную сделать - собственно, в 90-х годах так и делали. И фильтры с сортировкой таким же образом делали, ага.

[ThunderCat]

Immortal_pony,

собственно, в 90-х годах так и делали. И фильтры с сортировкой таким же образом делали, ага.

не, ну ты бы еще первые странички арпанет вспомнил. Речь то идет про более-менее современные решения, как минимум cgi на перле или си )

[Immortal_pony]

ThunderCat не, ну я же не говорю что так делать надо )))
Я просто говорю, что понимание автором принципа пагинации верное )

[Человек]

Чтобы сделать пагинацию нужны html+css+php?
Верно?
Или JS+SQL также нужны?
Получается для пагинации нужно html+css+js+sql+php?

[ThunderCat]

xGreen_Max,

Получается для пагинации нужно html+css+js+sql+php?

Вообще не обязательно, но чаще всего что-то похожее на эту связку.
Просто из разработчиков никто не делит на столь подробную расшифровку всех применяемых языков и технологий. Понятно что для странички в целом в любом случае нужен будет хтмл и цсс, жс вообще не обязателен и используется только в специфических случаях, а эскюэль опять же, либо входит в общее понятие бэкенд (и там может быть любой веб язык, не обязательно пых), либо вообще может не применяться, например все хранится в файлах, а не в бд...