Wie kann ich den Front-End-Linkstil im Django-Backend elegant kontrollieren?

Wie kann ich den Front-End-Linkstil im Django-Backend elegant kontrollieren?

In der Django-Backend-Entwicklung ist die dynamische Kontrolle des Stils von Front-End-Elementen, z. Wenn es viele Kategorien gibt, macht es den Code, den Code direkt zu verwalten, verwendet, wenn Anweisungen direkt ausgelöst werden. Dieser Artikel bietet eine elegantere Lösung, die den Code effektiv vereinfacht und die Wartbarkeit verbessert.

Der Schlüssel besteht darin, die Verwendung von IF -Anweisungen zu optimieren und die Vorteile der Django -Vorlagensprache voll auszunutzen. Wenn die Verbindungsstile der nicht ausgewählten Kategorien konsistent sind (z. B. sind sie alle "nicht ausgewählt"), müssen Sie nur feststellen, ob die aktuelle Kategorie mit der ausgewählten Kategorie übereinstimmt.

Angenommen, die Ansichtsfunktion hat die aktuell ausgewählte Kategorie selected_cate (einschließlich des Slug -Attributs) und alle categories erhalten. Sie können selected_cate.slug an das Front-End übergeben, wenn Sie eine Vorlage rendern:

 # Views.py
Aus Django.shortcuts importieren Sie get_object_or_404
Aus .models importieren Kategorie # Nehmen Sie Ihr Kategorienmodell Def My_View (Anfrage) an:
    selected_cate_slug = request.get.get ('cate') # Ausgewählte Kategorie Slug von GET -Parametern
    selected_cate = get_object_or_404 (Kategorie, slug = selected_cate_slug) if selected_cate_slug sonst keine #RoUbleshooting -Fälle, in denen die Kategorie nicht ausgewählt ist, kategorien = category.objects.all ()
    context = {'selected_cate_slug': selected_cate_slug, 'Kategorien': Kategorien}
    Return Render (Anfrage, 'my_template.html', Kontext)

Verwenden Sie in der Front-End-Vorlage my_template.html die Django-Vorlagesprache, um Urteile zu fällen:

 { % für Kategorien in Kategorien %}
  <a class="{% if cate.slug == selected_cate_slug %}select{% else %}unselect{% endif %}" href="https://www.php.cn/link/87063c3b3376e86a570c9b34334cda1c"> {{category.name}}</a>
{ % endfor %}

Dieser Code verwendet nur eine Anweisung und kann die Klassenattribute jeder Link dynamisch gemäß selected_cate_slug festlegen. Dieser Ansatz überträgt die komplexe Logik in die Verarbeitung von Front-End-Vorlagen und vereinfachte Back-End-Code. Wenn sich die Anzahl der Kategorien ändert, müssen Sie nur die Erfassungsmethode von categories anpassen, ohne die IF -Anweisung selbst zu ändern, wodurch die Wartbarkeit des Codes verbessert wird. Zusätzlich wird die Verarbeitung von selected_cate_slug hinzugefügt, um potenzielle Fehler zu vermeiden.

Das obige ist der detaillierte Inhalt vonWie kann ich den Front-End-Linkstil im Django-Backend elegant kontrollieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!