Django实战专题: 专业博客开发(1)之内容管理后台开发

很多人学习Django都是从开发个人博客入手的，网上的教程也很多，但后台大多是基于Django自带的admin来实现文章的增删查改，而前台也只是实现了简单地展示文章列表和某篇文章详情。开发一个专业的博客显然不止是那么简单的，小编我今天就带你利用Django开发一个专业点的博客，重点放在开发内容管理后台。我会带你分析每一步的代码思路，帮你了解一个优秀的程序员应该如何思考，并解决遇到的技术问题。本文适合已具备一定Django基础知识的读者。本专题连载，总篇数未知。只有当本文点赞数大于20时，我才会开始本专题下篇文章的更新。本文开发环境为Django 2.0 + Python 3.6。

 

总体思路

我们的前台需要2个功能性页面，展示文章列表和文章详情，用户无需登录即可查看。后台需要6个功能性页面，需要用户登录后才能访问，且每个用户只能编辑或删除自己创建的文章。这8个功能性页面分别是。

• 文章列表 - 不需要登录

• 文章详情 - 不需要登录

• 创建文章 - 需要登录

• 修改文章 - 需要登录

• 删除文章 - 需要登录

• 查看已发布文章  - 需要登录

• 草稿箱 - 需要登录

• 发表文章 (由草稿变发布) - 需要登录

登录后电脑上看到的管理后台大致效果是这样的。

手机上看效果是这样子的。

 

项目配置settings.py

我们通过python manage.py startapp blog创建一个叫blog的APP，把它加到settings.py里INSATLLED_APP里去，如下所示。我们用户注册登录功能交给了django-allauth, 所以把allauth也进去了。如果你不了解django-allauth，强烈建议阅读django-allauth教程(1): 安装，用户注册，登录，邮箱验证和密码重置(更新)。

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.sites',
    'allauth',
    'allauth.account',
    'allauth.socialaccount',
    'allauth.socialaccount.providers.baidu',
    'blog',
]

 

因为我们要用到静态文件如css和图片，我们需要在settings.py里设置STATIC_URL和MEDIA。用户上传的图片会放在/media/文件夹里。

STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, "static"), ]

# specify media root for user uploaded files,
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

整个项目的urls.py如下所示。我们把blog的urls.py也加进去了。别忘了在结尾部分加static配置。

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('accounts/', include('allauth.urls')),
    path('blog/', include('blog.urls')),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

 

模型models.py

我们需要至少创建3个模型Article(文章), Category(类别)和Tag(标签), 其中类别与文章是单对多的关系，而标签与文章是多对多的关系。我们的Article模型如下所示，包括了文章状态(草稿还是发表), 文章创建，修改和发表日期，以及文章浏览次数。

class Article(models.Model):
    """文章模型"""
    STATUS_CHOICES = (
        ('d', '草稿'),
        ('p', '发表'),
    )

    title = models.CharField('标题', max_length=200, unique=True)
    slug = models.SlugField('slug', max_length=60, blank=True)
    body = models.TextField('正文')
    pub_date = models.DateTimeField('发布时间', null=True)
    create_date = models.DateTimeField('创建时间', auto_now_add=True)
    mod_date = models.DateTimeField('修改时间', auto_now=True)
    status = models.CharField('文章状态', max_length=1, choices=STATUS_CHOICES, default='p')
    views = models.PositiveIntegerField('浏览量', default=0)
    author = models.ForeignKey(User, verbose_name='作者', on_delete=models.CASCADE)

    category = models.ForeignKey('Category', verbose_name='分类', on_delete=models.CASCADE, blank=False, null=False)
    tags = models.ManyToManyField('Tag', verbose_name='标签集合', blank=True)

    def __str__(self):
        return self.title

我们现在就要看下这个模型能否满足我们的需求。

 

我们第1个要求就是要根据文章标题手动生成slug, 并把slug放到url里。slug最大的作用就是便于读者和搜索引擎直接从url中了解文章大概包含了什么内容，显然/article/1/django-blog-demo/比/article/1/包含更多信息。我们还要考虑到slug可能会随文章title的变化而改变导致后续网站上出现很多坏连接，所以我们希望slug只是在首次创建文章时生成，而不会随后续title的变化而改变。除此以外，我们还要解决中文标题无法生成slug的问题。最好的解决方案就是重写模型models的save方法, 代码如下所示。当id或slug为空时，利用unidecode对中文解码，利用slugify方法根据标题手动生成slug。

from django.db import models
from django.contrib.auth.models import User
from django.urls import reversefrom unidecode import unidecode
from django.template.defaultfilters import slugify
import datetime


class Article(models.Model):
    """文章模型"""
   
    title = models.CharField('标题', max_length=200, unique=True)
    slug = models.SlugField('slug', max_length=60, blank=True)
    ........ 

    def save(self, *args,