Django 博客开发教程 12 - 评论

时间  2020-12-01
标签 html 前端 python git github 数据库 django 服务器 markdown session 栏目 Python 繁體版
原文   原文链接

建立评论应用

相对来讲，评论实际上是另一个比较独立的功能。Django 提倡，若是功能相对比较独立的话，最好是建立一个应用，把相应的功能代码写到这个应用里。咱们的第一个应用叫 blog，它里面放了展现博客文章列表和细节等相关功能的代码。而这里咱们再建立一个应用，名为 comments，这里面将存放和评论功能相关的代码。首先激活虚拟环境，而后输入以下命令建立一个新的应用：html

python manage.py startapp comments

咱们能够看到生成的 comments 应用目录结构和 blog 应用的目录是相似的。关于建立应用以及 Django 的目录结构在 创建 Django 博客应用 中已经有过介绍。建立新的应用后必定要记得在 settings.py 里注册这个应用，Django 才知道这是一个应用。前端

blogproject/settings.py

...
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',
    'comments', # 注册新建立的 comments 应用
]
...

设计评论的数据库模型

用户评论的数据必须被存储到数据库里，以便其余用户访问时 Django 能从数据库取回这些数据而后展现给访问的用户，所以咱们须要为评论设计数据库模型，这和设计文章、分类、标签的数据库模型是同样的，若是你忘了怎么作，再回顾一下 建立 Django 博客的数据库模型 中的作法。咱们的评论模型设计以下（评论模型的代码写在 commentmodels.py 里）：python

comments/models.py

from django.db import models
from django.utils.six import python_2_unicode_compatible

# python_2_unicode_compatible 装饰器用于兼容 Python2
@python_2_unicode_compatible
class Comment(models.Model):
    name = models.CharField(max_length=100)
    email = models.EmailField(max_length=255)
    url = models.URLField(blank=True)
    text = models.TextField()
    created_time = models.DateTimeField(auto_now_add=True)

    post = models.ForeignKey('blog.Post')

    def __str__(self):
        return self.text[:20]

这里咱们会保存评论用户的 name（名字）、email（邮箱）、url（我的网站），用户发表的内容将存放在 text 字段里，created_time 记录评论时间。最后，这个评论是关联到某篇文章（Post）的，因为一个评论只能属于一篇文章，一篇文章能够有多个评论，是一对多的关系，所以这里咱们使用了 ForeignKey。关于 ForeKey 咱们前面已有介绍，这里再也不赘述。git

同时注意咱们为 DateTimeField 传递了一个 auto_now_add=True 的参数值。auto_now_add 的做用是，当评论数据保存到数据库时，自动把 created_time 的值指定为当前时间。created_time 记录用户发表评论的时间，咱们确定不但愿用户在发表评论时还得本身手动填写评论发表时间，这个时间应该自动生成。github

建立了数据库模型就要迁移数据库，迁移数据库的命令也在前面讲过。在虚拟环境下分别运行下面两条命令：数据库

python manage.py makemigrations
python manage.py migrate

评论表单设计

这一节咱们将学习一个全新的 Django 知识：表单。那么什么是表单呢？基本的 HTML 知识告诉咱们，在 HTML 文档中这样的代码表示一个表单：django

<form action="" method="post">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <input type="submit" value="login" />
</form>

为何须要表单呢？表单是用来收集并向服务器提交用户输入的数据的。考虑用户在咱们博客网站上发表评论的过程。当用户想要发表评论时，他找到咱们给他展现的一个评论表单（咱们已经看到在文章详情页的底部就有一个评论表单，你将看到表单呈现给咱们的样子），而后根据表单的要求填写相应的数据。以后用户点击评论按钮，这些数据就会发送给某个 URL。咱们知道每个 URL 对应着一个 Django 的视图函数，因而 Django 调用这个视图函数，咱们在视图函数中写上处理用户经过表单提交上来的数据的代码，好比验证数据的合法性而且保存数据到数据库中，那么用户的评论就被 Django 后台处理了。若是经过表单提交的数据存在错误，那么咱们把错误信息返回给用户，并在前端从新渲染，并要求用户根据错误信息修正表单中不符合格式的数据，再从新提交。服务器

