[PYTHON] Django HTML-Vorlage

Einführung

Hier erklären wir, wie eine HTML-Vorlagendatei für Django erstellt wird. Als Modell verwenden wir das in Vorheriger Artikel beschriebene "SampleModel".

Einbetten von Variablen und Funktionen in HTML-Dateien

In der HTML-Datei können Sie "{{Variablenname}}" verwenden, um die von "views.py" übergebene Variable in die HTML-Datei einzubetten. Sie können den Anzeigeinhalt auch mithilfe einer Funktion steuern, indem Sie "{% Funktionsname Argument 1 Argument 2 ...%}" festlegen.

Datensatzliste anzeigen

Bei klassenbasierten Ansichten wird die Liste der anzuzeigenden Datensätze als "Modellname_Liste" an die Vorlage übergeben. Extrahieren Sie diese Datensatzliste nacheinander mit "{% für%}" und zeigen Sie sie an. Ebenso ist es für funktionsbasierte Ansichten eine gute Idee, die Datensatzliste des Modells als "Kontext" an die HTML-Datei zu übergeben.

app/samplemodel_list.html


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

Einzelne Datensätze anzeigen

Bei klassenbasierten Ansichten werden einzelne Datensätze als "Modellnamen" an die Vorlage übergeben.

app/samplemodel_detail.html


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

Zusammenfassung

Hier habe ich die Grundlagen zum Erstellen von HTML-Vorlagen für Django erklärt. Das nächste Mal werde ich das Erben von Vorlagen und das Erstellen von benutzerdefinierten Tags behandeln.

Recommended Posts

Django HTML Vorlage Teil 2
Django HTML-Vorlage
Django # 2 (Vorlage)
Tipps für Django-Vorlagen
Organisieren Sie Django-Vorlagendateien
Einstellungen der Flask-HTML-Vorlage
Django
Machen Sie das Modell zu einer Zeichenfolge in der Django-HTML-Vorlage
Vorlagenregistrierung von Django Bootstrap
Zeigen Sie Django ManyToManyField in der Vorlage
Vorlage
Standardisieren Sie HTML, um mit Django gemietet zu werden
Machen Sie einen Filter mit einer Django-Vorlage
[Tipps] Die Vorgehensweise beim Erstellen von HTML mit Django wird erweitert
So führen Sie eine arithmetische Verarbeitung mit der Django-Vorlage durch
Django-Update
Django Note 4
Django Memorandum
Django-Suche
Django Zusammenfassung
Django-Test
(Hinweis) Suchreihenfolge der Vorlagendateien in Django
Django Note 5
Django zum Anfassen
Berühre Django
Django Memo
Django Zusammenfassung
Django Grundlagen
Django Shoho
Entwicklung einer WEB-Anwendung mit Django [Zusätzliche Vorlage]
Django Grundeinstellungen
Django + Docker
Django Glossar
(Für mich) Django_1 (Basic / Hello World / Template)
Django Installation
Django: Referenzen
Django Note 1
Bearbeiten Sie HTML und CSS der Django-Verschiebungstabelle
Django Note 3
Django Note 2
Lösen Sie Angural JS- und Django-Vorlagenkonflikte
Django-Start
Schreiben Sie kurz if-else von Django Template
Django Memo
Django NullCharField
Die Django-Vorlage lädt Makdown und reStructuredText, die in einer externen Datei als HTML geschrieben sind
In Django werden Batch- (Befehls-) Ergebnisse nacheinander in HTML angezeigt
Geben Sie die Ansichts-URL in der Django-Vorlage an
Führen Sie Python-Dateien mit Django aus HTML aus