一、原理

#多级评论原理简单原理,弄完之后发现基础白学了

msg_list = [

    {'id':1,'content':'xxx','parent_id':None},

    {'id':2,'content':'xxx','parent_id':None},

    {'id':3,'content':'xxx','parent_id':None},

    {'id':4,'content':'xxx','parent_id':1},

    {'id':5,'content':'xxx','parent_id':4},

    {'id':6,'content':'xxx','parent_id':2},

    {'id':7,'content':'xxx','parent_id':5},

    {'id':8,'content':'xxx','parent_id':3},

]

#python里面的apend之类的东西都是引用的原来数据的内从地址,对原数据进行操作的话

#我们引用的数据也会发生一样的变化(字典列表之类的)

#骗子的方法

# for i in msg_list:

#     i['child']=[]

# for i in range(len(msg_list)-1,-1,-1):

#     if msg_list[i]['parent_id']:

#         msg_list[msg_list[i]['parent_id'] - 1]['child'].append(msg_list[i])

# new_msg_list = [i for i in msg_list if i['parent_id'] is None]

# print(new_msg_list)

#老师讲的方法

# v=[row.setdefault('child',[]) for row in msg_list] #这和地下的第一个for循环的作用是一样的,给每一个元素加一个'child':[]

# print(msg_list)

#如果我们想加快索引(快点找到数据的话)就建一个字典的数据结构

msg_list_dict={} #加快索引,节省时间

for item in msg_list:

    item['child']=[]

    msg_list_dict[item['id']]=item #字典中key为item['id']，value为item

    #把字典数据结构填上数据,能够加快索引,而且我们数据还是占得原来的内从空间

    #我们只是引用了数据的内容空间,所以不存在新的数据结构浪费空间一说

result=[]

for item in msg_list:

    pid=item['parent_id']

    if pid: #如果parent_id不为空,说明它是子级,要把自己加入对应的父级

        msg_list_dict[pid]['child'].append(item)

    else: #如果为空,说明他是父级,要把它单独领出来用

        result.append(item)

#result就是我们最终要的结果,因为这里面全是引用,所有数据的内存地址都没有变

#只不过被多个数据结构引用了而已

print(result)

二、精简版

views代码

def comments(request,nid):

    res={'status':True,'data':None,'msg':None}

    try:

        comment_list = models.Comment.objects.filter(article_id=nid).values()

        com_list = list(comment_list)  # 所有的评论,列表套字典

        com_list_dict = {}  # 建立一个方便查找的数据结构字典

        for item in com_list:  # 循环评论列表,给每一条评论加一个child:[]就是让他装对他回复的内容

            item['create_time'] = str(item['create_time'])

            item['child'] = []

            com_list_dict[item['nid']] = item

        result = []

        for item in com_list:

            rid = item['reply_id']

            if rid:  # 如果reply_id不为空的话,那么就是说明他是子评论,我们要把他加入对应的评论后面

                com_list_dict[rid]['child'].append(item)

            else:

                result.append(item)

        print(result)

        # comment_str = comment_tree(result)

        # 这是在服务器上递归完之后,然后在传到前端,但是这样会增加服务器压力

        #所以这种方式我们直接就不用了

        res['data']=result

    except Exception as e:

        res['status']=False

        res['mag']=str(e)

    return HttpResponse(json.dumps(res))

HTML代码

<style>

    .comment{

        margin-left:20px;

        }

</style>

<body>

    <div id="commentArea">

    </div>

</body>

<script src="/static/jquery-3.2.1.js"></script>

<script>

        //自定义JS中字符串格式化方法

        String.prototype.Format=function (arg) {

            //console.log(this,arg); //this,当前调用方法的字符串，arg为Format方法传入的参数

            //return '666'; //return，格式化之后获取的新内容，return啥就替换为啥

            var temp = this.replace(/\{(\w+)\}/g,function (k,kk) {

                // k相当于{(\w+)},kk相当于(\w+)要替换的东西,arg一般是一个字典

                return arg[kk];

            });

            return temp;

        };

        $(function () {

            //发送Ajax请求，获取所有评论的信息

            //列表

            //JS生成结构

             var token=$.cookie('csrftoken');

             $.ajax({

                 url:"/comments-{{ article_obj.nid }}.html",

                 type:"GET",

                 dataType:"JSON",

                 success:function (arg) {

                     if (arg.status){

                         var comment=commentTree(arg.data);

                         $('#commentArea').append(comment);

                     }else{

                         alert(arg.msg);

                     }

                 }

             })

        });

        //多级评论递归函数,js函数里面也有return,自己写js字符串格式化

        //pyhton中字符串的方法都是str下的,js中是String.prototype下找的

        function commentTree(commentList) {

            var comment_str="<div class='comment'>";

            $.each(commentList,function (k,row) {

                var temp="<div class='content'>{content}</div>".Format({content:row.content});

                comment_str += temp;

                if (row.child.length>0){

                    comment_str += commentTree(row.child);

                }

            });

            comment_str += '</div>';

            return comment_str

        }

