Django 模板继承

Django 模板继承的语法主要涉及两个关键标签:{% extends %}{% block %}

语法详解

  1. {% extends %}

    • 用于指定当前模板继承自哪个父模板。
    • 语法:{% extends "父模板的路径" %}
    html 复制代码
    {% extends "base.html" %}
  2. {% block %}

    • 定义可以被子模板重写的区域。
    • 语法:{% block block_name %}内容{% endblock %}
    html 复制代码
    {% block content %}
    这里是内容
    {% endblock %}

示例

父模板
html 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}默认标题{% endblock %}</title>
</head>
<body>
    <header>
        <h1>网站标题</h1>
    </header>
    
    <main>
        {% block content %}
        默认内容
        {% endblock %}
    </main>
    
    <footer>
        <p>版权信息</p>
    </footer>
</body>
</html>
子模板
html 复制代码
{% extends "base.html" %}

{% block title %}子页面标题{% endblock %}

{% block content %}
    <h2>这是子页面的内容</h2>
{% endblock %}

总结

  • 使用 extends 指定父模板。
  • 使用 block 定义可重写的内容区域。通过这种方式,你可以有效地管理和重用模板结构。
相关推荐
weixin_408717772 分钟前
c++如何实现跨平台的文件读写进度监听器回调机制【实战】
jvm·数据库·python
一铭111993 分钟前
gpt-claude-gemini 超级大模型安装使用教程
java·python·gpt·ai编程·claude·gemini
2401_8371638910 分钟前
HTML怎么标注字数限制提示_HTML实时字数统计占位【详解】
jvm·数据库·python
阿标的博客14 分钟前
Python学习(二):PyCharm的下载与安装
python
m0_7411733316 分钟前
Golang Gin如何做Swagger文档_Golang Gin Swagger教程【速学】
jvm·数据库·python
AI_大白18 分钟前
让 Cursor 帮你搞定美股 4 个时段:AI Agent 的时段感知实战
python·架构
Uncertainty!!18 分钟前
claude code在pycharm中的安装使用
ide·python·pycharm·claude code
覆东流21 分钟前
第7天:Python小项目
开发语言·后端·python
a11177624 分钟前
Boxer 论文复刻(需要下载的文件都已放到压缩包)
python·开源·cv
不吃肥肉的傲寒25 分钟前
Graphify安装与结合claude code使用指南
java·python·ai编程·图搜索