使用{% block content %}来包裹需要改变的地方,其它不变。
{# 其它地方不变,使用block包裹需要改变的地方#}
{% block content %}
<h1>Weclome to China</h1>
{% endblock %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
.nav {
line-height: 40px;
width: 100%;
background-color: midnightblue;
color: white;
font-size: 20px;
text-align: center;
}
.left, .content {
float: left;
}
.left {
width: 20%;
min-height: 600px;
overflow: auto;
background-color: lightgray;
}
.manage {
text-align: center;
padding: 20px 0px;
margin: 20px 0;
font-size: 18px;
}
.content {
width: 70%;
min-height: 600px;
text-align: center;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<div class="outer">
<div class="nav">标题</div>
<div class="left">
<div class="s manage"><a href="/student/">学生管理</a></div>
<div class="tm manage"><a href="">老师管理</a></div>
<div class="cm manage"><a href="">课程管理</a></div>
<div class="clm manage"><a href="">班级管理</a></div>
</div>
<div class="content">
{# 其它地方不变,使用block包裹需要改变的地方#}
{% block content %}
<h1>Weclome to China</h1>
{% endblock %}
</div>
</div>
</body>
</html>
继承:通过{% extends url %}继承页面,通过改变{% block content %}包裹的内容实现子类的自定义
{{ block.super }}继承父类的block的东西
{#继承extend.html页面,必须放在首行#}
{% extends 'extend.html' %}
{% block content %}
{# 继承父类block的东西#}
{{ block.super }}
{# 子类的特性#}
{% for student in stu_list %}
<h2>学生{{ student }}</h2>
{% endfor %}
{% endblock %}