在 Django 中更改 URL 后，让 html 标签更改其样式的最佳做法是什么？

【问题标题】：What is the best practice for having html tags change their style after changing URL in Django?在 Django 中更改 URL 后，让 html 标签更改其样式的最佳做法是什么？
【发布时间】：2021-11-16 02:06:13
【问题描述】：

假设我有这种导航栏，当你点击它时按钮会变成白色（添加一个“活动”类）。但是如果按钮重定向到一个新的 url，导航栏会重新呈现，并且主页图标默认情况下会突出显示。重定向后如何在按钮上拖动“活动”类？这方面的最佳做法是什么？我问错问题了吗？

【问题讨论】：

这个“剩余/静态样式”的想法叫什么？这样我就可以阅读它。谢谢。

标签： django frontend

【解决方案1】：

你可以这样做：

views.py

def render_about(request):

    # include title in context
    context = {
        'title' : 'About'
    }

    return render(request, 'about.html', context=context)

然后在您的导航栏中：

base.html

<nav>
  <a class="{% if title=='Home' %}active{% endif %}"> Home </a>
  <a class="{% if title=='About' %}active{% endif %}"> About </a>
  ...
</nav>

然后在您的 css 文件中添加 active 类的样式。

【讨论】：

谢谢，我想就可以了。这是唯一了解这种模式的事情吗？
不——我通常在我所有的 django 项目中实现这个导航栏。