Django模板中的标签cycle和resetcycle

最新推荐文章于 2022-01-19 16:08:28 发布

原创最新推荐文章于 2022-01-19 16:08:28 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

python 同时被 2 个专栏收录

143 篇文章

订阅专栏

Django

4 篇文章

订阅专栏

本文探讨了在Django模板中如何使用`cycle`和`resetcycle`标签，通过实例展示了它们在创建不同布局的HTML页面（如base1.html, base2.html）中的应用。使用`resetcycle`可以避免样式重复，确保每个页面的样式独立不相互影响。" 128447131,12307960,微信小程序数据请求与安全配置实战,"['微信小程序', '前端开发', '小程序']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>{% block title %}My amazing site{% endblock %}</title>
</head>

<body>
    <div id="sidebar">
        {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
        {% endblock %}
    </div>

    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>

base1.html

{% extends "base.html" %}

{% block content %}
{% for blog in blogs %}
    <p class="{% cycle 'odd' 'even' as rows %}">
        {{ blog.name }}
    </p>
    <p class="{% cycle rows %}">
        {{ blog.tagline }}
    </p>
     <p class="{% cycle rows %}">
        {{ blog.tagline }}
    </p>
{% endfor %}

{% endblock %}

base2.html

{% extends "base.html" %}

{% block content %}
{% for blog in blogs %}
    <p class="{% cycle 'odd' 'even'%}">
        {{ blog.name }}
    </p>
    <p class="{% cycle 'odd' 'even' %}">
        {{ blog.tagline }}
    </p>
     <p class="{% cycle 'odd' 'even' %}">
        {{ blog.tagline }}
    </p>
{% endfor %}

{% endblock %}

{% for coach in coach_list %}
    <h1>{{ coach.name }}</h1>
    {% for athlete in coach.athlete_set.all %}
        <p class="{% cycle 'odd' 'even' %}">{{ athlete.name }}</p>
    {% endfor %}
    {% resetcycle %}
{% endfor %}

利用了resetcycle，返回的html页面

<h1>José Mourinho</h1>
<p class="odd">Thibaut Courtois</p>
<p class="even">John Terry</p>
<p class="odd">Eden Hazard</p>

<h1>Carlo Ancelotti</h1>
<p class="odd">Manuel Neuer</p>
<p class="even">Thomas Müller</p>

如果没有resetcycle，则会返回如下页面

<h1>José Mourinho</h1>
<p class="odd">Thibaut Courtois</p>
<p class="even">John Terry</p>
<p class="odd">Eden Hazard</p>

<h1>Carlo Ancelotti</h1>
<p class="even">Manuel Neuer</p>
<p class=odd">Thomas Müller</p>