基于mptt库实现多级评论及回复

# 基于mptt多级评论回复【新版】 ## 评论模型设计和显示文章的评论视图 设计模型 ```python from django.db import models from django.utils.timezone import now from mptt.models import MPTTModel, TreeForeignKey # 博客评论 class BlogComment(MPTTModel): is_anonymous = models.BooleanField(default=False, verbose_name='是否匿名') # 已登录用户 created_user = models.ForeignKey(UserProfile, blank=True, null=True, on_delete=models.SET_NULL, verbose_name='评论人') # 匿名评论 nick_name = models.CharField(blank=True, default='', max_length=30, verbose_name='匿名昵称') email = models.EmailField(blank=True, null=True, default=None, verbose_name='匿名邮箱') parent = TreeForeignKey('self', on_delete=models.CASCADE, null=True, blank=True, related_name='children', verbose_name='父标题') blog = models.ForeignKey(Article, on_delete=models.CASCADE, related_name="comments", verbose_name='博客') content = models.TextField(verbose_name='评论内容') created_time = models.DateTimeField(auto_now_add=True, verbose_name='创建时间') updated_time = models.DateTimeField(auto_now=True, verbose_name='修改时间') is_showed = models.BooleanField(default=False, verbose_name='是否显示') class MPTTMeta: order_insertion_by = ['-created_time', 'blog'] # 按照时间插入，新加的直接放在前面 class Meta: verbose_name = '博客评论' # 后台显示模型名称 verbose_name_plural = verbose_name def __str__(self): if self.is_anonymous: # 如果是匿名 if self.parent: return "{} 回复 {}：{}".format(self.nick_name, self.parent.content, self.content) else: return "{} 对 {} 评论：{}".format(self.nick_name, self.blog.title, self.content) else: if self.parent: return "{} 回复 {}：{}".format(self.created_user.username, self.parent.content, self.content) else: return "{} 对 {} 评论：{}".format(self.created_user.username, self.blog.title, self.content) ``` 评论展示，视图中只显示一级评论 ```python # 该内容的回复 # all_article_comment = article.comments.all() all_article_comment = article.comments.filter(parent=None, is_showed=True) # print(all_article_comment) ``` ## 文章评论及回复展示-模板遍历 ### mptt模板中的递归 这个需要视图中获取所有该文章的评论`all_article_comment = article.comments.all()` ```html <!--使用默认的递归显示--> <ol id="comment_list" class="commentlist"> {% recursetree all_article_comment %} <li> <div {% if not node.is_root_node %}class="sub_comment_content" {% endif %}> <span class="comment-f">{{ node.get_descendant_count }}#</span> <div class="comment-main"> <p> {% if node.is_anonymous %} <img class="img-circle" src="/media/usercenter/default.png" alt="" style="max-width: 30px"> <a class="address" rel="nofollow"> {% if node.parent %} {{ node.nick_name }}(匿名)@ {% if node.parent.is_anonymous %} {{ node.parent.nick_name }}(匿名) {% else %} {{ node.parent.created_user.get_user_display }} {% endif %} {% else %} {{ node.nick_name }}(匿名) {% endif %} </a> {% else %} <img class="img-circle" src="{{ node.created_user.image.url }}" alt="" style="max-width: 30px"> <a class="address" rel="nofollow"> {% if node.parent %} {{ node.created_user.get_user_display }}@ {% if node.parent.is_anonymous %} {{ node.parent.nick_name }}(匿名) {% else %} {{ node.parent.created_user.get_user_display }} {% endif %} {% else %} {{ node.created_user.get_user_display }} {% endif %} </a> {% endif %} <span class="time">({{ node.created_time }})</span> </p> <p style="margin-left: 30px" data-toggle="tooltip" data-placement="top" data-original-title="{{ node.parent.content }}"> {% if node.is_showed %}{{ node.content }}{% else %}该条评论正在审核中···{% endif %} </p> </div> </div> {% if not node.is_leaf_node %} {{ children }} {% endif %} </li> {% endrecursetree %} </ol> ``` ### 自定义遍历评论展示 ```html <div id="postcomments"> <ol id="comment_list" class="commentlist"> {# for comment in article.comments.all reversed #} {% for comment in all_article_comment %} <li class="comment-content" style="border-bottom:none"> <span class="comment-f">{{ forloop.revcounter }}楼</span> <div class="comment-main"> {% if comment.is_anonymous %} <img class="img-circle" src="/media/usercenter/default.png" alt="" style="max-width: 30px"> <a class="address" rel="nofollow"> {{ comment.nick_name }}(匿名) </a> {% else %} <img class="img-circle" src="{{ comment.created_user.image.url }}" alt="" style="max-width: 30px"> <a class="address" rel="nofollow"> {{ comment.created_user.get_user_display }} </a> {% endif %} <span class="time">({{ comment.created_time }})</span> <p style="margin-left: 30px">{{ comment.content }}</p> </div> </li> {% if comment.children.all %} <div class="sub_comment_content"> {% for comment in comment.get_descendants %} <li class="comment-content"> <span class="comment-f">{{ forloop.revcounter }}#</span> <div class="comment-main" data-toggle="tooltip" data-placement="top" data-original-title="回复：{{ comment.parent.content }}"> {% if comment.is_anonymous %} <img class="img-circle" src="/media/usercenter/default.png" alt="" style="max-width: 30px"> <a class="address" rel="nofollow"> {% if comment.parent %} {{ comment.nick_name }}(匿名)@ {% if comment.parent.is_anonymous %} {{ comment.parent.nick_name }}(匿名) {% else %} {{ comment.parent.created_user.get_user_display }} {% endif %} {% else %} {{ comment.nick_name }}(匿名) {% endif %} </a> {% else %} <img class="img-circle" src="{{ comment.created_user.image.url }}" alt="" style="max-width: 30px"> <a class="address" rel="nofollow"> {% if comment.parent %} {{ comment.created_user.get_user_display }}@ {% if comment.parent.is_anonymous %} {{ comment.parent.nick_name }}(匿名) {% else %} {{ comment.parent.created_user.get_user_display }} {% endif %} {% else %} {{ comment.created_user.get_user_display }} {% endif %} </a> {% endif %} <span class="time">({{ comment.created_time }})</span> <p style="margin-left: 30px"> {% if comment.is_showed %}{{ comment.content }}{% else %}该条评论正在审核中···{% endif %} </p> </div> </li> {% endfor %} </div> {% endif %} {% endfor %} </ol> </div> ``` 

明人不说暗话 领红包就是支持！！！ 来都来了，再到页面底部看下呗~ ↓ ↓ ↓

本文地址： http://blog.starmeow.cn/detail/3ef815416f775098fe977004015c6193/

很赞哦！ (2)