21

我对 Jinja 和 Flask 很陌生

我想在导航栏中设置不同的背景颜色来指示当前页面。

是否有任何内置的 Jinja 变量或方法可以返回当前的 HTML 页面？如果可能，我想要不需要与 Python 文件通信的代码。

所以如果我目前在index.html，它将返回“index”或“index.html”

这是我的模板中的导航代码：

<ul>
   {% for item in navigation %}
       <a href="{{url_for(item.route)}}">
       <li>
           {{item.text}}
       </li>
       </a>
   {% endfor %}
</ul>

我想添加if语句，以便当前页面将<li>获得class

{% if ??? %}
   <li class="current">
   ...
   </li>
{% else %}
   ...
{% endif %}

谢谢你

4

3 回答 3

38

jinja2 文档中有一个技巧可以解决您的问题：http: //jinja.pocoo.org/docs/tricks/

如果您的列表足够简单，只需使用请求对象，如下所示：

<li {% if request.endpoint == item.endpoint %} class='active' {% endif %}>
    <a href="{{url_for(endpoint)}}">{{item.text}}</a>
</li>

通常，我将此代码段写入一个带有显式参数 set 的宏active：

{% macro render_sitem(endpoint, display, cls='', icon-cls='', active='') %}
<li {% if request.endpoint == endpoint or active == endpoint %} class='active' {% endif %}>
    <a class='{{cls}}' href="{{url_for(endpoint)}}"><i class="{{icon-cls}}"></i> {{display}}</a>
</li>
{% endmacro %}

该列表将类似于：

 <ul class="nav nav-list">
     {{render_sitem('page.index',  _('Pages'), icon-cls='icon-sitemap', active=active_page)}}
     {{render_sitem('post.index', _('Posts'), icon-cls='icon-file', active=active_page)}}
     {{render_sitem('user.index', _('Users'), icon-cls='icon-group', active=active_page)}}
 </ul>

因此，如果您有一个扩展或包含您的列表的子页面，您可以设置活动项目，例如：

{% set active_page = 'page.index' %}

在您的子页面顶部。

于 2012-07-26T09:04:04.910 回答
5

在金字塔 1.5 中，Flask 中没有类似 request.endpoint 的方法。

我们使用自定义过滤器 get_endpoint

request.path|get_endpoint

jinja2_custom_filters.py：

from pyramid_jinja2 import Environment

def get_endpoint(str):
    """

    :param str:
    :return:
    """
    return str.split('/')[-1]


env = Environment()
env.filters['get_endpoint'] = get_endpoint

在 development.ini 中：

jinja2.filters =
    model_url = pyramid_jinja2.filters:model_url_filter
    route_url = pyramid_jinja2.filters:route_url_filter
    static_url = pyramid_jinja2.filters:static_url_filter
    get_endpoint = path to ... jinja2_custom_filters.get_endpoint

也许它对某人有用:)

于 2015-01-09T08:42:14.627 回答
1

在 Flask 2.0.1 中，该request对象在模板中可用。有了这个，您可以轻松地使用它来使用request.path属性检查页面。

检查的一个例子是这样的：

{% if request.path == "/" %}
  <h1>You are at the root</h1>
{% endif %}
于 2021-10-06T20:12:24.390 回答