Python之路，day22-BBS基础

Python之路，day22-BBS基础

多级评论

from  django.template import Library
from django.utils.safestring import mark_safe

register = Library()

@register.simple_tag
def truncate_upload_img(img_src):
    print(dir(img_src))
    print(img_src.name)
    return img_src.name.lstrip("/uploads/")


@register.simple_tag
def render_paginator_btn(articles,page):

    current_page = articles.number
    if abs(current_page - page) <= 5 :
        ele = """<li ><a href="?page={page}">{page}</a></li>""".format(page=page)
        return mark_safe(ele)

    return ''


def build_comment_tree(comment_dic,obj):
    """递归的去把每个评论放到合适的层级里面"""

    for k,v in comment_dic.items():
        if obj.p_node ==  k: #代表找他了它父节点,把自己加到k下面
            print("[%s]找到了父节点[%s]" %(obj,k))
            comment_dic[k][obj] = {}
        else: #开始进行深度查询
            print("没找到，进入下一层查找",obj)
            build_comment_tree(comment_dic[k], obj)

def build_comment_html(comment_dic,margin_arg):
    """循环评论的字典， 拼接html"""

    comment_eles = ''
    for k,v in comment_dic.items():
        comment_eles += '''<div style='border:1px dashed black;padding:10px;margin-left:{margin}px'>{user} ---- {date} --- {comment}</div>'''
            .format(user=k.user,
                    date=k.date.strftime('%Y-%m-%d %H:%M:%S'),
                    comment=k.comment,
                    margin=margin_arg)
        if v:

            comment_eles += build_comment_html(comment_dic[k],margin_arg+20)

    return comment_eles

@register.simple_tag
def load_comments(article_obj):

    #1.先把数据库里所有的这篇文章的评论查出来，转成字典
    #2.递归的循环这个字典，生成html评论元素

    comment_dic = {
    }

    comment_objs = article_obj.comment_set.all().order_by('date') #列表

    for obj in comment_objs:

        if not obj.p_node:#判断obj有没有p_node,没有的话，那它自己就是顶级评论
            comment_dic[obj] = {}
        else: #有父亲节点
            build_comment_tree(comment_dic,obj)
    print(comment_dic)

    comment_list = sorted(comment_dic.items(),key=lambda x:x[0].date)
    print("comment objs：",comment_list)

    comment_html = """"""

    for comment_branch in comment_list:
        margin_arg=0
        branch_ele = """<div style='border:1px dashed black;padding:10px;margin-left:{margin}px'>{user} ---- {date} --- {comment}</div>""".
            format(user=comment_branch[0].user,
                   date=comment_branch[0].date.strftime('%Y-%m-%d %H:%M:%S'),
                   comment=comment_branch[0].comment,
                   margin=margin_arg)
        comment_html += branch_ele

        #开始构建它的子级评论的元素
        comment_html +=  build_comment_html(comment_branch[1],margin_arg+20)

    return mark_safe(comment_html)

　　

webqq

from django.shortcuts import render,HttpResponse
from django.views.decorators.csrf import csrf_exempt
from webqq.msg_handler import MsgHandler
import queue,json
# Create your views here.

MSG_QUEUES = {}



def dashboard(request):

    print("user--",request.user.userproifle)
    return render(request,"webqq/dashboard.html")

#@csrf_exempt
def msg_api(request):


    msg_obj = MsgHandler(request, MSG_QUEUES)
    if request.method == "POST":

        msg_obj.msg_send()
        return HttpResponse(json.dumps({"msg_send_status": 1}))
    else:
        msg_data = msg_obj.msg_recv()
        return HttpResponse(json.dumps(msg_data))

　　

{% extends 'index.html' %}

{% block extra-head-resources %}
    <link href="/static/css/webqq_style.css" rel="stylesheet">

{% endblock %}


{% block container %}
<div  class="row" style="margin-top: 50px;height: 100%;">
{% csrf_token %}
    <div class="col-lg-2 contact_list">

        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation"><a href="#contacts" aria-controls="contacts" role="tab" data-toggle="tab">c</a></li>
          <li role="presentation"><a href="#groups" aria-controls="groups" role="tab" data-toggle="tab">g</a></li>

        </ul>


         <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="contacts">

                <div class="list-group">
                    {% for contact in request.user.userproifle.friends.all %}

                        <a href="#" class="list-group-item" contact_id="{{ contact.id }}" contact_name="{{ contact.name }}" onclick="OpenSession(this)">{{ contact }}
{#                            <span class="badge">14</span>#}
                        </a>

                    {% endfor %}

                </div>

            </div>
            <div role="tabpanel" class="tab-pane" id="groups">groups</div>
          </div>



    </div>
    <div class="col-lg-8  chat_panel">

        <div class="row chat_panel_header">

            <div class="hidden" style="color: green">
                正在与<span contact_id="" id="chat_panel_header_text"></span>聊天
            </div>
        </div>

        <div class="row chat_panel_body">
            body
        </div>

        <div class="row chat_panel_input_box">

            <textarea id="msg_input_box" class="msg_input_box">



            </textarea>

        </div>

    </div>


</div>


{% endblock %}


{% block bottom-js %}

<script>

    $(document).ready(function () {

         csrfmiddlewaretoken  = $("input[name='csrfmiddlewaretoken']").val();


         $("body").delegate("textarea", "keydown",function(e){
                if(e.which == 13) {//Enter key down
                    //send msg button clicked
                    var msg_text = $("textarea").val();
                    if ($.trim(msg_text).length > 0){
                        //console.log(msg_text);
                        SendMsg(msg_text);
                    }
                    //no wait the send_msg's call confirm msg
                    AddSentMsgIntoBox(msg_text);
                    $("textarea").val('');
                }
         });//end body




         /*setInterval(function () {
             LoadNewMsgs();
         },1000)*/

          LoadNewMsgs();




    });//end doc ready


    function LoadNewMsgs() {



        $.get("{% url 'get_msg' %}",function(callback){
            console.log("get_msg callback:",callback);
            return LoadNewMsgs();
        });//end get
    }

    function SendMsg(msg) {
        console.log("going tosend msg" + msg);



        var msg_data = {
            'csrfmiddlewaretoken':csrfmiddlewaretoken,
            'from':"{{ request.user.userproifle.id }}",
            'to': $("#chat_panel_header_text").attr("contact_id"),
            'data':msg
        }
        $.post("{% url 'msg_api' %}", msg_data ,function(callback){

            var callback = JSON.parse(callback); //json反序列化
            console.log("msg_send_status:",callback.msg_send_status);
            if ( callback.msg_send_status != 1){
                alert("消息发送失败:"+ msg);
            }
        });//end post


    }
    function AddSentMsgIntoBox(msg_text) {
        var d = new Date();
        var msg_ele = "<div>   <div>{{ request.user.userproifle.name }}  "+ d.getHours() + ":" +d.getMinutes() + ":" + d.getSeconds() + "</div>";
        msg_ele += "<div>" + msg_text +"</div> </div>";
        $(".chat_panel_body").append(msg_ele);


        $('.chat_panel_body').animate({
            scrollTop: $('.chat_panel_body')[0].scrollHeight}, 500)

    }
    function  OpenSession(ele) {
        var contact_id = $(ele).attr("contact_id");
        var contact_name = $(ele).attr("contact_name");
        $(ele).addClass("active");
        $(ele).siblings().removeClass("active");
        $("#chat_panel_header_text").text(contact_name);
        $("#chat_panel_header_text").parent().removeClass("hidden");
        $("#chat_panel_header_text").attr("contact_id",contact_id);

    }






</script>


{% endblock %}