Snelle referentie

Jinja & Jinja2 Sjabloon Spiekbriefje

Beknopte referentiegids voor Jinja-sjabloonsyntaxis in Python/Flask: variabelen, filters, controlestructuren, lussen, sjabloonovererving en macro’s.

· Gepubliceerd

Jinja is een snelle, expressieve en uitbreidbare template-engine voor Python, veelgebruikt in Flask en Ansible.

Syntaxisscheidingstekens

{% ... %}  # Controle-instructies (lussen, condities, blokdefinities)
{{ ... }}  # Expressies die worden geëvalueerd en afgedrukt in de sjabloonuitvoer
{# ... #}  # Sjabloonopmerkingen (verwijderd uit de definitieve uitvoer)

Variabelen & Filters

<h1>Hello {{ user.name | capitalize }}</h1>
<p>{{ article.body | truncate(150) | safe }}</p>
<p>Items count: {{ items | length }}</p>

Veelgebruikte filters: capitalize, lower, upper, title, trim, striptags, join, default, safe.

Controlestructuren

Condities

{% if user.is_authenticated %}
  <p>Welcome back, {{ user.name }}!</p>
{% elif user.is_invited %}
  <p>Please complete your registration.</p>
{% else %}
  <a href="/login">Sign in</a>
{% endif %}

Lussen

<ul>
{% for item in items %}
  <li class="{{ 'odd' if loop.odd else 'even' }}">
    {{ loop.index }}: {{ item.title }}
  </li>
{% else %}
  <li>No items available.</li>
{% endfor %}
</ul>

Lushelpers: loop.index (vanaf 1), loop.index0 (vanaf 0), loop.first, loop.last, loop.length.

Sjabloonovererving

Basisindeling (base.html):

<!DOCTYPE html>
<html>
<head><title>{% block title %}My Site{% endblock %}</title></head>
<body>
  <main>{% block content %}{% endblock %}</main>
</body>
</html>

Kind-sjabloon:

{% extends "base.html" %}
{% block title %}Dashboard - My Site{% endblock %}
{% block content %}
  <h1>Welcome to your Dashboard</h1>
{% endblock %}

Referenties

Verwante onderwerpen