使用模版頁面看起來特別樸素
接下來我們可以編輯一下同模版頁面
在eclipse中可以django editor - http://eclipse.kacprzak.org/updates下載一個插件,適合編輯模版
創建模版固定名稱base.html
測試內容:
<html>
<style type="text/css">
body{ color:#efd; background:#453; padding:0 5em; margin:0; }
h1{ padding:2em 1em; background:#675;}
p{margin:1em 0;}
</style>
<body>
<h1>my frist django com</h1>
{% block content%}
{% endblock %}
</body>
</html>
修改archive.html模版:
{% extends "base.html" %} #這裏告訴django去查找一個base.html 的標籤沒並將模塊裏的所有內容全部添加到相應的塊裏去
{% block content %}
{% for post in posts %}
<h2>{{post.title}}</h2>
<p>{{post.timestamp|date:"l,F jS"}}</p>
<p>{{post.body}}</p>
{%endfor%}
{% endblock %}
接下來更改一下排序方式
在views裏修改:
posts = BlogPost.objects.order_by("-timestamp").all()
去掉timestamp前面-號變爲按降序排列
過濾器格式化時間戳
<p>{{post.timestamp|date:"l,F jS"}}</p>
即可