django实战（二）一个较完整的博客系统

昨天实现了一个简单的博客显示系统，今天实现一个较为完整的博客系统，固然还未进行完整的界面优化，可是发布仍是能够实现的。

1、数据库的构建(M）
首先，咱们分析一个博客系统的功能：
（1）一个博客能够有多个标签（多对多）
（2）一个博客能够有多条评论(一对多）
（3）一个博客只能够有一个类别（多对一）
接下来，咱们分析关系的属性：
博客：标题，做者，内容，发布时间，分类（外键），标签（多对多）等
标签：标签名
类别：分类名
评论：做者，博客（外键），邮箱，内容，发布时间等。css

最终，获得数据库的创建(model.py):

#coding=utf-8
from __future__ import unicode_literals
from django.db import models

# Create your models here.
class Category(models.Model):
    """ 博客分类 """
    name=models.CharField('名称',max_length=30)
    class Meta:
        verbose_name="类别"
        verbose_name_plural=verbose_name
    def __unicode__(self):
        return self.name

class Tag(models.Model):
    name=models.CharField('名称',max_length=16)

    class Meta:
        verbose_name="标签"
        verbose_name_plural=verbose_name
    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('内容')
    pub=models.DateField('发布时间',auto_now_add=True)
    category=models.ForeignKey(Category,verbose_name='分类')#多对一（博客--类别）
    tag=models.ManyToManyField(Tag,verbose_name='标签')#(多对多）
    class Meta:
        verbose_name="博客"
        verbose_name_plural=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)
    pub=models.DateField('发布时间',auto_now_add=True)

    class Meta:
        verbose_name="评论"
        verbose_name_plural="评论"
    def __unicode__(self):
        return self.content

输入命令：
python manage.py makemigrations
python manage.py migrate
完成数据库的构建，为了方便管理后台：
在admin.py里构建如下代码：html

from django.contrib import admin
from .models import *
# Register your models here.
class CategoryAdmin(admin.ModelAdmin): list_display = ('name',) class TagAdmin(admin.ModelAdmin): list_display = ('name',) class BlogAdmin(admin.ModelAdmin): list_display = ('title','category','content','pub') class CommentAdmin(admin.ModelAdmin): list_display = ('blog','name','content','pub') admin.site.register(Category,CategoryAdmin) admin.site.register(Tag,TagAdmin) admin.site.register(Blog,BlogAdmin) admin.site.register(Comment,CommentAdmin)

管理员模块显示：
python

点击，填写内容：（如，类别）
web

2、定义视图函数(V)
在view.py,咱们要实现获取显示的全部博客；并根据博客的id显示博客具体内容和评论。
首先，咱们定义了一个特殊的forms.py模块，方便评论的集成。定义以下： 数据库

#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':'评论内容太长咯'
    })

该模块用于view.py模块以及具体博客评论；django

View.py:svg

#coding=utf-8
from django.shortcuts import render,render_to_response

from .models import *

from .forms import CommentForm
from django.http import Http404
def get_blogs(request):
    blogs=Blog.objects.all().order_by('-pub')#得到全部的博客按时间排序
    return render_to_response('blog_list.html',{'blogs':blogs})#传递context:blog参数到固定页面。

def get_details(request,blog_id):
#检查异常
    try:
        blog=Blog.objects.get(id=blog_id)#获取固定的blog_id的对象；
    except Blog.DoesNotExist:
        raise Http404

    if request.method == 'GET':
        form = CommentForm()
    else:#请求方法为Post
        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('-pub'),
        'form': form
    }#返回3个参数
    return render(request,'blog_details.html',ctx)

配置url:函数

from django.conf.urls import url
from django.contrib import admin
from blog.views import *

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^blog/$',get_blogs),
    url(r'^detail/(\d+)/$',get_details,name='blog_get_detail'),
]

三 模板系统(T)
blog_list.htmlpost

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>个人博客</title> <style type="text/css"> .blog{ padding: 20px 0px; } .blog .info span{ padding-right: 10px; } .blog .summary{ padding-top: 20px; } </style> </head> <body> <div class="header"> <h1 align="center">个人博客</h1> </div> {% for blog in blogs %} <div align="center" class="blog"> <div class="title"> <a href="{% url 'blog_get_detail' blog.id %}"><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="pub" style="color: #6aa84e">{{ blog.pub }}</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 type="text/css"> .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 %}">{{ blog.title }}</a> </span> </div> <div class="content"> <div class="blog"> <div class="title"> <a href="#"><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="pub" style="color: #6aa84f">{{ blog.pub }}</span> </div> <div class="summary"> {{ blog.content }} </div> <div class="comment"> <div class="comment-diaplay" 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> <input type="button" value="返回"> </form> </div> </div> </div> </div> </body> </html>

运行python manage.py runserver;输入网址：http://127.0.0.1:8000/blog/，获得网页内容：

具体博客内容及评论：

这里的博客功能已经具备了，可是还不完善，还有一些功能有待往后补充。
补充修改过的博客主页，借鉴了实战一里的内容。

具体代码：

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>个人博客</title> <style type="text/css"> body{ color: #efd; background: #CCCCCC; padding: 12px 5em; margin:7px; } h1{ margin-top: -10px; padding: 2em ; background: #675; } h2{ color: #85F2F2; border-top: 1px dotted #fff; margin-top:2em; } .blog{ padding: 20px 0px; } .blog .info span{ padding-right: 10px; } .blog .summary{ padding-top: 20px; } </style> </head> <body> <div class="header"> <h1 align="center">个人博客</h1> </div> <h3 style="margin-bottom: -50px;font-size: x-large;">博客列表 </h3> <hr/> {% for blog in blogs %} <div align="center" class="blog"> <div class="title"> <a href="{% url 'blog_get_detail' blog.id %}"><h2 align="left">{{ blog.title }}</h2></a> </div> <div class="info" align="left"> <span class="category" style="color: #ff9900;">{{ blog.category.name }}</span> <span class="author" style="color: #4a86e8;">{{ blog.author }}</span> <span class="pub" style="color: #6aa84e">{{ blog.pub }}</span> </div> <div class="summary"> {{ blog.content | truncatechars:100 }} </div> </div> {% endfor %} </body> </html>