Day6

最新推荐文章于 2024-09-09 18:34:56 发布

Flora.Li

最新推荐文章于 2024-09-09 18:34:56 发布

阅读量283

点赞数 3

分类专栏： Web开发学习文章标签： python django

本文链接：https://blog.csdn.net/m0_74102664/article/details/140894229

版权

Web开发学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

模板的继承

在一个网页中，可能会出现几个页面样式几乎不变的情况。

确实是可以在每个html文件中写重复代码，但是，假如说后期运维的话，如果需要在某一处修改数据，那用过这个代码的都得逐一修改，这样的运维成本太高了。

那在Django中就支持创建一个模板，能让html继承的模板。

在templates文件中创建一个叫 layout 的html文档。

然后把重复的代码复制进去，再在后面加一个container，

这里的container可以理解为占位符~

其他页面继承该模板的时候，只需要编写block content的内容就好。

好~

那么现在看一下，继承模板的页面的html要怎么编写？

把原来代码全部清空，写上{% extends 'layout.html' %}

然后再在里面写

{% block content %}

{% endblock %}

模板一般定义为：layout.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-5.3.0-alpha1/css/bootstrap.css' %}">
</head>
<body>
    <h1>标题</h1>
    <div>
        {% block content %}
        {% endblock %}
    </div>
    <h1>底部</h1>
    <script src="./static/js/jquery-3.7.1.min.js"></script>
    <script src="{% static 'plugins/bootstrap-5.3.0-alpha1/js/bootstrap.bundle.min.js' %}"></script>
</body>
</html>

继承模板：

{% extends 'layout.html' %}

{% block content %}
    <h1>首页</h1>
{% endblock %}

Flora.Li

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
Day6

确实是可以在每个html文件中写重复代码，但是，假如说后期运维的话，如果需要在某一处修改数据，那用过这个代码的都得逐一修改，这样的运维成本太高了。其他页面继承该模板的时候，只需要编写block content的内容就好。那在Django中就支持创建一个模板，能让html继承的模板。然后把重复的代码复制进去，再在后面加一个container，在一个网页中，可能会出现几个页面样式几乎不变的情况。那么现在看一下，继承模板的页面的html要怎么编写？<h1>标题</h1><h1>底部</h1>
复制链接

扫一扫

专栏目录