模板继承(`extends`)时，如何利用`block`标签在`if`条件下决定是否覆盖父模板内容？

安企CMS模板进阶：巧用extends与block，实现条件式内容覆盖

在网站运营的日常工作中，我们深知网站内容的可维护性与灵活性对于高效运营的重要性。安企CMS以其基于Go语言的高效架构和类Django模板引擎语法，为内容管理提供了坚实的基础。其中，模板继承（extends）和内容区块（block）是构建可复用、易扩展网站布局的核心。但仅仅是继承和重写还不够，很多时候，我们希望子模板能够“智能”地决定：在满足特定条件时覆盖父模板的内容，否则就沿用父模板的默认设计。今天，我们就来深入探讨这一巧妙而实用的技巧。

模板继承：构建网站骨架的基石

想象一下，我们正在为AnQiCMS搭建一套全新的企业网站模板。一个网站通常拥有固定的头部、导航、侧边栏和底部区域，只有核心内容区域会随页面不同而变化。此时，extends和block的组合就如同搭建房屋的钢筋水泥骨架。

首先，我们创建一个通用的父模板，比如命名为base.html。在这个父模板中，我们将定义网站的整体结构和公共元素，并使用block标签圈定那些允许子模板进行修改或填充的区域。这些区块就像预留的插槽，等待具体内容来填补。例如：

<!-- base.html (父模板示例) -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{% block page_title %}AnQiCMS企业官网 - 领先的内容管理系统{% endblock %}</title>
    <meta name="description" content="{% block page_description %}AnQiCMS致力于提供高效、可定制的企业级内容管理解决方案。{% endblock %}">
    <!-- 引入通用样式、脚本等 -->
</head>
<body>
    <header>
        <!-- 网站通用头部，包含Logo、主导航等 -->
        {% block header_nav %}{% navList navs %}...{% endnavList %}{% endblock %}
    </header>

    <div class="main-wrapper">
        <aside class="sidebar">
            {% block sidebar_content %}
                <!-- 父模板默认的侧边栏内容，如通用广告、最新文章列表等 -->
                <p>这里是默认侧边栏，展示最新动态。</p>
            {% endblock %}
        </aside>
        <main class="content">
            {% block main_content %}
                <!-- 父模板默认的主内容区域提示 -->
                <p>欢迎来到AnQiCMS网站！</p>
            {% endblock %}
        </main>
    </div>

    <footer>
        <!-- 网站通用底部，包含版权信息、友情链接等 -->
        {% block footer_info %}{% system with name="SiteCopyright" %}{% endblock %}
    </footer>
</body>
</html>

随后，当我们创建具体页面时，比如一篇文章的详情页article_detail.html，我们只需通过{% extends 'base.html' %}来继承父模板，然后选择性地重写其中的block区块，填充文章自身的标题、内容等信息。这样一来，网站的整体布局得以保持一致，而每个页面的个性化内容则能轻松实现。

动态之美：在block中使用if条件，决定内容去留

现在，我们面临一个更精细的需求：某些页面有独特的侧边栏内容，而其他大多数页面则沿用父模板的通用侧边栏。如果仅仅重写sidebar_content区块，那么这些页面将完全失去父模板提供的默认侧边栏。我们真正想要的是一种“条件式覆盖”——当特定条件满足时，显示子模板的定制内容；否则，就“退回”父模板的默认内容。

这正是if标签在block中大显身手的地方。安企CMS的模板引擎支持在block内部嵌套逻辑判断。关键在于，我们可以利用{{ block.super }}这个特殊的变量，来引用父模板中当前block的原始内容。

让我们以侧边栏为例，假设我们有一个特殊的“促销活动页”，它的侧边栏需要显示一个独特的促销广告，而不是常规的最新动态。在special_promotion.html这个子模板中，我们可以这样处理：

<!-- special_promotion.html (子模板示例) -->
{% extends 'base.html' %}

{% set is_promotion_page = true %} {# 假设通过某种逻辑（如URL参数、文章标签、分类ID等）判断出这是促销页 #}

{% block page_title %}限时促销！不容错过 - {% tdk with name="Title" siteName=true %}{% endblock %}

{% block main_content %}
    <section class="promotion-banner">
        <img src="{% system with name='TemplateUrl' %}/images/promotion-banner.jpg" alt="年度大促">
        <h2>激动人心的促销活动标题！</h2>
        <p>这里是促销活动的详细介绍和规则。</p>
    </section>
    <article>
        <!-- 促销活动主体内容 -->
    </article>
{% endblock %}

{% block sidebar_content %}
    {% if is_promotion_page %}
        <div class="promotion-ad">
            <h3>仅限今日！</h3>
            <p>超值优惠，立即抢购！</p>
            <a href="/promo-details.html" class="btn btn-primary">了解详情</a>
        </div>
    {% else %}
        {# 如果is_promotion_page为false（例如，这个变量未设置或设为false），则渲染父模板的默认侧边栏内容 #}
        {{ block.super }}
    {% endif %}
{% endblock %}

在这个例子中：

  1. 我们首先通过{% set is_promotion_page = true %}（在实际应用中，这通常会是根据后端数据动态判断的结果，例如{% if archive.Flag contains 'promo' %}或{% if category.Id == 123 %}）设置一个条件变量。
  2. 在sidebar_content区块内部，我们使用{% if is_promotion_page %}来判断。
  3. 如果条件为真，子模板会渲染其内部定义的促销广告。
  4. 如果条件为假，{% else %}分支中的{{ block.super }}就会被执行，神奇地将父模板base.html中sidebar_content