Template Jinja

1. Le template de base

Toutes les pages du tableau de bord sont organisées avec les mêmes éléments HTML tels que ceux décrits dans la section précédente.

images/07RI24.png

Découpage HTML en entités logiques

Cette découpe est utilisée pour créer un template de base Jinja. Le graphique ci-dessous et la table qui suit reprennent les différents éléments Jinja placés dans le template de base, éléments à définir dans le template dérivé. Jinja, Techniques:créer un template de base

images/07RI30.png

Éléments du template Jinja

Entité

Description et template Jinja

1

Icône Home

{{ home_icon }} : nom de l’icône Materialize à afficher. Icône home par défaut.

{{ home_target }} : URL de destination de l’icône. La racine (/) par défaut.

2

Titre

{{ title }} : Titre affiché dans la barre de navigation (et la page HTML). <No title> par défaut.

{{ title_url }} : URL de destination du titre. #! par défaut.

3

Barre de navigation

{{ dash_color }} : couleur de fond pour le tableau de bord utilisée comme couleur de fond de la barre de navigation. Aucune couleur par défaut.

4

Bloc d’action

{% block actions %} : liste des actions de la page. Par défaut, il affiche le contenu de démonstration suivant :

<li><a href="#"><i class="material-icons">lock_outline</i> </a></li>...
couv_LF2PYRASPFL.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Structure HTML
Suivant
Configuration