Django的模板继承怎么实现

lewis 9年前 (2016-09-04) 阅读数 8 #程序编程

文章标签 django

在Django中，模板继承可以通过使用{% extends %}标签来实现。下面是一个简单的示例：

创建一个基础模板base.html，包含通用的页面结构，如导航栏、页脚等内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}My Website{% endblock %}</title>
</head>
<body>
    <header>
        <h1>Welcome to My Website</h1>
    </header>
    
    <nav>
        <ul>
            <li>"/">Home</a></li>
            <li>"/about/">About</a></li>
        </ul>
    </nav>
    
    <main>
        {% block content %}
        {% endblock %}
    </main>
    
    <footer>
        &copy; 2021 My Website
    </footer>
</body>
</html>

创建子模板，通过{% extends 'base.html' %}标签继承基础模板，并覆盖需要修改的内容：

{% extends 'base.html' %}

{% block title %}
    About Us - My Website
{% endblock %}

{% block content %}
    <h2>About Us</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
{% endblock %}

在这个示例中，子模板通过extends标签继承了base.html，然后覆盖了title和content块，实现了模板的继承。当渲染子模板时，Django会自动将相应块的内容填充到基础模板中相应的位置。