资讯专栏INFORMATION COLUMN

Django 博客开发教程 12 - 评论

wangbinke / 1375人阅读

摘要:创建了数据库模型就要迁移数据库,迁移数据库的命令也在前面讲过。如果表单对应有一个数据库模型例如这里的评论表单对应着评论模型,那么使用类会简单很多,这是为我们提供的方便。表明这个表单对应的数据库模型是类。

创建评论应用

相对来说,评论其实是另外一个比较独立的功能。Django 提倡,如果功能相对比较独立的话,最好是创建一个应用,把相应的功能代码写到这个应用里。我们的第一个应用叫 blog,它里面放了展示博客文章列表和细节等相关功能的代码。而这里我们再创建一个应用,名为 comments,这里面将存放和评论功能相关的代码。首先激活虚拟环境,然后输入如下命令创建一个新的应用:

</>复制代码

  1. python manage.py startapp comments

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

</>复制代码

  1. blogproject/settings.py
  2. ...
  3. INSTALLED_APPS = [
  4. "django.contrib.admin",
  5. "django.contrib.auth",
  6. "django.contrib.contenttypes",
  7. "django.contrib.sessions",
  8. "django.contrib.messages",
  9. "django.contrib.staticfiles",
  10. "blog",
  11. "comments", # 注册新创建的 comments 应用
  12. ]
  13. ...
设计评论的数据库模型

用户评论的数据必须被存储到数据库里,以便其他用户访问时 Django 能从数据库取回这些数据然后展示给访问的用户,因此我们需要为评论设计数据库模型,这和设计文章、分类、标签的数据库模型是一样的,如果你忘了怎么做,再回顾一下 创建 Django 博客的数据库模型 中的做法。我们的评论模型设计如下(评论模型的代码写在 commentmodels.py 里):

</>复制代码

  1. comments/models.py
  2. from django.db import models
  3. from django.utils.six import python_2_unicode_compatible
  4. # python_2_unicode_compatible 装饰器用于兼容 Python2
  5. @python_2_unicode_compatible
  6. class Comment(models.Model):
  7. name = models.CharField(max_length=100)
  8. email = models.EmailField(max_length=255)
  9. url = models.URLField(blank=True)
  10. text = models.TextField()
  11. created_time = models.DateTimeField(auto_now_add=True)
  12. post = models.ForeignKey("blog.Post")
  13. def __str__(self):
  14. return self.text[:20]

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

同时注意我们为 DateTimeField 传递了一个 auto_now_add=True 的参数值。auto_now_add 的作用是,当评论数据保存到数据库时,自动把 created_time 的值指定为当前时间。created_time 记录用户发表评论的时间,我们肯定不希望用户在发表评论时还得自己手动填写评论发表时间,这个时间应该自动生成。

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

</>复制代码

  1. python manage.py makemigrations
  2. python manage.py migrate
评论表单设计

这一节我们将学习一个全新的 Django 知识:表单。那么什么是表单呢?基本的 HTML 知识告诉我们,在 HTML 文档中这样的代码表示一个表单:

</>复制代码

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

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

下面开始编写评论表单代码。在 comments 目录下(和 models.py 同级)新建一个 forms.py 文件,用来存放表单代码,我们的表单代码如下:

</>复制代码

  1. comments/forms.py
  2. from django import forms
  3. from .models import Comment
  4. class CommentForm(forms.ModelForm):
  5. class Meta:
  6. model = Comment
  7. 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 需要调用相应的视图函数来处理这些数据,下面开始写我们视图函数处理逻辑:

</>复制代码

  1. comments/views.py
  2. from django.shortcuts import render, get_object_or_404, redirect
  3. from blog.models import Post
  4. from .models import Comment
  5. from .forms import CommentForm
  6. def post_comment(request, post_pk):
  7. # 先获取被评论的文章,因为后面需要把评论和被评论的文章关联起来。
  8. # 这里我们使用了 Django 提供的一个快捷函数 get_object_or_404,
  9. # 这个函数的作用是当获取的文章(Post)存在时,则获取;否则返回 404 页面给用户。
  10. post = get_object_or_404(Post, pk=post_pk)
  11. # HTTP 请求有 get 和 post 两种,一般用户通过表单提交数据都是通过 post 请求,
  12. # 因此只有当用户的请求为 post 时才需要处理表单数据。
  13. if request.method == "POST":
  14. # 用户提交的数据存在 request.POST 中,这是一个类字典对象。
  15. # 我们利用这些数据构造了 CommentForm 的实例,这样 Django 的表单就生成了。
  16. form = CommentForm(request.POST)
  17. # 当调用 form.is_valid() 方法时,Django 自动帮我们检查表单的数据是否符合格式要求。
  18. if form.is_valid():
  19. # 检查到数据是合法的,调用表单的 save 方法保存数据到数据库,
  20. # commit=False 的作用是仅仅利用表单的数据生成 Comment 模型类的实例,但还不保存评论数据到数据库。
  21. comment = form.save(commit=False)
  22. # 将评论和被评论的文章关联起来。
  23. comment.post = post
  24. # 最终将评论数据保存进数据库,调用模型实例的 save 方法
  25. comment.save()
  26. # 重定向到 post 的详情页,实际上当 redirect 函数接收一个模型的实例时,它会调用这个模型实例的 get_absolute_url 方法,
  27. # 然后重定向到 get_absolute_url 方法返回的 URL。
  28. return redirect(post)
  29. else:
  30. # 检查到数据不合法,重新渲染详情页,并且渲染表单的错误。
  31. # 因此我们传了三个模板变量给 detail.html,
  32. # 一个是文章(Post),一个是评论列表,一个是表单 form
  33. # 注意这里我们用到了 post.comment_set.all() 方法,
  34. # 这个用法有点类似于 Post.objects.all()
  35. # 其作用是获取这篇 post 下的的全部评论,
  36. # 因为 Post 和 Comment 是 ForeignKey 关联的,
  37. # 因此使用 post.comment_set.all() 反向查询全部评论。
  38. # 具体请看下面的讲解。
  39. comment_list = post.comment_set.all()
  40. context = {"post": post,
  41. "form": form,
  42. "comment_list": comment_list
  43. }
  44. return render(request, "blog/detail.html", context=context)
  45. # 不是 post 请求,说明用户没有提交数据,重定向到文章详情页。
  46. 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 对应的全部评论。 CommentPost 是通过 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 模式:

</>复制代码

  1. comments/urls.py
  2. from django.conf.urls import url
  3. from . import views
  4. app_name = "comments"
  5. urlpatterns = [
  6. url(r"^comment/post/(?P[0-9]+)/$", views.post_comment, name="post_comment"),
  7. ]

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

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

</>复制代码

  1. blogproject/urls.py
  2. urlpatterns = [
  3. url(r"^admin/", admin.site.urls),
  4. url(r"", include("blog.urls")),
  5. + url(r"", include("comments.urls")),
  6. ]
更新文章详情页面的视图函数

我们可以看到评论表单和评论列表是位于文章详情页面的,处理文章详情页面的视图函数是 detail,相应地需要更新 detail,让它生成表单和从数据库获取文章对应的评论列表数据,然后传递给模板显示:

</>复制代码

  1. blog/views.py
  2. import markdown
  3. from django.shortcuts import render, get_object_or_404
  4. + from comments.forms import CommentForm
  5. from .models import Post, Category
  6. def detail(request, pk):
  7. post = get_object_or_404(Post, pk=pk)
  8. post.body = markdown.markdown(post.body,
  9. extensions=[
  10. "markdown.extensions.extra",
  11. "markdown.extensions.codehilite",
  12. "markdown.extensions.toc",
  13. ])
  14. # 记得在顶部导入 CommentForm
  15. form = CommentForm()
  16. # 获取这篇 post 下的全部评论
  17. comment_list = post.comment_set.all()
  18. # 将文章、表单、以及文章下的评论列表作为模板变量传给 detail.html 模板,以便渲染相应数据。
  19. context = {"post": post,
  20. "form": form,
  21. "comment_list": comment_list
  22. }
  23. return render(request, "blog/detail.html", context=context)
在前端渲染表单

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

</>复制代码

  1. ...

替换成如下的代码:

</>复制代码

  1. {% csrf_token %}
  2. {{ form.name }}
  3. {{ form.name.errors }}
  4. {{ form.email }}
  5. {{ form.email.errors }}
  6. {{ form.url }}
  7. {{ form.url.errors }}
  8. {{ form.text }}
  9. {{ form.text.errors }}

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

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

显示评论内容

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

删掉占位用的评论内容的 HTML 代码,即如下的代码:

</>复制代码

    • 追梦人物
    • 文章观点又有道理又符合人性,这才是真正为了表达观点而写,不是为了迎合某某知名人士粉丝而写。我觉得如果琼瑶是前妻,生了三孩子后被一不知名的女人挖了墙角,我不信谁会说那个女人是追求真爱,说同情琼瑶骂小三的女人都是弱者。
    • ...

替换成如下的代码:

</>复制代码

    • {% for comment in comment_list %}
    • {{ comment.name }}
    • {{ comment.text }}
    • {% empty %}
    • 暂无评论
    • {% endfor %}

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

总结

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

如果遇到问题,请通过下面的方式寻求帮助。

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

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/44393.html

相关文章

  • Django 学习小组:博客开发实战第五周教程 —— 实现评论功能

    摘要:本教程内容已过时,更新版教程请访问博客开发入门教程。我们的评论表单放在中,评论成功后返回到原始提交页面。学习小组简介学习小组是一个促进新手互相学习互相帮助的组织。 本教程内容已过时,更新版教程请访问: django 博客开发入门教程。 通过前四周的时间我们开发了一个简单的个人 Blog,前几期教程地址: 第一周:Django 学习小组:博客开发实战第一周教程 —— 编写博客的 Mode...

    CoderStudy 评论0 收藏0
  • Django 学习小组:博客开发实战第五周教程 —— 实现评论功能

    摘要:本教程内容已过时,更新版教程请访问博客开发入门教程。我们的评论表单放在中,评论成功后返回到原始提交页面。学习小组简介学习小组是一个促进新手互相学习互相帮助的组织。 本教程内容已过时,更新版教程请访问: django 博客开发入门教程。 通过前四周的时间我们开发了一个简单的个人 Blog,前几期教程地址: 第一周:Django 学习小组:博客开发实战第一周教程 —— 编写博客的 Mode...

    kumfo 评论0 收藏0
  • Django 博客开发教程 13 - 已知小问题修正

    摘要:所以,让我们再接再厉,进入到博客开发进阶教程,学习更多的开发技巧,为博客提供更多的功能吧总结本章节的代码位于。在已知小问题修正追梦人物的博客的评论区留言。将问题的详细描述通过邮件发送到,一般会在小时内回复。更多教程,请访问追梦人物的博客。 在模型中指定排序 为了让文章(Post)按发布时间逆序排列,即最新发表的文章排在文章列表的最前面,我们对返回的文章列表进行了排序,即各个视图函数中都...

    bergwhite 评论0 收藏0
  • Django 博客开发教程 3 - 创建 Django 博客的数据库模型

    摘要:而对于标签来说,一篇文章可以有多个标签,同一个标签下也可能有多篇文章,所以我们使用,表明这是多对多的关联关系。理解多对一和多对多两种关联关系我们分别使用了两种关联数据库表的形式和。表明一种一对多的关联关系。 设计博客的数据库表结构 博客最主要的功能就是展示我们写的文章,它需要从某个地方获取博客文章数据才能把文章展示出来,通常来说这个地方就是数据库。我们把写好的文章永久地保存在数据库里,...

    Shimmer 评论0 收藏0
  • Django 学习小组:博客开发实战第四周——标签云与文章归档

    摘要:本教程内容已过时,更新版教程请访问博客开发入门教程。表示降序排列,默认是升序排列。学习小组简介学习小组是一个促进新手互相学习互相帮助的组织。我们会将每周的详细开发文档和代码通过邮件列表发出。 本教程内容已过时,更新版教程请访问: django 博客开发入门教程。 通过前四周的时间我们开发了一个简单的个人 Blog,教程地址: 第一周:Django 学习小组:博客开发实战第一周教程 ——...

    RichardXG 评论0 收藏0

发表评论

0条评论

wangbinke

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<