django html模板继承 {%block 标记名｝｛%endblock%｝

最新推荐文章于 2025-03-17 21:18:40 发布

转载最新推荐文章于 2025-03-17 21:18:40 发布 · 1.6w 阅读

16 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/my-love-is-python/p/9459603.html

文章标签：

#python #开发工具 #前端 #ViewUI

本文介绍了Django中HTML模板的继承机制，如何使用{% block %} {% endblock %}标记定义和替换内容。在url文件中设置视图函数，将数据传递到前端。在views文件中，跳转到tp1.html并传入list列表。在被继承的master.html中，通过{% block %}定义可替换区域。子模板tp1.html通过{% extends 'master.html' %}继承master，并在对应块内填充内容实现内容替换。

对于url文件

   url(r'^tp1/', views.tp1)

对于views文件，跳转到tp1.html 同时将list列表传到前端

def tp1(request):
    list = [1, 2, 3, 4, 5, 6]
    return render(request, 'tp1.html', {'list': list})

对于被继承的文件master, 通过写入｛%block 标记%｝｛%endblock%｝里面的内容将是被替代的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="/static/commons.css">
<style>
    .pg-content{
        height: 48px;
        line-height: 48px;
        text-align: center;
        color: red;
        background-color: white;
    }
</style>
</head>
<body>
    <div class="pg-content">小男孩管理</div>
    {% block content %}{% endblock %}

<script src="/static/jquery-3.3.1.js"></script>
</body>
</html>

继承者tp1 首先通过{% extends 'master.html' %} 导入 master.html

然后在｛%block 标记%｝{%endblock%｝中填入值，及master中需要被代替的内容

标记需要一一对应

{% extends 'master.html' %}
{% block title %}老男孩管理{% endblock %}
{% block content %}
    <ul>
    {% for i in list %}
        <li>{{ i }}</li>
    {% endfor %}
    </ul>

{% endblock %}