Verwendung des Include-Tag in Django

Dieses Tutorial soll schnell und einfach beibringen, wie man das include-Tag innerhalb der einzelnen HTML-Datei in Django verwendet.

Importieren Sie eine externe Datei in die HTML-Datei mit dem include-Tag in Django

In der Django-Dokumentation gibt es verschiedene eingebaute Template-Tags, die wir verwenden können. Und das extends-Tag ist Teil der Template-Vererbung.

Auch das include-Tag ist Teil der Template-Vererbung. Das include-Tag bietet eine intelligentere Möglichkeit, redundanten Code zu vermeiden, und hilft, einem kleinen Codeabschnitt eine externe Datei hinzuzufügen.

Wenn wir beispielsweise eine Homepage mit einer Navigationsleiste haben und mehrere Seiten um eine ganze Website herum integrieren, müssen wir sie auf verschiedenen Seiten hinzufügen. Es ist jedoch ein zeitaufwändiger Prozess, eine Navigationsleiste auf jeder Seite separat hinzuzufügen.

In diesem Fall werden wir keine Navigationsleiste einzeln hinzufügen. Wir müssen unsere Dateien base.html und navbar.html erstellen, ein Navbar-Skript in diese Dateien schreiben, dann können wir es verwenden, wo wir es mit dem include-Tag ersetzen möchten.

Laut Dokumentation lädt das include-Tag das Template mit dem aktuellen Kontext und rendert es. Dies ist eine Möglichkeit, andere Vorlagen in eine Vorlage einzufügen.

Jetzt erstellen wir eine neue HTML-Datei mit der Datei navbar.html und dem Tag include. Wir müssen dieses Tag im HTML-Tag body verwenden, und wir müssen Jinja-Vorlagen innerhalb des HTML-Codes verwenden.

Jinja-Vorlagen helfen uns, Variablen zu importieren und die Vererbung innerhalb der HTML-Datei anzuwenden. Wir können sehen, dass das include-Tag geschweifte Klammern öffnen und schließen muss, und um sie herum schreiben wir das include-Tag und nach einem Leerzeichen den Dateinamen, den wir ersetzen müssen.

Wenn wir unseren Server ausführen, können wir jetzt sehen, dass wir auf einer anderen Seite eine Navigationsleiste haben.

Sie haben gelernt, wie einfach Sie das include-Tag verwenden und eine externe HTML-Datei in Ihr Django-Projekt einbinden können. Weitere Informationen erhalten Sie hier.