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>