django开发Blog(4)
2012-10-17 18:26
344 查看
改变外观
(一)新增templates目录
加入两个模版文件
(1)base.html文件
<html>
<style type="text/css" >
body {color: #efd; background: #435; padding: 0 5em;margin: 0}
h1 {padding: 2em 1em; background: #675}
h2 {color: #bf8; border-top: 1px dotted #fff; margin-top: 2em}
p {margin: 1em 0}
</style>
<head>
<title><!-- Insert your title here --></title>
</head>
<body>
<h1>mysite.example.com</h1>
{% block content %}
{% endblock %}
</body>
</html>
(2)archive.html文件
{% extends "base.html" %}
{% block content %}
{% for post in posts %}
<h2>{{ post.title }}</h2>
<p>{{ post.timestamp }}</p>
<p>{{ post.body }}</p>
{% endfor %}
{% endblock %}
其中extends "base.html"表示将上面创建的base.html文件引入到本文件中
(二) 按照timestamp降序排列
在models.py中加入
class Meta:
ordering=('-timestamp',)
(三)启动服务器并测试
python -Wall manage.py runserver
-Wall参数用于调试
(一)新增templates目录
加入两个模版文件
(1)base.html文件
<html>
<style type="text/css" >
body {color: #efd; background: #435; padding: 0 5em;margin: 0}
h1 {padding: 2em 1em; background: #675}
h2 {color: #bf8; border-top: 1px dotted #fff; margin-top: 2em}
p {margin: 1em 0}
</style>
<head>
<title><!-- Insert your title here --></title>
</head>
<body>
<h1>mysite.example.com</h1>
{% block content %}
{% endblock %}
</body>
</html>
(2)archive.html文件
{% extends "base.html" %}
{% block content %}
{% for post in posts %}
<h2>{{ post.title }}</h2>
<p>{{ post.timestamp }}</p>
<p>{{ post.body }}</p>
{% endfor %}
{% endblock %}
其中extends "base.html"表示将上面创建的base.html文件引入到本文件中
(二) 按照timestamp降序排列
在models.py中加入
class Meta:
ordering=('-timestamp',)
(三)启动服务器并测试
python -Wall manage.py runserver
-Wall参数用于调试
相关文章推荐
- 【Django 快速搭建blog】 Django Web 开发指南 (第二章)
- Django个人博客开发(十:lblog/models.py lblog/index.html、十一:lsite index.html)
- django开发个人简易Blog—nginx+uwsgin+django1.6+mysql 部署到CentOS6.5
- 基于Aptana3+Django开发blog的示例
- django开发个人简易Blog——数据模型
- Django blog - 01 -搭建Django博客开发环境
- 如何用django开发一个简易个人Blog
- Django Blog开发v1.0
- django开发Blog(1)
- vmaig_blog 一个基于 Django1.8 跟 Bootstrap3 开发的 博客系统
- django开发Blog(2)
- Python+Django+Boostrap搭建个人Blog-Part01开发环境及安装
- django开发个人简易Blog——构建项目结构
- 如何用django开发一个简易个人Blog
- 基于Aptana3+Django开发blog的示例
- django开发Blog(3)
- Django个人博客开发(七:CommentStore CommentShow.、八:blogDetailShow captcha.js、九:search css)
- 使用Django+MySQL开发个人blog
- 用Django开发一个Blog可能需要解决的22个问题
- 基于Aptana3+Django开发blog的示例