正文

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

︶ㄣ速达网 メ
米米素材网V管理员 / 阅读
0920

这篇文章主要介绍了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

1 本网站名称：米米素材网
2 本站永久网址：https://www.mimisucai.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

相关阅读

发表评论

说点什么吧
  • 全部评论（0）
    还没有评论，快来抢沙发吧！
取消
微信二维码
微信二维码
支付宝二维码
TAGS标签 充值帮助(？) 广告投放 网站地图 关于我们 用户协议 版权声明

Copyright2015-2023米米素材网收集了国内优质的素材网站大全. 涵盖PPT模板、海报、PSD素材、Word模板、元素、Excel表格、字体、CAD、广告设计、网站源码资源以及编程代码学习，为建站开发人员提供优质的服务。

本站采用创作共用版权. 基于DedeCMS搭建. 安全运行天 许可协议，转载或复制请注明出处

苏ICP备2022017718号苏ICP备2022017718号苏公网安备 32058502010603号苏公网安备 32058502010603号

微信公众号