继续上一篇的内容，在上一篇中简单的设计了主页，现在我们将创建两个显示数据的网页，其中一个列出所有的主题，另一个显示特定主题的所有条目，对于每个网页，我们都将指定URL模式，编写一个视图函数，并编写一个模块。在这样做之前，我们先创建一个父模板，项目中的其他模板都将继承它。
1、模板继承
（1）父模板
创建一个base.html，里面包含所有页面都有的元素：其他模板都继承base.html。
下面直接放代码：
base.html
<head>
<meta charset="utf-8">
<style>
body { margin: 0;}
.header{
background:#ffffff url('https://i.loli.net/2020/05/07/xbfmWKriBQHlvYg.jpg') repeat-x center;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<div class="header">
<h1><font color="black" /font>学习笔记</h1>
</div>
<p>
<a href="{% url 'learning_logs:index'%}">Learning Log </a>
</p>
{% block content %}{% endblock content %}
</body>
重新修改index.html
{% extends "learning_logs/base.html" %}
{% block content %}
<p><font color="black" /font>Learning Log</p>
<p>Learning Log helps you keep track of your learning,for any topic you're learning about.</p>
{% endblock content %}
子模板的第一行必须包含标签{% extends %}，learning_logs/base.html为路径。
在{% block content %}和{% endblock content %}中间插入子模板，不是从父模板继承的内容都包含在content块中。
网友评论