Modèle HTML Django partie 2

introduction

Ici, nous allons expliquer l'héritage du modèle HTML de django.

Héritage du modèle HTML

En utilisant ʻextends, vous pouvez hériter du fichier de modèle HTML de base. Vous pouvez créer un bloc à réécrire en définissant {% block block name%}`. Il peut également être utilisé pour charger des fichiers CSS et javascript personnalisés.

base.html


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>titre de la page</title>
</head>
<body>
{% block content %}
{% endblock content %}
</body>
</html>

sample.html


{% extends 'base.html' %}

{% block content %}

{% endblock content %}

Modèle intégré

Vous pouvez inclure des fichiers HTML dans une page en utilisant ʻincludes`.

sidebar.html


<div class="sidebar">
<p>Barre latérale</p>
</div>

sample.html


{% extends 'base.html' %}

{% block content %}
<div class="main-content">
<p>Contenu principal</p>
</div>
{% includes 'sidebar.html' %}
{% endblock content %}

Résumé

Ici, j'ai expliqué l'application du modèle HTML de django. Nous continuerons d'ajouter du contenu au besoin.

Recommended Posts

Modèle HTML Django partie 2
Modèle HTML Django
Django # 2 (modèle)
Astuces pour les modèles Django
Organiser les fichiers de modèle Django
Paramètres du modèle HTML Flask
Django
Faire du modèle une chaîne sur le modèle HTML Django
Enregistrement du modèle depuis Django Bootstrap
Afficher Django ManyToManyField dans un modèle
modèle
Standardiser le HTML à louer avec Django
Créer un filtre avec un modèle django
[Astuces] Comment étendre le modèle lors de la création de HTML avec django
Comment effectuer un traitement arithmétique avec le modèle Django
mise à jour de Django
Mémorandum Django
recherche django
Installation de Django
Résumé de Django
Test Django
(Remarque) Ordre de recherche des fichiers modèles dans Django
Django Note 5
Django Hands On
Touchez django
Mémo Django
Résumé de Django
Les bases de Django
Django Shoho
Développement d'une application WEB avec Django [modèle supplémentaire]
Paramètres initiaux de Django
Django + Docker
Glossaire Django
(Pour moi) Django_1 (Basic / Hello World / Template)
Installation de Django
Django: Références
Django Note 1
Modifier le HTML et le CSS de la table de décalage Django
Django Note 3
Django Note 2
Résoudre les conflits de modèles Angural JS et Django
Démarrage de Django
Ecrire brièvement if-else du template Django
Mémo Django
Django NullCharField
Le modèle Django lit Makdown et reStructuredText écrits dans un fichier externe au format HTML
Dans Django, affichez les résultats des lots (commandes) de manière séquentielle en HTML
Spécifiez l'URL de la vue dans le modèle Django
Exécutez des fichiers Python à partir de HTML en utilisant Django