今天花了一些时间搭了一个博客系统，虽然并没有相关于界面的美化，但是发布是没问题的。
开发环境
操作系统：windows 7 64位
django： 1.96
python：2.7.11
ide： pycharm 2016.1
功能篇
既然是博客系统，发布的自然是博客了。让我们想想，一篇博客有什么属性。所以我们要有能添加博客，删除博客，修改博客，以及给博客发评论，贴标签，划分类等功能。
关系分析
属性
博客：标题，内容。
标签：标签名
分类：分类的名称
评论：评论人，评论人email，评论内容
关系
博客：一篇博客可以有多个标签，多个评论，属于一个分类
标签：一类标签可以赋予多篇博客，一个博客也可以由多个标签，所以是多对多的关系
分类：一个分类内部可以有多个博客，所以和博客是一对多的关系
评论：很明显一个评论属于一个博客，而一个博客可以有很多的评论，所以是一对多的关系。
模型层设计
废话不多说，根据上一步的关系分析，直接设计即可。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
# coding:utf8
from __future__ import unicode_literals
from django.db import models
# create your models here.
class catagory(models.model):
"""
博客分类
"""
name = models.charfield('名称',max_length=30)
def __unicode__(self):
return self.name
class tag(models.model):
"""
博客标签
"""
name = models.charfield('名称',max_length=16)
def __unicode__(self):
return self.name
class blog(models.model):
"""
博客
"""
title = models.charfield('标题',max_length=32)
author = models.charfield('作者',max_length=16)
content = models.textfield('博客正文')
created = models.datetimefield('发布时间',auto_now_add=true)
catagory = models.foreignkey(catagory,verbose_name='分类')
tags = models.manytomanyfield(tag,verbose_name='标签')
def __unicode__(self):
return self.title
class comment(models.model):
"""
评论
"""
blog = models.foreignkey(blog,verbose_name='博客')
name = models.charfield('称呼',max_length=16)
email = models.emailfield('邮箱')
content = models.charfield('内容',max_length=240)
created = models.datetimefield('发布时间',auto_now_add=true)
def __unicode__(self):
return self.content
|
数据库设置
|
1
2
3
4
5
6
7
8
9
|
# database
# https://docs.djangoproject.com/en/1.9/ref/settings/#databases
databases = {
'default': {
'engine': 'django.db.backends.sqlite3',
'name': os.path.join(base_dir, 'db.sqlite3'),
}
}
|
然后django就可以根据我们刚才的模型来逆向的生成数据库底层的业务逻辑。然后就需要调用相关的命令即可。
|
1
2
|
python manage.py makemigrations
python manage.py migrate
|
这样，框架就会帮助我们完成底层的数据库操作了。而且不用担心表与表之间的关系。
管理层
由于我们完成了模型的创建了，所以想当然的需要来个管理的，那么让admin登场吧，所以我们需要将模型注册到admin上面，这样就会在管理页面出现这三个选项了。
controller层设计
其实就是urls.py 的书写，没什么好说的了吧，如下：
|
1
2
3
4
5
6
7
|
# coding:utf8
from django.contrib import admin
# register your models here.
from blog.models import *
# 注册的目的就是为了让系统管理员能对注册的这些模型进行管理
admin.site.register([catagory,tag,blog])
|
接下来就是urls.py 的详细信息。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
"""mydjango2 url configuration
the `urlpatterns` list routes urls to views. for more information please see:
https://docs.djangoproject.com/en/1.9/topics/http/urls/
examples:
function views
1. add an import: from my_app import views
2. add a url to urlpatterns: url(r'^$', views.home, name='home')
class-based views
1. add an import: from other_app.views import home
2. add a url to urlpatterns: url(r'^$', home.as_view(), name='home')
including another urlconf
1. import the include() function: from django.conf.urls import url, include
2. add a url to urlpatterns: url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url
from django.contrib import admin
from blog.views import *
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^blogs/$',get_blogs),
url(r'^detail/(\d+)/$',get_details ,name='blog_get_detail'),
]
|
view层
视图层的展示如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
from django.shortcuts import render,render_to_response
# create your views here.
from blog.models import *
from blog.forms import commentform
from django.http import http404
def get_blogs(request):
blogs = blog.objects.all().order_by('-created')
return render_to_response('blog-list.html',{'blogs':blogs})
def get_details(request,blog_id):
try:
blog = blog.objects.get(id=blog_id)
except blog.doesnotexist:
raise http404
if request.method == 'get':
form = commentform()
else:
form = commentform(request.post)
if form.is_valid():
cleaned_data = form.cleaned_data
cleaned_data['blog'] = blog
comment.objects.create(**cleaned_data)
ctx = {
'blog':blog,
'comments':blog.comment_set.all().order_by('-created'),
'form':form
}
return render(request,'blog_details.html',ctx)
|
想必大家也看到了模板html，所以接下来介绍一下模板的书写。
模板系统
这里的模板主要是用到了两个，一个是博客列表模板，另一个是博客详情界面模板。配合了模板变量以及模板标签，就是下面这个样子了。
先看blog_list.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>my blogs</title>
<style>
.blog{
padding:20px 0px;
}
.blog .info span {
padding-right: 10px;
}
.blog .summary {
padding-top:20px;
}
</style>
</head>
<body>
<div class="header">
<h1 align="center">my blogs</h1>
</div>
{% for blog in blogs %}
<div align="center" class="blog">
<div class="title">
<a href="{% url 'blog_get_detail' blog.id %}" rel="external nofollow" rel="external nofollow" ><h2>{{ blog.title }}</h2></a>
</div>
<div class="info">
<span class="catagory" style="color: #ff9900;">{{ blog.catagory.name }}</span>
<span class="author" style="color: #4a86e8;">{{ blog.author }}</span>
<span class="created" style="color: #6aa84e;">{{ blog.created |date:"y-m-d h:i" }}</span>
</div>
<div class="summary">
{{ blog.content | truncatechars:100 }}
</div>
</div>
{% endfor %}
</body>
</html>
接下来是blog_details.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ blog.title }}</title>
<style>
.blog {
padding: 20px 0px;
}
.blog .info span {
padding-right: 10px;
}
.blog .summary {
padding-top: 20px;
}
</style>
</head>
<body>
<div class="header">
<span><a href="{% url 'blog_get_detail' blog.id %}" rel="external nofollow" rel="external nofollow" >{{ blog.title }}</a></span>
</div>
<div class="content">
<div class="blog">
<div class="title">
<a href="#" rel="external nofollow" ><h2>{{ blog.title }}</h2></a>
</div>
<div class="info">
<span class="category" style="color: #ff9900;">{{ blog.category.name }}</span>
<span class="author" style="color: #4a86e8">{{ blog.author }}</span>
<span class="created" style="color: #6aa84f">{{ blog.created|date:"y-m-d h:i" }}</span>
</div>
<div class="summary">
{{ blog.content }}
</div>
</div>
<div class="comment">
<div class="comments-display" style="padding-top: 20px;">
<h3>评论</h3>
{% for comment in comments %}
<div class="comment-field" style="padding-top: 10px;">
{{ comment.name }} 说: {{ comment.content }}
</div>
{% endfor %}
</div>
<div class="comment-post" style="padding-top: 20px;">
<h3>提交评论</h3>
<form action="{% url 'blog_get_detail' blog.id %}" method="post">
{% csrf_token %}
{% for field in form %}
<div class="input-field" style="padding-top: 10px">
{{ field.label }}: {{ field }}
</div>
<div class="error" style="color: red;">
{{ field.errors }}
</div>
{% endfor %}
<button type="submit" style="margin-top: 10px">提交</button>
</form>
</div>
</div>
</div>
</body>
</html>
|
添加评论
这里借助django的forms模块可以方便的集成评论功能。
我们需要在blog应用中新建一个forms.py来做处理。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
# coding:utf-8
from django import forms
"""
借此实现博客的评论功能
"""
class commentform(forms.form):
"""
评论表单用于发表博客的评论。评论表单的类并根据需求定义了三个字段：称呼、邮箱和评论内容。这样我们就能利用它来快速生成表单并验证用户的输入。
"""
name = forms.charfield(label='称呼',max_length=16,error_messages={
'required':'请填写您的称呼',
'max_length':'称呼太长咯'
})
email = forms.emailfield(label='邮箱',error_messages={
'required':'请填写您的邮箱',
'invalid':'邮箱格式不正确'
})
content = forms.charfield(label='评论内容',error_messages={
'required':'请填写您的评论内容！',
'max_length':'评论内容太长咯'
})
|
这个文件的使用在views.py中的ctx中，以及blog_details.html模板文件中可以体现出来。
启动服务
python manage.py runserver
调用这个功能，就可以启动我们的开发服务器了，然后在浏览器中输入http://127.0.0.1:8000/blogs 你就会发现下面的这个界面。
随便点进去一个，就可以进入博客的详情页面了。
由于界面很难看，这里就不演示了，但是功能确实是很强大的，特别是对评论的验证功能。
总结
完成了这个比较“cool”的博客系统，其实并没有完成。加上一些css特效的话会更好。还有集成一下富媒体编辑器的话效果会更好。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：http://blog.csdn.net/yelin042/article/details/78931058