Myluzh Blog

Django-HTML模板继承

发布时间: 2023-5-20 文章作者: myluzh 分类名称: Python 朗读文章

制定一个模板文件 layout.html 模板文件内容如下：
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
</head>
<body>

 <!-- 导航条内容 -->
<nav class="navbar navbar-default"></nav>

<!-- 主体部分使用{% block content%}{% endblock %}-->
<div class="container">{% block content%}{% endblock %}</div>
 
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="{% static 'js/popper-1.16.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</body>
</html>

继承后的子页面写法如下： 
<!-- 继承layout.html页面 -->
{% extends 'layout.html' %}

<!-- 向block里面填写内容 -->
{% block title %}部门列表{% endblock %}
 
{% block content %}
<div>
这里子页面的主体内容
</div>
{% endblock %}

标签: django

« Django-请求参数和响应方式 | Django-HTML模板语法»

发表评论