Django 基模板布局设置

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>
上一篇:windows7,windows8 64位系统 IIS7.0配置.net网站时报错:未能加载文件或程序集“XXX”或它的某一个依赖项。试图加载格式不正确的程序。


下一篇:Win8.1密钥