python - 根据当前 View 突出显示菜单项

Question

我目前正在检查模板中每个菜单项上的一个变量，看是否应该添加一个 CSS 类来突出显示它。

{% if title == "Home" %}
<li class="active">
{% else %}
<li>
{% endif %}

我想创建一个包含四个菜单项的列表。为了获得预期的效果，我将不得不重复上述代码四次。

"menu":[
{"title":"home", "link":"/"}, 
{"title":"about", "link":"about"}, 
{"title":"contact","link":"contact"}
]

有没有更简单的方法来循环列表并突出显示适当的项目？

Answer 1

与其传递任何内容，或尝试解析某些 url 或列表，不如将高亮部分作为模板的一部分。

创建一个包含菜单的基本模板，每个 class= 属性都有一个 block 。

<ul>
    <li class="{% block nav_home %}{% endblock %}">Home</li>
    <li class="{% block nav_about %}{% endblock %}">About</li>
    <li class="{% block nav_contact %}{% endblock %}">Contact</li>
</ul>

在扩展基础的页面模板中，用值“active”覆盖其中一个 block 。

{% extends "base.html" %}
{% block nav_contact %}active{% endblock %}
{% block content %}<h3>Contact</h3>{% endblock %}