</script>

　　

Django多级评论的更多相关文章

  1. Django 项目补充知识（JSONP,前端瀑布流布局，组合搜索，多级评论）

    一.JSONP 1浏览器同源策略 通过Ajax,如果在当前域名去访问其他域名时,浏览器会出现同源策略,从而阻止请求的返回 由于浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一 ...

  2. python运维开发(二十二)---JSONP、瀑布流、组合搜索、多级评论、tornado框架简介

    内容目录: JSONP应用 瀑布流布局 组合搜索 多级评论 tornado框架简介 JSONP应用 由于浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性. ...

  3. python自动化开发-[第二十二天]-bbs多级评论、点赞、上传文件

    今日概要: 1.related_name和related_query_name的区别 2.through_fields的用途 3.django的事务提交 4.点赞的动画效果 5.多级评论的原理 6.上 ...

  4. day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor

    Day20回顾: 1. 请求生命周期 2. 中间件 md = [ "file_path.classname" ] process_request[可有可无] process_res ...

  5. jsonp、瀑布流布局、组合搜索、多级评论（评论树）、Tornado初识

    1.JSONP原理剖析以及实现 1.1 同源策略限制 用django分别建立两个项目,jsonp01和jsonp02,然后再在这两个项目里分别建立一个app,比如名字叫jsonp1.jsonp2:js ...

  6. Python or JavaScript 实现多级评论

    Python or JavaScript 实现多级评论 Python 实现 Js 实现

  7. [个人网站搭建]·Django增加评论功能(Python3)

    [个人网站搭建]·Django增加评论功能 个人主页--> https://xiaosongshine.github.io/ 个人网站搭建github地址:https://github.com/ ...

  8. django中的多级评论

    需求分析 一般论坛中有评论和子评论,这样很容易就成了一个评论树,比如以下情况,先看数据结构: #nid,评论内容,跟帖对象(None为根评论) (1, '111', None), (2, '222', ...

  9. 潭州课堂25班：Ph201805201 django 项目 第二十五课 文章多级评论前后台实现 (课堂笔记）

    添加新闻评论功能 1.分析 业务处理流程: 判断前端传的新闻id是否为空,是否为整数.是否不存在 判断评论的内容是否为空 判断是否有父评论,父评论的id是否与新闻id匹配 判断用户是否登录 保存新闻评 ...

随机推荐

  1. Java日志框架：slf4j作用及其实现原理

    简单回顾门面模式 slf4j是门面模式的典型应用,因此在讲slf4j前,我们先简单回顾一下门面模式, 门面模式,其核心为外部与一个子系统的通信必须通过一个统一的外观对象进行,使得子系统更易于使用.用一 ...

  2. day1 安装jdk8环境及第一个java程序

    安装jdk8 第一步:下载jdk安装包,我们这里下载orical官网的jdk8版本.

  3. Vue解析四之注册变量

    判断监听的变量,如果undefined可以用$set来注册一个变量. 另外click可以是表达式,不一定必须是一个方法.

  4. 【Python】 文件和操作文件方法

    文件 ■ 基本的文件用法 f = open("path","mode") mode有a,w,r,b,+等.默认为r.模式与打开文件时的动作有关系,比如用w打开的 ...

  5. JQuery代码实现上拉加载（不使用插件）

    <script type="text/javascript"> $(window).scroll(function() { //已经滚动到上面的页面高度 var sl_ ...

  6. scrapy---callback 传递自定义参数

    在scrapy提交一个链接请求是用 Request(url,callback=func) 这种形式的,而parse只有一个response参数,如果自定义一个有多参数的parse可以考虑用下面的方法实 ...

  7. jmeter 前置处理器提取用户cookie信息 比如jsessionid

    一般登录过程分成两步,一步是打开登录页面, 一步是输入用户名和密码登录 现在B/S架构的系统好多时候都只在客户端的cookie信息保留一个jsessionId,然后每次请求的时候在请求的头信息的coo ...

  8. selenium2自动化测试学习笔记（五）-参数化编程，自动登陆网易QQ邮箱

    学习python下使用selenium2自动测试第6天,参数化编程这节课花了两天时间. 本次编程主要时间是花在熟悉python上 知识点or坑点: 1.读取txt.xml.csv等文件存储的账号.密码 ...

  9. ssm中iReport报表使用json数据源过程体会

    前言:做这个一定要有耐心,因为报表本就是数据杂糅到规整的过程,这篇心得会细讲每一步操作,如果只想着一眼到位,建议close tab 在公司中遇到项目,大概是一个这样的需求,有一个列表和一个标题,需要把 ...

  10. strcat函数

    原型:char  *strcat  ( char  *dest, const  char  *src) 用法:#include  <string.h> 功能:连接两个字符串:strcat( ...