今天花了一些时间搭了一个博客系统,虽然并没有相关于界面的美化,但是发布是没问题的。
开发环境
操作系统: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