Django(4)--模板的继承

首先父模板

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="/static/css/index.css">
    {# 如果子模板没有重写这个title块,就是用这个默认值:如果子模板重写了这个title块.就是用子模板重写的值 #}
        {% block title %}
            <title>这是nav模板</title>
        {% endblock %}
    </head>
    <body>
        <h1>公共的导航条</h1>
        <span>HTML</span>
        <span>css</span>
        <span>js</span>
    {# 以上标签都是公共部分的内容,所有页面都要使用 #}
    {# 在继承的时候,会将当前文件nav.html中的所有便签都继承过去 #}
    {# 如果子模板需要在当前这个页面的基础上,添加一些自己页面的内容,使用Django模板标签block(代码块),需要给这个块起一个名称 #}
    {% block connect %}
        <h1>这里插入内容</h1>
    {% endblock %}
    </body>
</html>

子模板
首先表明继承的模板是哪一个

{% extends 'nav.html' %}

然后通过block代码块插入内容

#title
{% block title %}
    <title>首页</title>
{% endblock %}
#content
{% block connect %}
    <h1 class="h">index的首页内容</h1>
{% endblock %}

Django如何在html中引用静态文件?

在项目根目录下或者APP下,新建一个static文件夹(固定);将所有的静态资源文件放进去
如果static放在了根目录下,需要在settings.py中,配置搜索路径:如果是在APP下创建的,不用配置
在html文件中,引入静态资源

Django(4)--模板的继承

猜你喜欢