解锁评论功能，助力精彩博客之旅

2022-12-11 14:04:40

Django博客开发：添加评论和发布文章功能

在上一篇文章中，我们完成了文章阅读功能的搭建。现在，让我们继续探索如何使用Django构建一个全面的博客系统，包括评论和发布文章的功能。

搭建评论功能

创建评论表单

在文章详情页面的HTML代码中，在文章正文下方添加一个评论区域，其中包括一个文本框用于输入评论内容和一个按钮用于提交评论。

{% include "components/comment_form.html" %}

显示评论列表

在评论表单下方，我们列出所有评论，并为每条评论提供楼层、创建时间、用户名、评论内容和回复按钮。

{% for comment in comments %}
<div class="comment-item">
    <div class="comment-header">
        <span class="comment-floor">{% forloop.counter %}</span>
        <span class="comment-time">{{ comment.created_time | date:"Y-m-d H:i" }}</span>
        <span class="comment-username">{{ comment.user.username }}</span>
    </div>
    <div class="comment-content">{{ comment.content }}</div>
    <a href="javascript:;" class="comment-reply" data-username="{{ comment.user.username }}" data-comment-id="{{ comment.id }}">回复</a>
</div>
{% endfor %}

提交评论

当用户点击提交评论按钮时，我们需要执行以下操作：

检查评论内容是否为空。如果为空，提示用户输入评论内容。
如果评论内容不为空，通过Ajax请求将评论信息发送到服务器，包括文章ID、评论内容和父评论ID（如果有）。
在服务器端处理评论，并将其添加到评论列表中。

添加文章功能

创建文章发布页面

在后台管理系统中，添加一个“发布文章”按钮。点击该按钮后，用户将被带到文章发布页面。

添加文章表单

在文章发布页面中，包含一个表单，用于收集文章标题、内容、分类和标签等信息。

<form action="{% url 'blog:create_article' %}" method="post">
    {% csrf_token %}
    <input type="text" name="title" placeholder="文章标题">
    <textarea name="content" placeholder="文章内容"></textarea>
    <select name="category">
        {% for category in categories %}
        <option value="{{ category.id }}">{{ category.name }}</option>
        {% endfor %}
    </select>
    <input type="text" name="tags" placeholder="文章标签">
    <input type="submit" value="发布文章">
</form>