一、原理

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

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. TCHAR字符串查找&反向查找字符串

    C++支持两种字符串,即常规的ANSI编码("字符串")和Unicode编码(L"字符串"),相应的就有两套字符串处理函数,比如:strlen和wcslen,分 ...

  2. 学习资料分享（Java第一行代码视频）<susmote.com>

    17年买了一本书,第一行代码(JAVA),李兴华编写的. 一开始我是按照书本一页一页的啃,一个点一个点的去学,虽然当时学的有些枯燥,但里面的知识点大部分还是弄的懂,只是一次偶然,因为有点质疑书上写的( ...

  3. float与double的精度和范围

    1 范围 float和double的范围是由指数的位数来决定的. float的指数位有8位,而double的指数位有11位,分布如下: float: 1bit(符号位) 8bits(指数位) 23bi ...

  4. Java中字符串indexof() 的使用方法

    Java中字符串中子串的查找共有四种方法(indexof())indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置.如果没有找到子字符串,则返回-1.如果 startind ...

  5. cisco交换机实现端口聚合

    0x00前言: 今天听老师讲端口聚合,为了方便日后复习故此有 了本篇随笔. 0x01准备工具: cisco模拟器 0x02:目录 为什么要用端口聚合? 广播风暴? 扩展:SMTP 0x03正文: 为什 ...

  6. python实现维吉利亚密码加密（Vigenère cipher）

    最近有个朋友问我关于维吉利亚密码如何用python实现加密,研究之后发现这是个挺好玩的东西,遂决定写篇博文记录一下. 一.何谓维吉利亚密码 第一列是密钥字母列,第一行是明文字母行.不难看出维吉利亚密码 ...

  7. Redis一次数据丢失（转）

    一台Redis服务器,4核,16G内存且没有任何硬件上的问题.持续高压运行了大约3个月,保存了大约14G的数据,设置了比较完备的Save参数.而就是这台主机,在一次重起之后,丢失了大量的数据,14G的 ...

  8. 开源小工具 酷狗、网易音乐缓存文件转mp3工具

    发布一个开源小工具,支持将酷狗和网易云音乐的缓存文件转码为MP3文件. 以前写过kgtemp文件转mp3工具,正好当前又有网易云音乐缓存文件需求,因此就在原来小工具的基础上做了一点修改,增加了对网易云 ...

  9. 火狐浏览器中如何删除保存的cookie

    大致分为三步即可: 打开浏览器并查看图示,按照图示操作即可完成:

  10. Entity Framework——并发策略

    使用EF框架遇到并发时,一般采取乐观并发控制. 1支持并发检验 为支持并发检验,需要对实体进行额外的设置.默认情况下是不支持并发检验的.有以下两种方式: 方式名称 说明 时间戳注解/行版本 使用Tim ...