Django 的表单功能就是帮咱们完成上述所说的表单处理逻辑，表单对 Django 来讲是一个内容丰富的话题，很难经过教程中的这么一个例子涵盖其所有用法。所以咱们强烈建议你在完成本教程后接下来的学习中仔细阅读 Django 官方文档关于 表单 的介绍，由于表单在 Web 开发中会常常遇到。markdown

下面开始编写评论表单代码。在 comments 目录下（和 models.py 同级）新建一个 forms.py 文件，用来存放表单代码，咱们的表单代码以下：session

comments/forms.py

from django import forms
from .models import Comment


class CommentForm(forms.ModelForm):
    class Meta:
        model = Comment
        fields = ['name', 'email', 'url', 'text']

要使用 Django 的表单功能，咱们首先导入 forms 模块。Django 的表单类必须继承自 forms.Form 类或者 forms.ModelForm 类。若是表单对应有一个数据库模型（例如这里的评论表单对应着评论模型），那么使用 ModelForm 类会简单不少，这是 Django 为咱们提供的方便。以后咱们在表单的内部类 Meta 里指定一些和表单相关的东西。model = Comment 代表这个表单对应的数据库模型是 Comment 类。fields = ['name', 'email', 'url', 'text'] 指定了表单须要显示的字段，这里咱们指定了 name、email、url、text 须要显示。

关于表单进一步的解释

Django 为何要给咱们提供一个表单类呢？为了便于理解，咱们能够把表单和前面讲过的 Django ORM 系统作类比。回想一下，咱们使用数据库保存咱们建立的博客文章，可是咱们从头至尾没有写过任何和数据库有关的代码（要知道数据库自身也有一门数据库语言），这是由于 Django 的 ORM 系统内部帮咱们作了一些事情。咱们遵循 Django 的规范写的一些 Python 代码，例如建立 Post、Category 类，而后经过运行数据库迁移命令将这些代码反应到数据库。

Django 的表单和这个思想相似，正常的前端表单代码应该是和本文开头所说起的那样，可是咱们目前并无写这些代码，而是写了一个 CommentForm 这个 Python 类。经过调用这个类的一些方法和属性，Django 将自动为咱们建立常规的表单代码，接下来的教程咱们就会看到具体是怎么作的。

评论视图函数

当用户提交表单中的数据后，Django 须要调用相应的视图函数来处理这些数据，下面开始写咱们视图函数处理逻辑：

comments/views.py

from django.shortcuts import render, get_object_or_404, redirect
from blog.models import Post

from .models import Comment
from .forms import CommentForm


def post_comment(request, post_pk):
    # 先获取被评论的文章，由于后面须要把评论和被评论的文章关联起来。
    # 这里咱们使用了 Django 提供的一个快捷函数 get_object_or_404，
    # 这个函数的做用是当获取的文章（Post）存在时，则获取；不然返回 404 页面给用户。
    post = get_object_or_404(Post, pk=post_pk)
    
    # HTTP 请求有 get 和 post 两种，通常用户经过表单提交数据都是经过 post 请求，
    # 所以只有当用户的请求为 post 时才须要处理表单数据。
    if request.method == 'POST':
        # 用户提交的数据存在 request.POST 中，这是一个类字典对象。
        # 咱们利用这些数据构造了 CommentForm 的实例，这样 Django 的表单就生成了。
        form = CommentForm(request.POST)
        
        # 当调用 form.is_valid() 方法时，Django 自动帮咱们检查表单的数据是否符合格式要求。
        if form.is_valid():
            # 检查到数据是合法的，调用表单的 save 方法保存数据到数据库，
            # commit=False 的做用是仅仅利用表单的数据生成 Comment 模型类的实例，但还不保存评论数据到数据库。
            comment = form.save(commit=False)
            
            # 将评论和被评论的文章关联起来。
            comment.post = post
            
            # 最终将评论数据保存进数据库，调用模型实例的 save 方法
            comment.save()
            
            # 重定向到 post 的详情页，实际上当 redirect 函数接收一个模型的实例时，它会调用这个模型实例的 get_absolute_url 方法，
            # 而后重定向到 get_absolute_url 方法返回的 URL。
            return redirect(post)

        else:
            # 检查到数据不合法，从新渲染详情页，而且渲染表单的错误。
            # 所以咱们传了三个模板变量给 detail.html，
            # 一个是文章（Post），一个是评论列表，一个是表单 form
            # 注意这里咱们用到了 post.comment_set.all() 方法，
            # 这个用法有点相似于 Post.objects.all()
            # 其做用是获取这篇 post 下的的所有评论，
            # 由于 Post 和 Comment 是 ForeignKey 关联的，
            # 所以使用 post.comment_set.all() 反向查询所有评论。
            # 具体请看下面的讲解。
            comment_list = post.comment_set.all()
            context = {'post': post,
                       'form': form,
                       'comment_list': comment_list
                       }
            return render(request, 'blog/detail.html', context=context)
    # 不是 post 请求，说明用户没有提交数据，重定向到文章详情页。
    return redirect(post)

