Python使用Django實現(xiàn)博客系統(tǒng)完整版
今天花了一些時間搭了一個博客系統(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ā)評論,貼標(biāo)簽,劃分類等功能。
關(guān)系分析
屬性
博客:標(biāo)題,內(nèi)容。
標(biāo)簽:標(biāo)簽名
分類:分類的名稱
評論:評論人,評論人email,評論內(nèi)容
關(guān)系
博客:一篇博客可以有多個標(biāo)簽,多個評論,屬于一個分類
標(biāo)簽:一類標(biāo)簽可以賦予多篇博客,一個博客也可以由多個標(biāo)簽,所以是多對多的關(guān)系
分類:一個分類內(nèi)部可以有多個博客,所以和博客是一對多的關(guān)系
評論:很明顯一個評論屬于一個博客,而一個博客可以有很多的評論,所以是一對多的關(guān)系。
模型層設(shè)計
廢話不多說,根據(jù)上一步的關(guān)系分析,直接設(shè)計即可。
# 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ā)布時間',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): """ 評論 """ 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ā)布時間',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
這樣,框架就會幫助我們完成底層的數(shù)據(jù)庫操作了。而且不用擔(dān)心表與表之間的關(guān)系。
管理層
由于我們完成了模型的創(chuàng)建了,所以想當(dāng)然的需要來個管理的,那么讓admin登場吧,所以我們需要將模型注冊到admin上面,這樣就會在管理頁面出現(xiàn)這三個選項了。
Controller層設(shè)計
其實就是urls.py 的書寫,沒什么好說的了吧,如下:
# coding:utf8 from django.contrib import admin # Register your models here. from Blog.models import * # 注冊的目的就是為了讓系統(tǒng)管理員能對注冊的這些模型進行管理 admin.site.register([Catagory,Tag,Blog])
接下來就是urls.py 的詳細信息。
"""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)
這里的模板主要是用到了兩個,一個是博客列表模板,另一個是博客詳情界面模板。配合了模板變量以及模板標(biāo)簽,就是下面這個樣子了。
先看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>評論</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應(yīng)用中新建一個forms.py來做處理。
# coding:utf-8 from django import forms """ 借此實現(xiàn)博客的評論功能 """ class CommentForm(forms.Form): """ 評論表單用于發(fā)表博客的評論。評論表單的類并根據(jù)需求定義了三個字段:稱呼、郵箱和評論內(nèi)容。這樣我們就能利用它來快速生成表單并驗證用戶的輸入。 """ name = forms.CharField(label='稱呼',max_length=16,error_messages={ 'required':'請?zhí)顚懩姆Q呼', 'max_length':'稱呼太長咯' }) email = forms.EmailField(label='郵箱',error_messages={ 'required':'請?zhí)顚懩泥]箱', 'invalid':'郵箱格式不正確' }) content = forms.CharField(label='評論內(nèi)容',error_messages={ 'required':'請?zhí)顚懩脑u論內(nèi)容!', 'max_length':'評論內(nèi)容太長咯' })
這個文件的使用在views.py中的ctx中,以及blog_details.html模板文件中可以體現(xiàn)出來。
啟動服務(wù)
python manage.py runserver
調(diào)用這個功能,就可以啟動我們的開發(fā)服務(wù)器了,然后在瀏覽器中輸入http://127.0.0.1:8000/blogs 你就會發(fā)現(xiàn)下面的這個界面。
隨便點進去一個,就可以進入博客的詳情頁面了。
由于界面很難看,這里就不演示了,但是功能確實是很強大的,特別是對評論的驗證功能。
總結(jié)
完成了這個比較“cool”的博客系統(tǒng),其實并沒有完成。加上一些CSS特效的話會更好。還有集成一下富媒體編輯器的話效果會更好。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章

Python3實現(xiàn)將文件樹中所有文件和子目錄歸檔到tar壓縮文件的方法