Django:快速搭建简单的Blog

一，创建项目

1, 为blog创建名为mysite的工程项目：

1	django-admin.py startproject mysite

2, 项目结构如下：

1

mysite

2	├── manage.py

3	└── mysite

4	├── __init__.py

5	├── settings.py

6	├── urls.py

7	└── wsgi.py

• manage.py ----- Django项目里面的工具，通过它可以调用django shell和数据库等。

• settings.py ---- 包含了项目的默认设置，包括数据库信息，调试标志以及其他一些工作的变量。

• urls.py ----- 负责把URL模式映射到应用程序。

二 ，运行开发服务器

要马上查看django项目应用的运行，可以使用Django项目里的mange.py

 切换到工程目录，执行运行服务器命令：

1	python manage.py runserver

完成：

打开浏览器，输入访问地址：127.0.0.1：8000

三，创建Blog应用

1	python manage.py startapp blog

blog应用文件结构如下：

1

├── blog

2	│   ├── admin.py

3	│   ├── __init__.py

4	│   ├── models.py

5	│   ├── tests.py

6	│   └── views.py

四，设计你的Model

在blog目录下的models.py是blog应用的核心文件之一，是定义blog数据结构的地方。

用编辑器打开models.py

新添加BlogPost类，代码如下：

1	from django.db import models

2

3	# Create your models here.

4	class BlogPost(models.Model):

5	title = models.CharField(max_length = 150)

6	body = models.TextField()

7	timestamp = models.DateTimeField()

BlogPost类是django.db.models.Model的一个子类 。它有变量title(blog的标题)，body(blog的内容部分)，timestamp(blog的发表时间)。

五，设置数据库

 Dajango支持主流的数据库服务器（MySQL,PostgreSQL,Oracle和MSSQL），但本项目使用SQLite，这里之需要通过一条简单的命令可以创建SQLite数据库。

创建数据库：

切换到工程主目录mysite/下，执行如下命令：

1	<span style="font-family:Consolas, 微软雅黑, monospace, Verdana, sans-serif, 宋体"><span style="font-size: 12px;">python manage.py syncdb<br></span></span>

 出现下面的提示，输入yes,然后按照提示输入相关的信息。完成后会生成一个数据库文件db.sqlite3

六，设置自动admin应用

1,打开mysite/mysite/urls.py，取消注释url(r'^admin/', include(admin.site.urls))

2,编辑mysite/mysite/settings.py，在INSTALLED_APPS里面添加blog应用。

    添加后的代码如下：

1

<span style="font-family:Consolas, 微软雅黑, monospace, Verdana, sans-serif, 宋体"><span style="font-size: 12px;"># Application definition INSTALLED_APPS = (    'django.contrib.admin',    'django.contrib.auth',    'django.contrib.contenttypes',    'django.contrib.sessions',    'django.contrib.messages',    'django.contrib.staticfiles',    'blog', )<br></span></span>

 

2,修改mysite/blog/models.py

在最后添加一行代码：

1	<span style="font-family:Consolas, 微软雅黑, monospace, Verdana, sans-serif, 宋体"><span style="font-size: 12px;">admin.site.register(BlogPost)<br></span></span>

 models.py完整的代码如下：

01	from django.db import models

02	from django.contrib import admin

03

04	# Create your models here.

05	class BlogPost(models.Model):

06	title = models.CharField(max_length = 150)

07	body = models.TextField()

08	timestamp = models.DateTimeField()

09

10	admin.site.register(BlogPost)

3 ，打开浏览器，输入http://127.0.0.1:8000/admin/，输入刚才创建数据库时候填写的账号就能进入admin界面。

七,试用admin

1, 点击Blog Posts右侧的Add 按钮，添加一个帖子。

2,让admin的BlogPost界面更加美观

修改blog应用的models.py，为它添加一个admin.ModelAdmin的子类BlogPostAdmin.以列表形式显示BlogPost的标题和时间。

01	from django.db import models

02	from django.contrib import admin

03

04	# Create your models here.

05	class BlogPost(models.Model):

06	title = models.CharField(max_length = 150)

07	body = models.TextField()

08	timestamp = models.DateTimeField()

09

10	class BlogPostAdmin(admin.ModelAdmin):

11	list_display = ('title','timestamp')

12

13	admin.site.register(BlogPost,BlogPostAdmin)

八，建立Blog的公共部分

从Django的角度看，一个页面具有三个典型的组件：

• 一个模板（template）：模板负责把传递进来的信息显示出来。

• 一个视图（viw）：视图负责从数据库获取需要显示的信息。

• 一个URL模式：它负责把收到的请求和你的试图函数匹配，有时候也会向视图传递一些参数。

1,创建模板

    在blog目录下建立template目录（mysite/blog/templates）,创建模板文件archive.html,它的内容如下：

1	{% for post in posts %}

2	<h2>{{ post.title }}</h2>

3	<p>{{ post.timestamp }}</p>

4	<p>{{ post.body }}</p>

5	{% endfor%}

2,创建一个视图函数

在app应用的目录下的view.py添加视图函数

01	from django.shortcuts import render

02	from django.template import loader,Context

03	from django.http import HttpResponse

04	from blog.models import BlogPost

05

06	# Create your views here.

07

08	def archive(request):

09	posts = BlogPost.objects.all()

10	t = loader.get_template("archive.html")

11	c = Context({'posts':posts})

12	return HttpResponse(t.render(c))

• posts = BlogPost.objects.all() ：获取数据库里面所拥有BlogPost对象

• t = loader.get_template("archive.html")：加载模板
  

• c = Context({'posts':posts})：模板的渲染的数据是有一个字典类的对象Context提供，这里的是一对键值对。

3,创建一个URL模式

第一步，在mysite/urls.py里面取消下面的一行注释：

1

#

 把它变成：

1	url(r'^blog/', include('blog.urls')),

第二步：在blog应用里面定义URL，创建一个urls.py（mysite/blog/urls.py）

1	from django.conf.urls import *

2	from blog.views import archive

3

4	urlpatterns = patterns('',

5	url(r'^$',archive),

6

)

最后，在浏览器输入如下地址http://127.0.0.1:8000/blog/

九，最后的润色

1,模板的精确定位

在mysite/blog/templates目录里创建一个叫base.html的模板

01

<html>

02	<style type="text/css">

03	body{color:#efd;background:#453;padding:0 5em;margin:0}

04	h1{padding:2em 1em;background:#675}

05	h2{color:#bf8;border-top:1px dotted #fff;margin-top:2em}

06	p{margin:1em 0}

07

</style>

08

09

<body>

10	<h1>my blog</h1>

11	{% block content %}

12	{% endblock %}

13

</body>

14

</html>

2,修改archive.html模板，让它引用base.html模板和它的“content”块。

1

2	{% extends "base.html" %}

3	{% block content %}

4	{% for post in posts %}

5	<h2>{{  post.title }}</h2>

6	<p>{{ post.timestamp | date:"1,F jS"}}</p>

7	<p>{{ post.body }}</p>

8	{% endfor %}

9	{% endblock %}

刷新浏览器可以看到效果如下：

3,按日期排序

修改blog 应用下的models.py，为BlogPost添加一个Meta嵌套类。如下：

1	<span style="font-size: 12px;">class BlogPost(models.Model):

2	title = models.CharField(max_length = 150)

3	body = models.TextField()

4	timestamp = models.DateTimeField()

5

6	class Meta:

7	ordering = ('-timestamp',)<br></span>

 刷新浏览器，如下：