一、原理

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

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. Spark Streaming高级特性在NDCG计算实践

    从storm到spark streaming,再到flink,流式计算得到长足发展, 依托于spark平台的spark streaming走出了一条自己的路,其借鉴了spark批处理架构,通过批处理方 ...

  2. java 多线程（总结）

    今天看了几篇关于java多线程问题的文章,将他们的部分内容引过来总结下,也算是对java多线程这类问题的整理. 在多线程中,必须明白两个问题,一是多线程实现,二是代码同步. 在java中要想实现多线程 ...

  3. 笔记：Spring Cloud Ribbon 客户端配置详解

    自动化配置 由于 Ribbon 中定义的每一个接口都有多种不同的策略实现,同时这些接口之间又有一定的依赖关系,Spring Cloud Ribbon 中的自动化配置能够很方便的自动化构建接口的具体实现 ...

  4. 笔记：MyBatis XML配置详解

    MyBatis 的配置文件包含了影响 MyBatis 行为甚深的设置(settings)和属性(properties)信息.文档的顶层结构如下: configuration 配置 properties ...

  5. bootbox的使用

    /* * className为green的方法 */ function alertMsgG(msg,title,fn){ bootbox.alert({ buttons: { ok: { label: ...

  6. c++编码及读写文件

    写文件 #include <fstream> #include <iostream> using namespace std; int main() { ofstream ou ...

  7. 排序算法Java实现（基数排序）

    算法思想:依次按个位.十位...来排序,每一个pos都有分配过程和收集过程,array[i][0]记录第i行数据的个数. package sorting; /** * 基数排序 * 平均O(d(n+r ...

  8. 大数据 --> ProtoBuf的使用和原理

    ProtoBuf的使用和原理 一.简介 Protobuf是一个灵活的.高效的用于序列化数据的协议.相比较XML和JSON格式,protobuf更小.更快.更便捷.Protobuf是跨语言的,并且自带了 ...

  9. c++ --> c++中四种类型转换方式

    c++中四种类型转换方式   c风格转换的格式很简单(TYPE)EXPRESSION,但是c风格的类型转换有不少缺点, 1)它可以在任意类型之间转换,比如你可以把一个指向const对象的指针转换成指向 ...

  10. STL --> stack栈

    stack栈 c++stack(堆栈)是一个容器的改编,它实现了一个先进后出的数据结构(FILO),使用该容器时需要包含#include<stack>头文件: 定义stack对象示例: s ...