这个评论视图相比以前的一些视图复杂了不少，主要是处理评论的过程更加复杂。具体过程在代码中已有详细注释，这里仅就视图中出现了一些新的知识点进行讲解。

首先咱们使用了 redirect 函数。这个函数位于 django.shortcuts 模块中，它的做用是对 HTTP 请求进行重定向（即用户访问的是某个 URL，但因为某些缘由，服务器会将用户重定向到另外的 URL）。redirect 既能够接收一个 URL 做为参数，也能够接收一个模型的实例做为参数（例如这里的 post）。若是接收一个模型的实例，那么这个实例必须实现了 get_absolute_url 方法，这样 redirect 会根据 get_absolute_url 方法返回的 URL 值进行重定向。

另外咱们使用了 post.comment_set.all() 来获取 post 对应的所有评论。 Comment 和Post 是经过 ForeignKey 关联的，回顾一下咱们当初获取某个分类 cate 下的所有文章时的代码：Post.objects.filter(category=cate)。这里 post.comment_set.all() 也等价于 Comment.objects.filter(post=post)，即根据 post 来过滤该 post 下的所有评论。但既然咱们已经有了一个 Post 模型的实例 post（它对应的是 Post 在数据库中的一条记录），那么获取和 post 关联的评论列表有一个简单方法，即调用它的 xxx_set 属性来获取一个相似于 objects 的模型管理器，而后调用其 all 方法来返回这个 post 关联的所有评论。 其中 xxx_set 中的 xxx 为关联模型的类名（小写）。例如 Post.objects.filter(category=cate) 也能够等价写为 cate.post_set.all()。

绑定 URL

视图函数须要和 URL 绑定，这里咱们在 comment 应用中再建一个 urls.py 文件，写上 URL 模式：

comments/urls.py

from django.conf.urls import url

from . import views

app_name = 'comments'
urlpatterns = [
    url(r'^comment/post/(?P<post_pk>[0-9]+)/$', views.post_comment, name='post_comment'),
]

别忘了给这个评论的 URL 模式规定命名空间，即 app_name = 'comments'。

最后要在项目的 blogprokect 目录的 urls.py 里包含 commentsurls.py 这个文件：

blogproject/urls.py

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'', include('blog.urls')),
    + url(r'', include('comments.urls')),
]

更新文章详情页面的视图函数

咱们能够看到评论表单和评论列表是位于文章详情页面的，处理文章详情页面的视图函数是 detail，相应地须要更新 detail，让它生成表单和从数据库获取文章对应的评论列表数据，而后传递给模板显示：

blog/views.py

import markdown

from django.shortcuts import render, get_object_or_404

+ from comments.forms import CommentForm
from .models import Post, Category

def detail(request, pk):
    post = get_object_or_404(Post, pk=pk)
    post.body = markdown.markdown(post.body,
                                  extensions=[
                                      'markdown.extensions.extra',
                                      'markdown.extensions.codehilite',
                                      'markdown.extensions.toc',
                                  ])
    # 记得在顶部导入 CommentForm
    form = CommentForm()
    # 获取这篇 post 下的所有评论
    comment_list = post.comment_set.all()
    
    # 将文章、表单、以及文章下的评论列表做为模板变量传给 detail.html 模板，以便渲染相应数据。
    context = {'post': post,
               'form': form,
               'comment_list': comment_list
               }
    return render(request, 'blog/detail.html', context=context)

