【原创】用Django创建一个简单的博客应用(三)：公共模板的引入

zihua 2014-05-01 15:05:06 点击: 908 | 收藏

在PHP中有smarty模板引擎，用来分离逻辑代码和页面显示层。同样Django的MTV理念中也有view和model。Django的View中使用 block 和 extends 语法进行模板文件的引入。比如头文件header.html、内容body.html、页脚footer.html。

在templates文件夹下新建header.html，内容如下：

  <html>
    <style type="text/css">
      p{margin:1em 0}
      h2{color:blue;}</div>
     .block{width:600px;margin:auto;margin-top:5px;}</div>
    </style>
    <body>
     {% block content %}</div>
     {% endblock %}</div>
    </body>
   </html>

注意{%block%}标签，它定义了一个字模块可以修改的命名块，我的理解就是当我们引入这个模块的时候，可以替换掉这个block，也就是修改。在archive.html中用 {%extends XXX.HTML%} 引入header.html公共头文件，和block块。

{% extends 'header.html' %}
	 {% block content %}
	 {% for post in posts %}
		 <h2> {{post.title}} </h2></div>
		 <p> {{post.timestamp|date:"l,F js"}}</p>
		 <p> {{post.body}}</p>
	 {% endfor %}
	 {% endblock %}

最终，我们简单的Django blog就成形了，其首页如图：