Django 基模板布局设置

基模板

定义基础模板一般分为三块，css部分，body部分，js部分
将基础统一的部分写在基础模板中
差异部分直接引用 {% block css %}{% endblock %} 将差异部分写在里面即可

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/dist/css/bootstrap.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>
    <script src="/static/dist/js/bootstrap.js"></script>
    <style>
        body{
            margin: 0;
        }
        .pg-header{
            height: 48px;
            background-color: cadetblue;
        }
    </style>
    
    {# 自定义 差异部分的Css #}
    {% block css %}{% endblock %}
</head>
<body>
    <div class="pg-header">菜单</div>

    {# 自定义 差异部分的body部分 #}
    {% block body %}{% endblock %}


    <script></script>
    {# 自定义 差异部分JS #}
    {% block js %}{% endblock %}
</body>
</html>