Здравствуйте! Как известно, скорость загрузки сайта влияет на пользовательский опыт. Чем больше время загрузки, тем меньше посетителей на сайте. Одним из способов увеличения быстродействия является уменьшение количества выводимых данных или же пагинация. В сегодняшней статье рассмотрим, как создавать пагинацию на we...
Здравствуйте! Как известно, скорость загрузки сайта влияет на пользовательский опыт. Чем больше время загрузки, тем меньше посетителей на сайте. Одним из способов увеличения быстродействия является уменьшение количества выводимых данных или же пагинация. В сегодняшней статье рассмотрим, как создавать пагинацию на web сайте, реализованном на Python и Flask.
app.py
from flask import Flask, request, render_template_string
app = Flask(__name__)
@app.route('/')
def index():
# Создаем список из 200 элементов
items = [f"Item {i+1}" for i in range(200)]
# Получаем текущую страницу из параметров запроса, по умолчанию страница 1
page = request.args.get('page', 1, type=int)
# Устанавливаем количество элементов на одной странице
per_page = 20
# Общее количество элементов
total_items = len(items)
# Общее количество страниц (округляем вверх)
total_pages = (total_items + per_page - 1) // per_page
# Определяем начальный и конечный индекс для текущей страницы
start = (page - 1) * per_page
end = start + per_page
# Получаем элементы для текущей страницы
current_items = items[start:end]
# Шаблон HTML для отображения списка с пагинацией
html_template = """
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>List of Items with Pagination</title>
</head>
<body>
<div class="container">
<h1>List of 200 Items</h1>
<ul>
{% for item in current_items %}
<li>{{ item }}</li>
{% endfor %}
</ul>
<div>
<!-- Ссылка на предыдущую страницу, если это не первая страница -->
{% if page > 1 %}
<a href="/?page={{ page - 1 }}">Previous</a>
{% endif %}
<!-- Текущая страница и общее количество страниц -->
Page {{ page }} of {{ total_pages }}
<!-- Ссылка на следующую страницу, если это не последняя страница -->
{% if page < total_pages %}
<a href="/?page={{ page + 1 }}">Next</a>
{% endif %}
</div>
</div>
</body>
</html>
"""
# Возвращаем HTML-шаблон с переданными параметрами
return render_template_string(html_template, current_items=current_items, page=page, total_pages=total_pages)
if __name__ == '__main__':
# Запускаем приложение Flask в режиме отладки
app.run(debug=True)
