Verwendung des if-Urteils in HTML

Verwendung des if-Urteils in HTML

Während der Django-Webentwicklung wird beim Schreiben von HTML eine Listenvariable mit demselben Namen vom Backend übergeben, das Inhaltsformat ist jedoch unterschiedlich und muss separat beurteilt werden. Ich habe viele Artikel konsultiert und verschiedene Methoden ausprobiert, aber das Format scheint falsch zu sein (ich habe das Frontend nicht systematisch untersucht und es im Grunde einfach kopiert).
Später fand ich die Verwendung von html if im Django-Framework

Das Format ist ungefähr wie folgt

  <div Klasse="wenn/sonst">
                    {% if formname == 'Anrufaufzeichnungen' %}
                        Anrufaufzeichnungen
                    {% elif formname == 'Fahrerdatensätze' %}
                        Fahrerrekorde
                    {% elif formname == 'Clubinfo' %}
                        Clubinfo
                    {% elif formname == 'Clubmitglied' %}
                        Clubmitglied
                    {% elif formname == 'Personeninfo' %}
                        Zur Person
                    {% endif %}
                    </div>

Diese Syntax wird von Django bereitgestellt und beim Schreiben von nativem HTML-Code verwendet, ist aber nutzlos. Das obige Codefeld verwendet das HTML-Format, aber Sie können auch sehen, dass der Inhalt zwischen den <div>-Tags nicht von der HTML-Sprache markiert werden kann, was darauf hinweist, dass es sich nicht um eine integrierte HTML-Syntax handelt.
Aber zumindest mein Django-Projekt hat kein Problem damit, es zu verwenden!

Zusammenfassen

Oben ist die vom Herausgeber eingeführte Verwendung des if-Urteils in HTML. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten!

<<:  So prüfen Sie, ob Daten vorhanden sind, bevor Sie sie in MySQL einfügen

>>:  Detaillierte Erläuterung des Prinzips der Vue-Überwachungsdaten

Artikel empfehlen

So verwenden Sie worker_threads zum Erstellen neuer Threads in nodejs

Einführung Wie im vorherigen Artikel erwähnt, gib...

Tutorial zu HTML-Formular-Tags (3): Eingabe-Tag

Tutorial zu HTML-Formular-Tags. In diesem Abschni...

MySQL-Joinpufferprinzip

Inhaltsverzeichnis 1. MySQL-Joinpuffer 2. JoinBuf...

Vue implementiert einen einfachen Rechner

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung zur korrekten Verwendung der if-Funktion in MySQL

Für das, was ich heute schreiben werde, lief das ...

Detaillierter Prozess zum Erstellen von mysql5.7.29 unter Centos7 von Linux

1. MySQL herunterladen 1.1 Download-Adresse https...

Detaillierte Erklärung zur Interpretation der Nginx-Konfigurationsdatei

Die Nginx-Konfigurationsdatei ist hauptsächlich i...

Docker führt einen Befehl in einem Container außerhalb des Containers aus

Manchmal möchten wir einen Befehl in einem Contai...

calc(), um einen Vollbild-Hintergrundinhalt mit fester Breite zu erreichen

In den letzten Jahren gab es im Webdesign einen T...

Installationsschritte für die chinesische Eingabemethode von Ubuntu 20.04

Dieser Artikel installiert die Google-Eingabemeth...

Modularität in Node.js, npm-Paketmanager erklärt

Inhaltsverzeichnis Das Grundkonzept der Modularit...