Python使用Django實現部落格系統完整版,pythondjango

來源:互聯網
上載者:User

Python使用Django實現部落格系統完整版,pythondjango

今天花了一些時間搭了一個部落格系統,雖然並沒有相關於介面的美化,但是發布是沒問題的。

開發環境

作業系統:windows 7 64位
Django: 1.96
Python:2.7.11
IDE: PyCharm 2016.1

功能篇

既然是部落格系統,發布的自然是部落格了。讓我們想想,一篇部落格有什麼屬性。所以我們要有能添加部落格,刪除部落格,修改部落格,以及給部落格發評論,貼標籤,劃分類等功能。

關係分析

屬性

部落格:標題,內容。
標籤:標籤名
分類:分類的名稱
評論:評論人,評論人email,評論內容

關係

部落格:一篇部落格可以有多個標籤,多個評論,屬於一個分類
標籤:一類標籤可以賦予多篇部落格,一個部落格也可以由多個標籤,所以是多對多的關係
分類:一個分類內部可以有多個部落格,所以和部落格是一對多的關係
評論:很明顯一個評論屬於一個部落格,而一個部落格可以有很多的評論,所以是一對多的關係。

模型層設計

廢話不多說,根據上一步的關係分析,直接設計即可。

# coding:utf8from __future__ import unicode_literalsfrom django.db import models# Create your models here.class Catagory(models.Model):  """  部落格分類  """  name = models.CharField('名稱',max_length=30)  def __unicode__(self):    return self.nameclass Tag(models.Model):  """  部落格標籤  """  name = models.CharField('名稱',max_length=16)  def __unicode__(self):    return self.nameclass 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.titleclass 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

資料庫設定

# Database# https://docs.djangoproject.com/en/1.9/ref/settings/#databasesDATABASES = {  'default': {    'ENGINE': 'django.db.backends.sqlite3',    'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),  }}

然後Django就可以根據我們剛才的模型來逆向的產生資料庫底層的商務邏輯。然後就需要調用相關的命令即可。

python manage.py makemigrationspython manage.py migrate

這樣,架構就會協助我們完成底層的資料庫操作了。而且不用擔心表與表之間的關係。

管理層

由於我們完成了模型的建立了,所以想當然的需要來個管理的,那麼讓admin登場吧,所以我們需要將模型註冊到admin上面,這樣就會在管理頁面出現這三個選項了。

Controller層設計

其實就是urls.py 的書寫,沒什麼好說的了吧,如下:

# coding:utf8from django.contrib import admin# Register your models here.from Blog.models import *# 註冊的目的就是為了讓系統管理員能對註冊的這些模型進行管理admin.site.register([Catagory,Tag,Blog])

接下來就是urls.py 的詳細資料。

"""MyDjango2 URL ConfigurationThe `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 urlfrom django.contrib import adminfrom 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 CommentFormfrom django.http import Http404def 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

<!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來做處理。

# coding:utf-8from 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特效的話會更好。還有整合一下富媒體編輯器的話效果會更好。

以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援幫客之家。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.