模板的继承_{% block content %} {% endblock %}

作者：正经夜光杯 | 2024-06-29 10:52:20

踩

{% block content %} {% endblock %}

1.模板的继承举例

有一个base.html模板如下:

<p>
   这是一个继承模板
</p>
{% block content %}
{% endblock  %}1
2
3
4
5

以下test.html的代码如下

{% extends 'base.html' %}  #引用上面的base.html模板

{% block content %}

    <a href="11111">just a test</a>

{% endblock %}1
2
3
4
5
6
7

test.html返回的页面内容:

这是一个继承模板

just a test1
2
3

2.模板的实际使用

以下方法相当于给网页整一个模型,后面所有的网页继承这个模型.继承以下代码的网页的头部个底部将会统一.

{% load static %}
<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>王富与贵</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
    <script type="text/javascript" src="{% static 'js/jquery-1.7.2.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/all.js' %}"></script>
    {% block CSS %}

    {% endblock %}

</head>
<body>


{% block header %}
    
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/正经夜光杯/article/detail/769069