## Зачем это Для сервер-сайд рендера HTML Flask использует **Jinja2** — мощный шаблонизатор с условиями, циклами, фильтрами и автоэскейпингом против XSS. ## Структура ``` app/ ├── app.py └── templates/ ├── base.html ├── index.html └── user.html ``` ## base.html — общий layout ```jinja {% block title %}My Site{% endblock %}

{% block content %}{% endblock %}

``` ## index.html — наследуется ```jinja {% extends "base.html" %} {% block title %}Главная — My Site{% endblock %} {% block content %}

Привет, {{ user.name }}!

{% if items %}

{{ item.title|upper }}

{% else %}

Список пуст.

{% endif %} {% endblock %} ``` ## app.py ```python from flask import Flask, render_template app = Flask(__name__) @app.route("/") def index(): user = {"name": "Анна"} items = [{"title": "молоко"}, {"title": "хлеб"}] return render_template("index.html", user=user, items=items) ``` ## Фильтры и тесты ```jinja {{ name|upper }} фильтр {{ price|round(2) }} {{ posts|length }} {{ user.created_at|safe }} отключить эскейпинг (опасно!) {% if user is none %} тест ``` ## 📌 Реальные кейсы - **Server-side rendered страницы** маркетинга и админки. - **Email-шаблоны**: тот же Jinja2, отправка через Flask-Mail. - **PDF-генерация**: Jinja2 → HTML → weasyprint. - **Партиалы**: `{% include "_card.html" %}` для повторного UI-блока. ## Частые ошибки ❌ Использовать `|safe` на пользовательском вводе — открытый XSS. ✅ `|safe` только для контента, который вы сами очистили (bleach). ❌ Делать тяжёлую логику в шаблоне — отладка ад. ✅ Подготовьте данные в view, шаблон только отображает. ❌ Передавать SQLAlchemy-объект и дёргать `user.posts.all()` в шаблоне → N+1 запросов. ✅ Префетчите данные во view, передавайте уже готовые списки. ## Резюме - `render_template("name.html", **ctx)` из папки `templates/`. - `{% extends %}` + `{% block %}` = наследование. - Автоэскейпинг HTML по умолчанию — спасает от XSS. - Фильтры (`|upper`, `|date`), тесты (`is none`), управляющие конструкции (`{% if %}`/`{% for %}`).

Как работают шаблоны Jinja2 в Flask и как сделать наследование?