模板的继承

最新推荐文章于 2024-07-19 23:45:00 发布

会编程的漂亮小姐姐

最新推荐文章于 2024-07-19 23:45:00 发布

阅读量3.1k

点赞数 3

分类专栏： Python 学习总结

本文链接：https://blog.csdn.net/u014229742/article/details/80979412

版权

本文介绍了模板继承的概念，通过一个base.html和test.html的例子展示了如何实现模板的继承。模板继承可以为网页创建一个通用的模型，确保头部和底部在所有继承此模型的页面中保持一致。此外，还讨论了将header和footer部分代码单独存放在base_min.html中以方便复用的方法。

摘要由CSDN通过智能技术生成

1.模板的继承举例

有一个base.html模板如下:

<p>
   这是一个继承模板
</p>
{% block content %}
{% endblock  %}

以下test.html的代码如下

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

{% block content %}

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

{% endblock %}

test.html返回的页面内容:

这是一个继承模板

just a test

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 %}