服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js教程 - javascript中layim之查找好友查找群组

javascript中layim之查找好友查找群组

2022-01-19 14:55踮脚敲代码 js教程

这篇文章主要介绍了javascript中layim之查找好友查找群组,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

目前layui官方暂没提供layim查找好友页面的结构与样式,我个人好奇心极强,自己弄了一套,现在上传与大家分享。小生不是做前端的,有些方面不够全面,请各位大神指点一二!

先呈上效果图压压惊

javascript中layim之查找好友查找群组

Layim查找好友、查找群组、添加好友、加入群组:

附上源码,积分下载

一、绑定用户成员列表

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
/** html代码 */
<textarea id="codetool">

二、添加好友

javascript中layim之查找好友查找群组

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/**
 * 添加好友
 */
$(document).on('click', '.addFriend', function() {
    var myBut = $(this);
    var userId = myBut.attr("userId");
    // 弹出添加好友验证界面
    layim.add({
        type: 'friend'
 ,username: user.username
 ,avatar: user.avatar
 ,submit: function(group, remark, index){
            layer.msg('好友申请已发送,请等待对方确认', { icon: 1 });
            // 修改按钮
            myBut.parent().html('<span class="c_red">已经提交申请</span>');
            // 在这里插入你的推送信息代码
 }
 });
});

 

三、推送信息

利用socket推送添加好友申请

?
1
2
3
4
5
6
7
8
9
10
11
12
13
// 推送一个消息
var msg = {
        type: "addMsgbox"// 随便定义,用于在服务端区分消息类型
        sendType: 1,        // 随便定义,用于在服务端区分消息类型
        fromId: loginUserId,    // 申请者
        toId: user.id,          // 好友编号
        groupId: group,         // 所在分组
        remark: remark          // 验证信息
    }
websocket.send(JSON.stringify({
    type: 'chatMsgbox' // 随便定义,用于在服务端区分消息类型
    ,data: msg
 }));

四、猜您喜欢

http://www.zzvips.com/article/221140.html

到此这篇关于javascript中layim之查找好友查找群组的文章就介绍到这了,更多相关layim查找好友查找群组内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/ii950606/article/details/106136563

延伸 · 阅读

精彩推荐