Python使用Django實(shí)現(xiàn)博客系統(tǒng)完整版

更新時(shí)間：2021年08月24日 09:30:45 作者：東邊的小山

這篇文章主要為大家詳細(xì)介紹了Python利用Django完整的開發(fā)一個(gè)博客系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

今天花了一些時(shí)間搭了一個(gè)博客系統(tǒng)，雖然并沒有相關(guān)于界面的美化，但是發(fā)布是沒問題的。

開發(fā)環(huán)境

操作系統(tǒng)：windows 7 64位
Django： 1.96
Python：2.7.11
IDE： PyCharm 2016.1

功能篇

既然是博客系統(tǒng)，發(fā)布的自然是博客了。讓我們想想，一篇博客有什么屬性。所以我們要有能添加博客，刪除博客，修改博客，以及給博客發(fā)評(píng)論，貼標(biāo)簽，劃分類等功能。

關(guān)系分析

屬性

博客：標(biāo)題，內(nèi)容。
標(biāo)簽：標(biāo)簽名
分類：分類的名稱
評(píng)論：評(píng)論人，評(píng)論人email，評(píng)論內(nèi)容

關(guān)系

博客：一篇博客可以有多個(gè)標(biāo)簽，多個(gè)評(píng)論，屬于一個(gè)分類
標(biāo)簽：一類標(biāo)簽可以賦予多篇博客，一個(gè)博客也可以由多個(gè)標(biāo)簽，所以是多對(duì)多的關(guān)系
分類：一個(gè)分類內(nèi)部可以有多個(gè)博客，所以和博客是一對(duì)多的關(guān)系
評(píng)論：很明顯一個(gè)評(píng)論屬于一個(gè)博客，而一個(gè)博客可以有很多的評(píng)論，所以是一對(duì)多的關(guān)系。

模型層設(shè)計(jì)

廢話不多說，根據(jù)上一步的關(guān)系分析，直接設(shè)計(jì)即可。

# 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):
 """
 博客標(biāo)簽
 """
 name = models.CharField('名稱',max_length=16)

 def __unicode__(self):
  return self.name

class Blog(models.Model):
 """
 博客
 """
 title = models.CharField('標(biāo)題',max_length=32)
 author = models.CharField('作者',max_length=16)
 content = models.TextField('博客正文')
 created = models.DateTimeField('發(fā)布時(shí)間',auto_now_add=True)
 catagory = models.ForeignKey(Catagory,verbose_name='分類')
 tags = models.ManyToManyField(Tag,verbose_name='標(biāo)簽')

 def __unicode__(self):
  return self.title

class Comment(models.Model):
 """
 評(píng)論
 """
 blog = models.ForeignKey(Blog,verbose_name='博客')
 name = models.CharField('稱呼',max_length=16)
 email = models.EmailField('郵箱')
 content = models.CharField('內(nèi)容',max_length=240)
 created = models.DateTimeField('發(fā)布時(shí)間',auto_now_add=True)

 def __unicode__(self):
  return self.content

數(shù)據(jù)庫設(shè)置

# 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就可以根據(jù)我們剛才的模型來逆向的生成數(shù)據(jù)庫底層的業(yè)務(wù)邏輯。然后就需要調(diào)用相關(guān)的命令即可。

python manage.py makemigrations
python manage.py migrate

這樣，框架就會(huì)幫助我們完成底層的數(shù)據(jù)庫操作了。而且不用擔(dān)心表與表之間的關(guān)系。

數(shù)據(jù)庫表結(jié)構(gòu)

管理層

由于我們完成了模型的創(chuàng)建了，所以想當(dāng)然的需要來個(gè)管理的，那么讓admin登場(chǎng)吧，所以我們需要將模型注冊(cè)到admin上面，這樣就會(huì)在管理頁面出現(xiàn)這三個(gè)選項(xiàng)了。

管理界面

Controller層設(shè)計(jì)

其實(shí)就是urls.py 的書寫，沒什么好說的了吧，如下：

# coding:utf8
from django.contrib import admin

# Register your models here.
from Blog.models import *
# 注冊(cè)的目的就是為了讓系統(tǒng)管理員能對(duì)注冊(cè)的這些模型進(jìn)行管理
admin.site.register([Catagory,Tag,Blog])

接下來就是urls.py 的詳細(xì)信息。

"""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層

視圖層的展示如下：

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，所以接下來介紹一下模板的書寫。

模板系統(tǒng)

這里的模板主要是用到了兩個(gè)，一個(gè)是博客列表模板，另一個(gè)是博客詳情界面模板。配合了模板變量以及模板標(biāo)簽，就是下面這個(gè)樣子了。

先看blog_list.html

<!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 %}" ><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>評(píng)論</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>提交評(píng)論</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>

添加評(píng)論

這里借助Django的forms模塊可以方便的集成評(píng)論功能。
我們需要在Blog應(yīng)用中新建一個(gè)forms.py來做處理。

# coding:utf-8
from django import forms

"""
借此實(shí)現(xiàn)博客的評(píng)論功能
"""
class CommentForm(forms.Form):
 """
 評(píng)論表單用于發(fā)表博客的評(píng)論。評(píng)論表單的類并根據(jù)需求定義了三個(gè)字段：稱呼、郵箱和評(píng)論內(nèi)容。這樣我們就能利用它來快速生成表單并驗(yàn)證用戶的輸入。
 """
 name = forms.CharField(label='稱呼',max_length=16,error_messages={
  'required':'請(qǐng)?zhí)顚懩姆Q呼',
  'max_length':'稱呼太長咯'
 })

 email = forms.EmailField(label='郵箱',error_messages={
  'required':'請(qǐng)?zhí)顚懩泥]箱',
  'invalid':'郵箱格式不正確'
 })

 content = forms.CharField(label='評(píng)論內(nèi)容',error_messages={
  'required':'請(qǐng)?zhí)顚懩脑u(píng)論內(nèi)容！',
  'max_length':'評(píng)論內(nèi)容太長咯'
 })

這個(gè)文件的使用在views.py中的ctx中，以及blog_details.html模板文件中可以體現(xiàn)出來。

啟動(dòng)服務(wù)

python manage.py runserver
調(diào)用這個(gè)功能，就可以啟動(dòng)我們的開發(fā)服務(wù)器了，然后在瀏覽器中輸入http://127.0.0.1:8000/blogs 你就會(huì)發(fā)現(xiàn)下面的這個(gè)界面。

博客列表