在前端渲染表单

使用 Django 表单的一个好处就是 Django 能帮咱们自动渲染表单。咱们在表单的视图函数里传递了一个 form 变量给模板，这个变量就包含了自动生成 HTML 表单的所有数据。在 detail.html 中经过 form 来自动生成表单。删掉原来用于占位的 HTML 评论表单代码，即下面这段代码：

<form action="#" method="post" class="comment-form">
  <div class="row">
    <div class="col-md-4">
      <label for="id_name">名字：</label>
      <input type="text" id="id_name" name="name" required>
    </div>
    ...
  </div>    <!-- row -->
</form>

替换成以下的代码：

<form action="{% url 'comments:post_comment' post.pk %}" method="post" class="comment-form">
  {% csrf_token %}
  <div class="row">
    <div class="col-md-4">
      <label for="{{ form.name.id_for_label }}">名字：</label>
      {{ form.name }}
      {{ form.name.errors }}
    </div>
    <div class="col-md-4">
      <label for="{{ form.email.id_for_label }}">邮箱：</label>
      {{ form.email }}
      {{ form.email.errors }}
    </div>
    <div class="col-md-4">
      <label for="{{ form.url.id_for_label }}">URL：</label>
      {{ form.url }}
      {{ form.url.errors }}
    </div>
    <div class="col-md-12">
      <label for="{{ form.text.id_for_label }}">评论：</label>
      {{ form.text }}
      {{ form.text.errors }}
      <button type="submit" class="comment-btn">发表</button>
    </div>
  </div>    <!-- row -->
</form>

{{ form.name }}、{{ form.email }}、{{ form.url }} 等将自动渲染成表单控件，例如 <input> 控件。

{{ form.name.errors }}、{{ form.email.errors }} 等将渲染表单对应字段的错误（若是有的话），例如用户 email 格式填错了，那么 Django 会检查用户提交的 email 的格式，而后将格式错误信息保存到 errors 中，模板便将错误信息渲染显示。

显示评论内容

在 detail 视图函数咱们获取了所有评论数据，并经过 comment_list 传递给了模板。和处理 index 页面的文章列表方式是同样的，咱们在模板中经过 {% for %} 模板标签来循环显示文章对应的所有评论内容。

删掉占位用的评论内容的 HTML 代码，即以下的代码：

<ul class="comment-list list-unstyled">
  <li class="comment-item">
    <span class="nickname">追梦人物</span>
    <time class="submit-date">2017年3月12日 14:56</time>
    <div class="text">
      文章观点又有道理又符合人性，这才是真正为了表达观点而写，不是为了迎合某某知名人士粉丝而写。我以为若是琼瑶是前妻，生了三孩子后被一不知名的女人挖了墙角，我不信谁会说那个女人是追求真爱，说同情琼瑶骂小三的女人都是弱者。
    </div>
  </li>
  ...
</ul>

替换成以下的代码：

<ul class="comment-list list-unstyled">
  {% for comment in comment_list %}
  <li class="comment-item">
    <span class="nickname">{{ comment.name }}</span>
    <time class="submit-date">{{ comment.created_time }}</time>
    <div class="text">
      {{ comment.text }}
    </div>
  </li>
  {% empty %}
  暂无评论
  {% endfor %}
</ul>

接下来尝试在详情页下的评论表单提交一些评论数据，能够看到详情页的评论列表处渲染了你提交的评论数据。

评论列表

总结

本章节的代码位于：Step12: comments。

若是遇到问题，请经过下面的方式寻求帮助。

  • 在 评论 - 追梦人物的博客 的评论区留言。

  • 将问题的详细描述经过邮件发送到 djangostudyteam@163.com，通常会在 24 小时内回复。

更多Django 教程，请访问 追梦人物的博客。

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程