<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Пагинация - откуда появилась и кто ее придумал]]></title><description><![CDATA[<p dir="auto"><img src="/assets/uploads/files/a2/a2/74/1761113583191-f2b9eff9-d3b8-4b8f-aa60-49af2e83b046-image.webp" alt="f2b9eff9-d3b8-4b8f-aa60-49af2e83b046-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Всем доброго времени суток, мне всегда были интересы нюансы в нашей с вами повседневной разработке, а именно та функциональность которую казалось бы должен был сделать каждый веб-разработчик или как минимум видел и не задумывался об этом.</p>
<p dir="auto">Я буду искать ответы на свои вопросы и делиться своими поисками и рассуждениями в статьях на тему истории создания тех или иных алгоритмов и функци с тегом <code>история</code>.</p>
<hr />
<p dir="auto">Ну, а теперь к делу. <strong>Пагинация</strong> - откуда появилась кто ее придумал и как первые веб-разработчики додумались пролистывать веб страниц.</p>
<h2>Истоки</h2>
<p dir="auto">Пагинация как концепция появилась еще в эпоху печатных книг. Первую нумерацию страниц (pagination) ввел итальянский издатель <a href="https://ru.wikipedia.org/wiki/%D0%90%D0%BB%D1%8C%D0%B4_%D0%9C%D0%B0%D0%BD%D1%83%D1%86%D0%B8%D0%B9" target="_blank" rel="noopener noreferrer">Альд Мануций</a> в 1499 году, чтобы сделать поиск информации в книгах более удобным. Он же внедрил курсив, пунктуацию и карманные издания.</p>
<hr />
<h2>Как придумал алгоритм</h2>
<p dir="auto">С развитием интернета в конце XX века этот прием был адаптирован для веб-сайтов: большие объемы данных начали разбивать на отдельные страницы для повышения скорости загрузки, удобства навигации и улучшения пользовательского опыта. На сайтах пагинация стала стандартом для:</p>
<ul>
<li>каталогов товаров (интернет-магазины),</li>
<li>архивов новостей,</li>
<li>электронных библиотек,</li>
<li>фотогалерей и сервисов с большими объемами информации.​</li>
</ul>
<p dir="auto">Исторически простейший алгоритм пагинации базируется на делении всего массива данных на равные части и генерации ссылок на отдельные страницы, где каждой порции данных соответствует отдельная страница с собственным номером. В цифровой среде пагинация технически реализуется вычислением диапазона элементов (например, показывать записи c 21 по 40 на второй странице при лимите в 20 штук на страницу) и навигационных ссылках, что стало стандартом благодаря удобству восприятия и аналогии с книгами.</p>
<p dir="auto">К сожалению я не нашел информации кто первый додумал ее использовать, но в базах данных простейший алгоритм пагинации через <code>LIMIT/OFFSET</code> впервые появился ещё в стандартах SQL (разрабатывался с 1980-х, активно внедрялся к концу 1990-х по мере роста веб-сайтов).</p>
<p dir="auto">Для примера:</p>
<pre><code class="language-sql">SELECT * FROM table LIMIT 20 OFFSET 40;  // 3-я страница при лимите 20
</code></pre>
<p dir="auto">И исходя из этого вот кто разрабатывал SQL и стандарты:</p>
<ul>
<li>1970: <a href="https://ru.wikipedia.org/wiki/%D0%9A%D0%BE%D0%B4%D0%B4,_%D0%AD%D0%B4%D0%B3%D0%B0%D1%80" target="_blank" rel="noopener noreferrer">Эдгар Ф. Кодд</a> (Edgar F. Codd, IBM) — предложил реляционную модель данных, на базе которой позже появился SQL.</li>
<li>1970–1974: <a href="https://translated.turbopages.org/proxy_u/en-ru.ru.1607a6d3-68f878c6-d3ca21b8-74722d776562/https/en.wikipedia.org/wiki/Donald_D._Chamberlin" target="_blank" rel="noopener noreferrer">Дональд Д. Чамберлин</a> (Donald D. Chamberlin) и <a href="https://en.wikipedia.org/wiki/Raymond_F._Boyce" target="_blank" rel="noopener noreferrer">Рэймонд Ф. Бойс</a> (Raymond F. Boyce), IBM — создали прототип SQL (SEQUEL) для проекта System R.</li>
<li>1979: <a href="https://ru.wikipedia.org/wiki/Oracle" target="_blank" rel="noopener noreferrer">Oracle</a> выпускает первую коммерческую реализацию SQL.</li>
<li>1983–1986: Начинается стандартизация SQL. ANSI (American National Standards Institute) и ISO (International Organization for Standardization)</li>
</ul>
<p dir="auto">Так что исходя из открытых источников родоначальниками можно считать Эдгара Ф. Кодда, Днальда Д. Чамберлина и Эймонда Ф. Бойс и команды IBM, ANSI, ISO.</p>
<h2>Виды пагинации и их развитие</h2>
<p dir="auto"><em>На заметку</em><br />
Наиболее известные нам виды пагинации которые всего скорее мы где-то видел <img src="https://forum.exlends.ru/assets/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=1bd9ff6b60a" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" style="height:23px;width:auto;vertical-align:middle" title=":)" alt="🙂" /></p>
<ul>
<li>
<p dir="auto"><strong>Статическая пагинация</strong> - фиксированные номера страниц, знакомый классический способ (1, 2, 3, …).</p>
</li>
<li>
<p dir="auto"><strong>Динамическая</strong> - разбивка блоками, динамически обновляющиеся диапазоны (пример - “показать по 20”).</p>
</li>
<li>
<p dir="auto"><strong>Алфавитная</strong> - для каталогов с сортировкой по буквам (классика для библиотек).</p>
</li>
</ul>
<p dir="auto"><strong>Кнопка “показать еще”</strong> - разновидность бесшовной/динамической подгрузки.</p>
<p dir="auto">Веб-индустрия также экспериментировала с бесконечным скроллом, но для поисковых систем и библиотек до сих пор эффективнее классический постраничный вывод как в книгах.</p>
<p dir="auto">Так что классика и еще раз классика!</p>
<hr />
<p dir="auto">Так что текущим и уже додуманным алгоритмам пагинации мы обязаны ребятам из 1970-1990 кто усердно трудился на <strong>SQL</strong>.</p>
<p dir="auto">Так с этим вопросом мы разобрались. Возможно Вы подскажите интересные темы которые стоило бы упомянуть или обсудить - так что жду в комментариях и не закидывайте шапками плз))</p>
]]></description><link>https://forum.exlends.ru/topic/292/paginaciya-otkuda-poyavilas-i-kto-ee-pridumal</link><generator>RSS for Node</generator><lastBuildDate>Tue, 26 May 2026 06:47:10 GMT</lastBuildDate><atom:link href="https://forum.exlends.ru/topic/292.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 22 Oct 2025 06:33:55 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Пагинация - откуда появилась и кто ее придумал on Mon, 15 Dec 2025 06:56:26 GMT]]></title><description><![CDATA[<p dir="auto">И я такой же)))Мне кажется все комментарии к этой теме будут такие))) типа полчаса пытался перейти на другую страницу))))</p>
]]></description><link>https://forum.exlends.ru/post/1160</link><guid isPermaLink="true">https://forum.exlends.ru/post/1160</guid><dc:creator><![CDATA[Matatabi]]></dc:creator><pubDate>Mon, 15 Dec 2025 06:56:26 GMT</pubDate></item><item><title><![CDATA[Reply to Пагинация - откуда появилась и кто ее придумал on Mon, 27 Oct 2025 06:10:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/gleb_osin" aria-label="Profile: Gleb_Osin">@<bdi>Gleb_Osin</bdi></a> Бывает,сам сначала не понял в чём дело))) Удачный ход автора на мой взгляд)))</p>
]]></description><link>https://forum.exlends.ru/post/932</link><guid isPermaLink="true">https://forum.exlends.ru/post/932</guid><dc:creator><![CDATA[SkitRa]]></dc:creator><pubDate>Mon, 27 Oct 2025 06:10:25 GMT</pubDate></item><item><title><![CDATA[Reply to Пагинация - откуда появилась и кто ее придумал on Sat, 25 Oct 2025 12:15:49 GMT]]></title><description><![CDATA[<p dir="auto">Сижу,щелкаю как дурак на панельку с цифрами и не пойму, что страницв не переключается <img src="https://forum.exlends.ru/assets/plugins/nodebb-plugin-emoji/emoji/android/1f602.png?v=1bd9ff6b60a" class="not-responsive emoji emoji-android emoji--joy" style="height:23px;width:auto;vertical-align:middle" title=":joy:" alt="😂" /> <img src="https://forum.exlends.ru/assets/plugins/nodebb-plugin-emoji/emoji/android/1f602.png?v=1bd9ff6b60a" class="not-responsive emoji emoji-android emoji--joy" style="height:23px;width:auto;vertical-align:middle" title=":joy:" alt="😂" /> <img src="https://forum.exlends.ru/assets/plugins/nodebb-plugin-emoji/emoji/android/1f602.png?v=1bd9ff6b60a" class="not-responsive emoji emoji-android emoji--joy" style="height:23px;width:auto;vertical-align:middle" title=":joy:" alt="😂" /></p>
]]></description><link>https://forum.exlends.ru/post/929</link><guid isPermaLink="true">https://forum.exlends.ru/post/929</guid><dc:creator><![CDATA[Gleb_Osin]]></dc:creator><pubDate>Sat, 25 Oct 2025 12:15:49 GMT</pubDate></item></channel></rss>