Python之路，day22-BBS基础

Posted 2020-09-09

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))

　　

  1 {% extends ‘index.html‘ %}
  2 
  3 {% block extra-head-resources %}
  4     <link href="/static/css/webqq_style.css" rel="stylesheet">
  5 
  6 {% endblock %}
  7 
  8 
  9 {% block container %}
 10 <div  class="row" style="margin-top: 50px;height: 100%;">
 11 {% csrf_token %}
 12     <div class="col-lg-2 contact_list">
 13 
 14         <ul class="nav nav-tabs" role="tablist">
 15           <li role="presentation"><a href="#contacts" aria-controls="contacts" role="tab" data-toggle="tab">c</a></li>
 16           <li role="presentation"><a href="#groups" aria-controls="groups" role="tab" data-toggle="tab">g</a></li>
 17 
 18         </ul>
 19 
 20 
 21          <div class="tab-content">
 22             <div role="tabpanel" class="tab-pane active" id="contacts">
 23 
 24                 <div class="list-group">
 25                     {% for contact in request.user.userproifle.friends.all %}
 26 
 27                         <a href="#" class="list-group-item" contact_id="{{ contact.id }}" contact_name="{{ contact.name }}" onclick="OpenSession(this)">{{ contact }}
 28 {#                            <span class="badge">14</span>#}
 29                         </a>
 30 
 31                     {% endfor %}
 32 
 33                 </div>
 34 
 35             </div>
 36             <div role="tabpanel" class="tab-pane" id="groups">groups</div>
 37           </div>
 38 
 39 
 40 
 41     </div>
 42     <div class="col-lg-8  chat_panel">
 43 
 44         <div class="row chat_panel_header">
 45 
 46             <div class="hidden" style="color: green">
 47                 正在与<span contact_id="" id="chat_panel_header_text"></span>聊天
 48             </div>
 49         </div>
 50 
 51         <div class="row chat_panel_body">
 52             body
 53         </div>
 54 
 55         <div class="row chat_panel_input_box">
 56 
 57             <textarea id="msg_input_box" class="msg_input_box">
 58 
 59 
 60 
 61             </textarea>
 62 
 63         </div>
 64 
 65     </div>
 66 
 67 
 68 </div>
 69 
 70 
 71 {% endblock %}
 72 
 73 
 74 {% block bottom-js %}
 75 
 76 <script>
 77 
 78     $(document).ready(function () {
 79 
 80          csrfmiddlewaretoken  = $("input[name=‘csrfmiddlewaretoken‘]").val();
 81 
 82 
 83          $("body").delegate("textarea", "keydown",function(e){
 84                 if(e.which == 13) {//Enter key down
 85                     //send msg button clicked
 86                     var msg_text = $("textarea").val();
 87                     if ($.trim(msg_text).length > 0){
 88                         //console.log(msg_text);
 89                         SendMsg(msg_text);
 90                     }
 91                     //no wait the send_msg‘s call confirm msg
 92                     AddSentMsgIntoBox(msg_text);
 93                     $("textarea").val(‘‘);
 94                 }
 95          });//end body
 96 
 97 
 98 
 99 
100          /*setInterval(function () {
101              LoadNewMsgs();
102          },1000)*/
103 
104           LoadNewMsgs();
105 
106 
107 
108 
109     });//end doc ready
110 
111 
112     function LoadNewMsgs() {
113 
114 
115 
116         $.get("{% url ‘get_msg‘ %}",function(callback){
117             console.log("get_msg callback:",callback);
118             return LoadNewMsgs();
119         });//end get
120     }
121 
122     function SendMsg(msg) {
123         console.log("going tosend msg" + msg);
124 
125 
126 
127         var msg_data = {
128             ‘csrfmiddlewaretoken‘:csrfmiddlewaretoken,
129             ‘from‘:"{{ request.user.userproifle.id }}",
130             ‘to‘: $("#chat_panel_header_text").attr("contact_id"),
131             ‘data‘:msg
132         }
133         $.post("{% url ‘msg_api‘ %}", msg_data ,function(callback){
134 
135             var callback = JSON.parse(callback); //json反序列化
136             console.log("msg_send_status:",callback.msg_send_status);
137             if ( callback.msg_send_status != 1){
138                 alert("消息发送失败:"+ msg);
139             }
140         });//end post
141 
142 
143     }
144     function AddSentMsgIntoBox(msg_text) {
145         var d = new Date();
146         var msg_ele = "<div>   <div>{{ request.user.userproifle.name }}  "+ d.getHours() + ":" +d.getMinutes() + ":" + d.getSeconds() + "</div>";
147         msg_ele += "<div>" + msg_text +"</div> </div>";
148         $(".chat_panel_body").append(msg_ele);
149 
150 
151         $(‘.chat_panel_body‘).animate({
152             scrollTop: $(‘.chat_panel_body‘)[0].scrollHeight}, 500)
153 
154     }
155     function  OpenSession(ele) {
156         var contact_id = $(ele).attr("contact_id");
157         var contact_name = $(ele).attr("contact_name");
158         $(ele).addClass("active");
159         $(ele).siblings().removeClass("active");
160         $("#chat_panel_header_text").text(contact_name);
161         $("#chat_panel_header_text").parent().removeClass("hidden");
162         $("#chat_panel_header_text").attr("contact_id",contact_id);
163 
164     }
165 
166 
167 
168 
169 
170 
171 </script>
172 
173 
174 {% endblock %}