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 %}
时间： 2024-12-28 11:38:57