Python怎么实现在线聊天室私聊

 
 所有私聊
 暂时没有任何私聊
 
 

然后再通过调整控件的宽度，来使得新增的 div 显示在聊天框旁边，而不是在下边

.chat_left{ padding:20px; width:-moz-calc(100% - 440px); }
.chat_right{ width:199px; }
.chat_pleft{ width:199px; }

好了，页面布局就说这么多，说多了都是泪。

私聊聊天室

现在开始编写后端逻辑，首先我们要先有一个私聊的聊天室，那么先来改造下 create_room 函数，创建私聊

@main.route('/createroom/', methods=["GET", 'POST'])
@login_required
def create_room(chatwith=None):
 if chatwith:
 rname = chatwith
 if r.exists("pchat-" + rname + '-' + current_user.username) is False:
 r.zadd("pchat-" + rname + '-' + current_user.username, current_user.username, 1)
 r.zadd("pchat-" + rname + '-' + current_user.username, rname, 2)
...

当前函数可以接收一个 chatwith 的参数，如果该参数不为 None 则在 redis 中创建 pchat 数据，即为私聊聊天室。

接下来创建私聊页面视图函数，这里在后面可以完善成需要某些权限才可以发起私聊

@main.route('/privatechat/', methods=['GET', 'POST'])
@login_required
def private_chat():
 # 后面可以增加私聊权限
 user_right = True
 if user_right:
 uname = request.args.get('to', "")
 create_room(chatwith=uname)
 ulist = r.zrange("pchat-" + uname + '-' + current_user.username, 0, -1)
 messages = r.zrange("pmsg-" + uname + '-' + current_user.username, 0, -1, withscores=True)
 msg_list = []
 for i in messages:
 msg_list.append([json.loads(i[0]), time.strftime("%Y/%m/%d %p%H:%M:%S", time.localtime(i[1]))])
 return render_template('privatechat.html', rname=uname, user_list=ulist, msg_list=msg_list)
 else:
 pass

下面还需要一个返回私聊列表的函数

# 获取个人私聊信息
@main.route('/api/pchat/', methods=['GET', 'POST'])
def pchat_info(user):
 pchat = r.keys(pattern='pchat-*')
 pchatlist = []
 for i in pchat:
 i_str = str(i)
 user1 = i_str.split('-', 2)[1]
 if user in i_str:
 pchatlist.append({user1: i_str})
 html = []
 for i in pchatlist:
 html.append(f'{list(i.values())[0]}')
 return json.dumps(html)

这里直接拼接了 HTML 代码并返回，之所以这么做是因为 JavaScript 代码能力过弱，在 Python 侧做了。

在写这块代码时，我是深刻的体会到了 Vue 等前端框架的好处，不仅仅是快速搭建 UI，在处理数据等方面也是爽的一米。

最后就是改造发送消息的函数 send_chat

...
 rtype = request.form.get("rtype", "")
 if rtype and rtype == 'p':
 ulist = r.zrange("pchat-" + rname + '-' + current_user.username, 0, -1)
 if current_user.username in ulist:
 body = {"username": current_user.username, "msg": info}
 r.zadd("pmsg-" + rname + '-' + current_user.username, json.dumps(body), time.time())
 socket_send(info, current_user.username)
 data = json.dumps({'code': 200, 'msg': info})
 return data
 else:
 data = json.dumps({'code': 403, 'msg': 'You are not in this room'})
 return data
...

前端需要在 URL 参数中传递 rtype 参数来标识该请求是私聊发出的，其他代码基本复用原来的。

前端改造

首先就是要定时刷新私聊列表

// 定时更新私聊列表
 setInterval(function() {
 $.get("http://127.0.0.1:8889/api/pchat/" + "{{ current_user.username }}",//GET请求的url地址
 function(data,status){
 var roomlist = JSON.parse(data);
 for (var i =0; i
这里有一些硬编码，请忽略
接下来就是发起私聊的入口了，这里我设置到了双击某个用户，即可发起私聊
// 用户列表操作
	var fromname = $('#fromname').val();
	var to_uid = 0; // 默认为0,表示发送给所有用户
	var to_uname = '';
	$('.user_list > li').dblclick(function(){
		to_uname = $(this).find('em').text();
		to_uid = $(this).attr('data-id');
 var redirect_url = 'http://' + document.domain + ':' + location.port + '/privatechat/?to=' + to_uname;
		if(to_uname == fromname){
		 alert('您不能和自己聊天!');
			return false;
		}
		if(to_uname == '所有用户'){
		 $("#toname").val('');
			$('#chat_type').text('群聊');
		}else{
		 // 新开窗口私聊
		 window.open(redirect_url);
		}
		$(this).addClass('selected').siblings().removeClass('selected');
	});
当然，用户也可以单击私聊列表来进入私聊聊天室，因为在后端返回时已经给 em 标签设置了 onclick 事件，这里直接实现事件函数即可
function pchat(id){
 var to_user = id;
 var redirect_url = 'http://' + document.domain + ':' + location.port + '/privatechat/?to=' + to_user;
 window.open(redirect_url);
 }
这样，基本改造完成，可以愉快的私聊喽！
私聊效果
到此，相信大家对“Python怎么实现在线聊天室私聊”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
            
            
                            

                网站栏目：Python怎么实现在线聊天室私聊                

                URL分享：http://scyanting.com/article/gdpiod.html