Modèle HTML Django

introduction

Ici, nous expliquerons comment créer un fichier de modèle HTML pour django. Comme modèle, nous utiliserons le SampleModel décrit dans Article précédent.

Incorporation de variables et de fonctions dans des fichiers HTML

Dans le fichier HTML, vous pouvez utiliser {{nom de la variable}} pour incorporer la variable passée de views.py dans le fichier HTML. Vous pouvez également contrôler le contenu d'affichage à l'aide d'une fonction en définissant {% nom de la fonction argument 1 argument 2 ...%}.

Afficher la liste des enregistrements

Pour les vues basées sur les classes, la liste des enregistrements à afficher est transmise au modèle en tant que model name_list. Extrayez cette liste d'enregistrements un par un en utilisant {% for%} et affichez-la. De même pour les vues basées sur les fonctions, il est judicieux de transmettre la liste d'enregistrements du modèle en tant que «contexte» au fichier HTML.

app/samplemodel_list.html


{% for sample in samplemodel_list %}
    <h1>{{ sample.char_sample }}</h1>
    <p>{{ sample.text_sample }}</p>
{% endfor %}

Afficher les enregistrements individuels

Pour les vues basées sur les classes, les enregistrements individuels sont transmis au modèle en tant que «noms de modèle».

app/samplemodel_detail.html


<h1>{{ samplemodel.char_sample }}</h1>
<p>{{ samplemodel.text_sample }}</p>

Résumé

Ici, j'ai expliqué les bases de la création de modèles HTML pour django. La prochaine fois, je couvrirai l'héritage des modèles et la création de balises personnalisées.

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
Django Note 4
Mémorandum Django
recherche 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