AnQiCMS模板的`extends`标签如何实现页面布局的继承与重写以统一显示风格？
在构建网站时，保持页面风格统一性、提升开发效率和降低维护成本是每个网站运营者都追求的目标。安企CMS（AnQiCMS）深谙此道，其模板系统设计借鉴了Django模板引擎的优秀理念，其中extends标签便是实现这一目标的核心功能之一。
模板继承的核心理念
想象一下，您正在设计一系列海报。每张海报都有共同的品牌Logo、顶部标题和底部联系方式，只有中间的宣传内容是不同的。如果每制作一张海报都要从头开始绘制所有这些重复元素，那将耗费大量时间和精力。模板继承正是解决了这个问题。
在AnQiCMS中，模板继承允许您定义一个基础的“父模板”（通常称为base.html），它包含了您网站所有页面共享的HTML结构、样式引用、JavaScript引用以及固定的页面区域（如页眉、页脚、侧边栏等）。同时，您可以在父模板中通过block标签定义一些“可填充”的区域。
而子模板则继承这个父模板，并根据自身页面的具体需求，选择性地“重写”或“填充”这些block区域。如果子模板没有重写某个block，那么它就会自动使用父模板中定义的默认内容。这种机制让您能够集中管理网站的整体布局和风格，同时赋予各个页面灵活定制内容的自由。
extends标签的使用方法
在AnQiCMS的模板系统中，使用extends标签来声明一个子模板继承自哪个父模板非常简单。您只需在子模板文件的第一行写入：
{% extends 'path/to/your/base.html' %}
例如，如果您的基础布局文件在/template/default/base.html，那么在其他页面（如文章详情页article/detail.html）的开头，您就会看到：
{% extends 'base.html' %}
这里的base.html指代的是当前活动模板目录下的base.html文件。
接着，在父模板（base.html）中，您会看到类似这样的block标签定义：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
{% block title %}<title>我的AnQiCMS网站</title>{% endblock %}
{% block meta_description %}<meta name="description" content="AnQiCMS官方网站">{% endblock %}
{% block meta_keywords %}<meta name="keywords" content="AnQiCMS, Go CMS">{% endblock %}
<link rel="stylesheet" href="{% system with name="TemplateUrl" %}/css/style.css">
{# 引入头部脚本，如果存在 #}
{% include "partial/head_scripts.html" if_exists %}
</head>
<body>
<header>{% include "partial/header.html" %}</header>
<nav>{% include "partial/nav.html" %}</nav>
<div class="main-content">
{% block content %}
<!-- 这是父模板中的默认内容，如果子模板不重写，则显示此内容 -->
<p>欢迎来到我们的网站！</p>
{% endblock %}
</div>
<footer>{% include "partial/footer.html" %}</footer>
{# 引入底部脚本，如果存在 #}
{% include "partial/body_scripts.html" if_exists %}
</body>
</html>
在父模板中，我们定义了title、meta_description、meta_keywords和content等多个block。这些block标签内的内容是默认值，子模板可以选择性地重写它们。同时，像header、nav、footer这些在所有页面都一致的部分，可以直接写在父模板中，或者通过include标签引入更小的代码片段。
重写block以定制页面内容
现在，假设我们要为AnQiCMS的文章详情页（article/detail.html）创建内容。我们只需要关注文章本身独特的部分，而不需要重复编写整个页面的HTML结构。
在article/detail.html中，我们这样重写父模板中的block：
{% extends 'base.html' %}
{% block title %}
{# 使用AnQiCMS的archiveDetail标签获取文章标题，并拼接网站名称 #}
<title>{% archiveDetail with name="Title" %} - {% system with name="SiteName" %}</title>
{% endblock %}
{% block meta_description %}
{# 获取文章描述作为页面元描述 #}
<meta name="description" content="{% archiveDetail with name="Description" %}">
{% endblock %}
{% block meta_keywords %}
{# 获取文章关键词作为页面元关键词 #}
<meta name="keywords" content="{% archiveDetail with name="Keywords" %}">
{% endblock %}
{% block content %}
<article class="article-detail">
<h1>{% archiveDetail with name="Title" %}</h1>
<div class="article-meta">
<span>发布时间：{{stampToDate(archive.CreatedTime, "2006-01-02")}}</span>
<span>浏览量：{% archiveDetail with name="Views" %}</span>
</div>
<div class="article-body">
{# 获取文章内容，并使用safe过滤器防止HTML转义 #}
{%- archiveDetail articleContent with name="Content" %}
{{articleContent|safe}}
</div>
</article>
{% endblock %}
通过这种方式，article/detail.html只包含了其特有的内容（文章标题、元信息、文章正文），而页面的整体布局、公共的页眉页脚等则自动继承自base.html。您无需在每个页面中重复粘贴这些公共元素，大大提高了开发和维护的效率。
统一风格与高效布局的秘诀
extends标签带来的核心价值在于：
- 统一的视觉风格：所有页面都基于相同的父模板结构，确保了网站在整体布局和通用元素（如导航、页脚）上保持一致性，提升了品牌形象。
- 开发效率的飞跃：开发者可以专注于特定页面的独有内容，而无需重复编写大量公共HTML代码，显著加快了开发速度。
- 便捷的维护体验：当您需要调整网站的全局布局或通用组件时，只需修改
base.html或其中include的公共片段，所有继承它的页面都会自动更新，避免了在多个文件中重复修改的繁琐。 - 灵活的内容定制：
block机制允许子模板按需重写内容，既保证了统一风格，又提供了足够的灵活性来处理不同页面的特殊需求。
这种模板继承机制是AnQiCMS高效且易于管理内容的关键组成部分。它让网站的搭建和运营变得更加结构化