一、原理

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

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. Geth 控制台使用及 Web3.js 使用实战

    在开发以太坊去中心化应用,免不了和以太坊进行交互,那就离不开Web3.Geth 控制台(REPL)实现了所有的web3 API及Admin API,使用好 Geth 就是必修课.结合Geth命令用法阅 ...

  2. 笔记：I/O流-字符集

    Java 库的 java.nio 包用 Charset 类统一了对字符集的转换,支付姐建立了两个字节Unicode码元序列与使用本地字符编码方式的字节序列之间的映射,Charset类使用的时由IANA ...

  3. 剑指Kubernetes 揭秘腾讯云的PaaS技术选型策略

    1.前言 Kubernetes 很火,一大批互联网公司早已领先一步,搭建起专有的 PaaS平台,传统企业们看到的 Kubernetes的趋势,亦不甘落后,在试水的道上一路狂奔-- 虽然,Kuberne ...

  4. ASP.NET MVC编程——缓存

    Web缓存分为服务端缓存和客户端缓存. 1 服务端缓存 1.1请求域内的缓存:HttpContext.Items 类型: HttpContext.Items的类型为IDictionary,且键和值都是 ...

  5. 常见的链表排序（Java版）

    上篇博客中讲解了九大内部排序算法,部分算法还提供了代码实现,但是那些代码实现都是基于数组进行排序的,本篇博客就以链表排序实现几种常见的排序算法,以飨读者. 快速排序的链表实现 算法思想:对于一个链表, ...

  6. java高并发锁的三种实现

    提到锁大家会想到Synchronized同步关键字,使用它确实可以解决一切并发问题,但是对于体统吞吐量要求更高,在这里提供了几个小技巧.帮助大家减少锁粒度.提高系统的并发能力 一.乐观锁 试用场景:读 ...

  7. http的CA证书安装（也就是https）

    近几年随着安全意识的提高,https流行起来,很多小伙伴不太了解https是什么,其实http和https并没有区别,简单的来说,https就是将http通信进行了加密和解密的一个过程.加上谷歌浏览器 ...

  8. 基于以太坊开发的类似58同城的DApp开发与应用案例

    今天,Origin开发团队很高兴地宣布在以太坊Rinkeby测试网络上推出Origin Protocol Demo DApp ! 在这个DApp中,你可以在不同垂直行业的solidarity econ ...

  9. Git忽略规则.gitignore梳理

    对于经常使用Git的朋友来说,.gitignore配置一定不会陌生.废话不说多了,接下来就来说说这个.gitignore的使用. 首先要强调一点,这个文件的完整文件名就是".gitignor ...

  10. HIVE使用mysql作为外置数据库配置详情

    Hive安装配置(mysql) 安装mysql hadoop$:sudo apt-get update hadoop$:sudo apt-get install mysql-server 启动mysq ...