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 verhindern Sie, dass sich vsftpd-Benutzer über SSH anmelden

Vorwort vsftp ist eine benutzerfreundliche und si...

Vue-CLI - Aufzeichnung der Schritte zur mehrseitigen Verzeichnisverpackung

Seitenverzeichnisstruktur Beachten Sie, dass Sie ...

So verwenden Sie nginx, um eine angegebene Schnittstelle (URL) zu blockieren

1. Einleitung Manchmal müssen Sie eine Servicesch...

Zusammenfassung der 16 XHTML1.0- und HTML-Kompatibilitätsrichtlinien

1. Vermeiden Sie es, die Seite als XML-Typ zu dek...

Vue verwendet Element-UI, um die Menünavigation zu implementieren

In diesem Artikel wird der spezifische Code von V...

js zur Realisierung einer einfachen Scheibenuhr

In diesem Artikel wird der spezifische Code von j...

Docker-Konfiguration Alibaba Cloud Container Service-Betrieb

Konfigurieren des Alibaba Cloud Docker Container ...

So fügen Sie einer Tabelle in SQL Felder und Kommentare hinzu

1. Felder hinzufügen: Tabelle Tabellennamen änder...

Einfache Implementierung zum Ausblenden der Bildlaufleiste in HTML

1. HTML-Tags mit Attributen XML/HTML-CodeInhalt i...