Python使用Django实现博客系统完整版


Posted in Python onSeptember 29, 2020

今天花了一些时间搭了一个博客系统,虽然并没有相关于界面的美化,但是发布是没问题的。

开发环境

操作系统:windows 7 64位
Django: 1.96
Python:2.7.11
IDE: PyCharm 2016.1

功能篇

既然是博客系统,发布的自然是博客了。让我们想想,一篇博客有什么属性。所以我们要有能添加博客,删除博客,修改博客,以及给博客发评论,贴标签,划分类等功能。

关系分析

属性

博客:标题,内容。
标签:标签名
分类:分类的名称
评论:评论人,评论人email,评论内容

关系

博客:一篇博客可以有多个标签,多个评论,属于一个分类
标签:一类标签可以赋予多篇博客,一个博客也可以由多个标签,所以是多对多的关系
分类:一个分类内部可以有多个博客,所以和博客是一对多的关系
评论:很明显一个评论属于一个博客,而一个博客可以有很多的评论,所以是一对多的关系。

模型层设计

废话不多说,根据上一步的关系分析,直接设计即可。

# 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

数据库设置

# 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就可以根据我们刚才的模型来逆向的生成数据库底层的业务逻辑。然后就需要调用相关的命令即可。

python manage.py makemigrations
python manage.py migrate

这样,框架就会帮助我们完成底层的数据库操作了。而且不用担心表与表之间的关系。

Python使用Django实现博客系统完整版

管理层

由于我们完成了模型的创建了,所以想当然的需要来个管理的,那么让admin登场吧,所以我们需要将模型注册到admin上面,这样就会在管理页面出现这三个选项了。

Python使用Django实现博客系统完整版

Controller层设计

其实就是urls.py 的书写,没什么好说的了吧,如下:

# coding:utf8
from django.contrib import admin

# Register your models here.
from Blog.models import *
# 注册的目的就是为了让系统管理员能对注册的这些模型进行管理
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,所以接下来介绍一下模板的书写。

模板系统

这里的模板主要是用到了两个,一个是博客列表模板,另一个是博客详情界面模板。配合了模板变量以及模板标签,就是下面这个样子了。

先看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-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 你就会发现下面的这个界面。

Python使用Django实现博客系统完整版

随便点进去一个,就可以进入博客的详情页面了。
由于界面很难看,这里就不演示了,但是功能确实是很强大的,特别是对评论的验证功能。

总结

完成了这个比较“cool”的博客系统,其实并没有完成。加上一些CSS特效的话会更好。还有集成一下富媒体编辑器的话效果会更好。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python随机生成指定长度密码的方法
Apr 04 Python
python实现简单购物商城
May 21 Python
python中的字典操作及字典函数
Jan 03 Python
Pycharm 设置自定义背景颜色的图文教程
May 23 Python
Django中使用Celery的教程详解
Aug 24 Python
python正向最大匹配分词和逆向最大匹配分词的实例
Nov 14 Python
利用Python如何实现一个小说网站雏形
Nov 23 Python
解决Keras自带数据集与预训练model下载太慢问题
Jun 12 Python
Windows 平台做 Python 开发的最佳组合(推荐)
Jul 27 Python
PyQt5通过信号实现MVC的示例
Feb 06 Python
浅析Python OpenCV三种滤镜效果
Apr 11 Python
Python内置类型集合set和frozenset的使用详解
Apr 26 Python
Python学生信息管理系统修改版
Mar 13 #Python
python之pandas用法大全
Mar 13 #Python
python使用sqlite3时游标使用方法
Mar 13 #Python
Python打印输出数组中全部元素
Mar 13 #Python
python实现学生信息管理系统
Apr 05 #Python
python针对excel的操作技巧
Mar 13 #Python
python实现聊天小程序
Mar 13 #Python
You might like
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
window.onerror()的用法与实例分析
2016/01/27 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
2019/02/22 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
python入门之基础语法学习笔记
2020/02/08 Python
html5+css3之动画在webapp中的应用
2014/11/21 HTML / CSS
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
P/Invoke是什么
2015/07/31 面试题
竞聘演讲稿范文
2014/01/12 职场文书
初二生物教学反思
2014/02/03 职场文书
善意的谎言事例
2014/02/15 职场文书
社会调查研究计划书
2014/05/01 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
python使用pycharm安装pyqt5以及相关配置
2022/04/22 Python
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS