编程派微旗子暗记:codingpy
本文系作者 Django学习小组 授权编程派原创揭橥,并经编程派编辑,转载请注明出处及微信ID(codingpy)。
通过前五周的韶光我们开拓了一个大略的个人 Blog,本周我们将实现 blog 文章的评论功能。(快速查看前五期内容,请点击文末链接)
实现思路
首先须要为评论(Comment)设计一个数据库表,并编写相应的 Model,将评论与文章关联,再编写揭橥评论的视图,设置相应的 url 即可。
评论的 Model 设计
请点击阅读原文,查看详细代码
参照大部分博客评论的样式,我们的 BlogComment Model 包含这些字段:
user_name:用户在评论前先要填写他们想利用的昵称
user_email:用户在评论前先要填写他们想利用的邮箱
body:用户提交的评论内容
created_time:评论提交韶光
article:评论关联的文章,由于一个评论只能关联某一篇文章,而一篇文章下可能有多个评论,因此是一对多的关系,利用 ForeignKey
评论的表单
表单用来给做事器后台提交用户填写的数据,例如平时我们看到的填写登录、注册信息的页面便是一个登录、注册表单,用户填写表单信息后,点击提交按钮,表单中填写的内容就会打包发送给做事器后台。
我们须要为用户填写评论设置一个表单,django 的 form 模块为我们供应了自动天生表单的功能,如果对表单不熟习请参阅:官方文档:表单概述 ,以理解基本的表单利用方法(如果你对表单觉得很陌生的话)。
下面我们利用 Django 的 ModelForm ( django ModelForm 先容 )类为我们自动天生表单。首先在 blog 目录下新建一个 forms.py (和 models.py 同一目录)文件用来存放 form 的代码:
请点击阅读原文,查看详细代码
视图函数
这里我们一如既往坚持利用基于类的通用视图,由于涉及到评论表单的提交处理,因此我们利用 FormView。这里对 FormView 的利用稍作讲解。
在 Django 的基于函数的视图中,涉及表单的处理的视图其逻辑一样平常是这样的:
请点击阅读原文,查看详细代码
即,首先判断用户是否通过表单 POST 了数据过来,如果是,则根据 POST 过来的数据构建一个表单,如果数据验证合法(form.is_valid),则创建评论,否则返回表单提交页。如果没有 POST 数据,则做其他相应的事情。FormView 把这些逻辑做了整合,无需写那么多 if else 语句:
请点击阅读原文,查看详细代码
为了方便地重定向回原来提交评论的文章详情页面,我们为文章(Article)的模型新增一个方法:get_absolute_url,调用该方法将得到该 Article 对应的 url,例如这是文章 1 的 url:http://localhost:8000/article/1,则调用后返回 /article/1,这样调用 HttpResponseRedirect 后将返回该 url 下的文章详情页。
请点击阅读原文,查看详细代码
同时为了在详情页渲染一个评论表单,轻微修正一下 ArticleDetailView 的视图函数,把评论表单 form 插入模板高下文中:
请点击阅读原文,查看详细代码
URL 设置
设置模板文件
新增了一个 comment.html 文件以渲染评论表单和评论列表,并且修正了 detail.html 文件以在文章详情页显示评论表单和评论列表,修正了blog/tatic 下的 style.css 为评论添加样式,由于代码比较多,就不贴出来了,紧张是 html 和 css 的前审察干代码,请到 GitHub 仓库 更新干系的模板和静态资源文件。
至此,全体评论功能的框架做好了,显示效果如下:
当然这只是一个评论的框架,很多细节有待处理和完善,但无论如何,用户已经可以为我们的文章揭橥评论见地了。
前情回顾
第一周:Django学习与实战(一):编写博客的 Model 和首页面
第二周:Django学习与实战(二):博客详情页面和分类页面
第三周:Django学习与实战(三):文章列表分页和代码语法高亮
第四周:Django学习与实战(四):基于类的通用视图详解
第五周:Django学习与实战(五):标签云与文章归档